«Web-дизайн по стандартам»

Web-дизайн по стандартамАвтор: Джеффри Зельдман.
Серия: Школа веб-мастерства.

Джеффри Зельдман последовательно и целенаправленно ведет читателя к пониманию необходимости перехода к Web-стандартам. Издание описывает все основные технологии, необходимые для быстрого и эффективного перевода сайта на новый уровень, — XHTML, CSS, XML. Вы научитесь создавать красивые сайты, которые будут доступны пользователям как альтернативных браузеров, так и мобильных устройств. Книга заставит вас иначе взглянуть на Web-дизайн в частности и Интернет в целом; покажет, что будущее за стандартами WЗC.

Издание предназначено для дизайнеров, разработчиков, владельцев и менеджеров сайтов, желающих снизить затраты, повысить работоспособность сайтов и охватить более широкий круг пользователей.

Отзывы. Очень интересная и поучительная книга. То, что автор приводит болшое количество примеров, как не надо делать, способствует тому, что читатель обращает внимание на то, что он сам именно так и делал или делает до сих пор. Большое внимание необходимости придерживаться стандартов тоже оправдано, т.к. многие не обращают внимания на стандарты, просто не понимая их значимости для других.
Мне эта книга была очень полезна в свое время, т.к. многое из прочитанного в части отступления от стандартов использовал сам. Теперь моим принципом стало, следование стандартам настолько, насколько это возможно. Семернин Евгений. Читать другие отзывы на ozon.ru

Создание сайтов

16.07.08. Создание сайта «Курсы английского языка: быстрое обучение английскому языку».

01.07.08. Создание сайта «Рудольф Нуреев: биография, статьи, фотографии, воспоминания».

Соблюдаем web-стандарты

Как декларация DOCTYPE
влияет на отображение браузерами?

Если вы не соблюдаете стандарты, то игнорирование декларации DOCTYPE или неполное указание (например, <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">) может вам помочь, в том смысле, что, не взирая на ваши ошибки, документ будет отображаться так, как вы задумали. По сей день мы встречаем великое множество сайтов вообще без декларации. И может показаться, что ее наличие не так уж и важно.

«Тег DOCTYPE, в атрибутах которого указывается полный URL (полный web-адрес), сообщает броузерам, что страницу нужно вывести с соблюдением определенного стандарта или подвида этого стандарта. Если вы будете пользоваться неполным тегом DOCTYPE, устаревшим его видом, или вообще забудете про него, браузер перейдет в «загадочный» режим и будет исходить из предположения, что вы писали код страницы с ошибками и вольно отступали от стандартов, т.е. так, как писали в конце 90-ых годов.
В этом режиме браузер попытается разобрать вашу страницу по правилам обратной совместимости и выведет на экран, например, CSS так, как его вывел бы Internet Explorer 4-ой версии, а DOM будет работать так, как он работал именно в этом броузере (IE переключается в свой старый DOM, а Mozilla и Netscape 6 переключается вообще в бог знает что)». Джеффри Зельдман.

1. На некоторых сайтах вы могли встретить «покрашенную» вертикальную полосу прокрутки (скроллинг). Веб-мастера стараются, чтобы она вписывалась в общий стиль сайта. Однако изменения полосы прокрутки являются нарушением стандартов CSS2. В браузерах IE 6 и Opera 9 это работает, если в HTML указан неполный DOCTYPE стандарта HTML 4.01 Transitional (<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">).   Если вы добавите веб-адрес в DOCTYPE, то правила в таблице стилей перестают работать, и полоса прокрутки приобретает стандартный вид. В любом случае такой ход не срабатывает в Mozilla Firefox.

2. Меню, созданное в Navstudio, нормально отображается в Internet Explorer 6.0, если указан неполный DOCTYPE стандарта HTML 4.01 Transitional. Стоит добавить веб-адрес, меню скукоживается и им вообще невозможно пользоваться. В браузерах Opera 9, FF меню в любом случае отображается некорректно. Замечено, что на других компьютерах меню отображается неправильно даже в Internet Explorer 6.0. О том, стоит ли создавать меню в Navstudio, читайте мою заметку.

3. Особенно важно наличие полной декларации DOCTYPE в блочных сайтах (в которых структурирование страницы происходит с помощью блоков <div>, а не таблиц).

Нужно помнить, что как начинающему, так и опытному веб-мастеру трудно добиться кроссбраузерности, т.е. одинакового отображения сайта во всех современных браузерах без полного указания декларации DOCTYPE.

4. В табличных сайтах ошибки в коде не приводят к каким-то катастрофическим последствиям в отображении Internet Explorer 6.0 в документах без декларации. Искажения могут быть в отображении Mozilla Firefox (процент пользователей которого растет).

Популярность шестой версии Internet Explorer падает

Еще в январе 2007 года (по моей статистике) количество пользователей Internet Explorer 6.0 составляло 70%. К октябрю эта доля уменьшилась на 10%. Теперь треть всех посетителей пользуются браузерами Mozilla Firefox 2, Opera 9, Internet Explorer 7, и эта доля со временем будет только увеличиваться.

Раньше можно было создать сайт под IE 6 и больше ни о чем не беспокоиться.  Но сегодня уже нельзя пренебрегать растущей популярностью других браузеров и появления новой версии Internet Explorer (которая в большей степени поддерживает стандарты).

Крис Уилсон (Chris Wilson), архитектор платформы Internet Explorer, поделился с посетителями мероприятия информацией о том, что Microsoft планирует призвать создателей Web-сайтов к приведению сайтов к стандартам при разработке сайтов под IE 8.0. «Пять лет назад ни один из 200 самых популярных Web-сайтов не прибегал к использованию стандартов» — сказал Уилсон. «Сегодня стандартизированы лишь половина из этих 200 сайтов». Уилсон признал, что пока не до конца понятно, какую форму примет эта оптимизация. Но обращение к авторам сайтов с просьбой оптимизировать сайт «даст возможность делать восхитительные вещи». Дав Microsoft разрешение на то, чтобы IE 8.0 стал более стандартизированным, авторы возьмут на себя ответственность за некорректное отображение своих сайтов.
Источник: http://www.thevista.ru/page.php?id=8468

Наличие полной декларации помогает создавать сайты, которые нормально отображаются не только в шестой версии Internet Explorer, но и в других современных браузерах, а также дает гарантию, что в будущем с выходом новых версий браузеров ваш сайт не потеряет тот процент посетителей, который будет их использовать.

Рассылки Subscribe.Ru
Обучающие видеоуроки по созданию сайтов.
Подписаться письмом

«Мастерская CSS.
Профессиональное применение Web-стандартов»

Авторы: Энди Бадд, Камерон Молл, Саймон Коллизон

Авторы книги показывают, что «эстетически привлекательным должен быть не только внешний вид Web-страницы, но и ее код, что значительно облегчает поддержку и модификацию страницы как самим разработчиком, так и другими дизайнерами».


Кратко о книге. Книга посвящена современным технологиям Web-дизайна на основе каскадных таблиц стилей (CSS). Рассматриваются такие темы, как верстка на основе изменяемой и фиксированной ширины контейнеров; типы селекторов; абсолютное и относительное позиционирование; использование плавающих элементов; стилизация гиперссылок, форм, списков и панелей навигации; позиционирование фоновых изображений. Кроме того, обсуждаются вопросы применения фильтров и трюков для нивелирования на Web-страницах ошибок браузеров. Много внимания уделяется концепциям чистоты разметки и надежности кода.


Отзыв. Методично собираю библиотеку книг по CSS, купила и эту. Поначалу насторожила толщина — она явно уступает остальным. Но! Она легко заменила в работе все остальные. Это самый свежий взгляд на многие проблемы вёрстки: здесь сведены воедино "глюки" различных браузеров и способы решения. Закрепление теории, оригинальные идеи и авторское видение процесса создания сайта.
Рекомендую. Гриценко Татьяна (отзыв покупателя книги на ozon.ru).

Сколько стоит книга? — 214 руб.
Заказать на ozon.ru