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

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

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

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

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

Доступность и привлекательность текста

Урок #17. Вставка таблиц.
25 минут

Все познается в сравнении

Если у вас есть материал с числовыми данными, то лучше представлять их в таблице. Обычные предложения для этого не годятся. Почему применение таблиц эффективно?

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

Пользуясь случаем, представлю статистические данные моего сайта о количестве посетителей в % за два дня. Период между ними — полгода.

Таблица 1. Количество посетителей с разными браузерами на 7 мая 2007 г. и 1 ноября 2007 г.
Наименование браузера Доля, %
на 7 мая 2007 г. 		Доля, %
на 1 ноября 2007 г.

Измене-ние, %

Explorer 6 72.2 65.9 -6.3
Opera 9 6.1 13.6 +7.5
Explorer 5 6.1 2.3 -3.8
Explorer 7 4.3 9.1 +4.8
Firefox 1 3.5 0.0 -3.5
Opera 8 3.5 1.1 -2.4
Opera 7 2.6 0.0 -2.6
Firefox 2 1.7 8.0 +6.3

Посещаемость сайта — 120-140 человек в сутки. Поэтому эту статистику нельзя назвать точной. Тем не менее мы можем судить о тенденциях: шестая версия  Internet Explorer по-прежнему очень распространена — более 60% всех посетителей пользуются браузером, у которого большие проблемы с поддержкой веб-стандартов; тем не менее есть тенденция к уменьшению этой доли за счет перехода на седьмую версию Internet Explorer, Firefox 2 и Opera 9.

Исходя из табличных данных, доля посетителей Internet Explorer 7.0, Firefox 2 и Opera 9 составляет 30.7%. А это говорит о том, что времена безоговорочного лидерства Internet Explorer 6.0 прошли и веб-мастерам нужно заботиться о нормальном отображении сайта в других современных браузерах.

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

На видеоуроке я показываю, как создается подобная таблица и демонстрирую самые распространенные действия: объединение строк/рядов, деление строк/рядов, вставка столбцов; как управлять внешним видом таблицы посредством таблицы стилей.

Дополнительный урок (34 минуты) посвящен табличному макетированию. За это время создается сайт из 3 колонок, шапки и хвостовика.

Я не сторонник использовать таблицы при создании сайта, а именно этот способ наиболее распространен в наше время. Тем не менее урок дан, чтобы вы могли сравнить код табличного и дивного макетов.

В сети есть советы о том, что нужно использовать таблицы в качестве каркаса для сайта, а более мелкие детали формировать с помощью div-блоков (тоже не являюсь сторонником такого подхода). Особенно, когда речь идет о сложном дизайне. Поэтому этот урок, возможно, вам пригодится.