С этой целью в каталогах указанных
примеров организованы подкаталоги html4 и xhtml 1.
Так, версия примера, рассмотренного в листинге 2.7, на языке HTML 4.01
Strict расположена в каталоге \examples\02\07\html4.
Впрочем, хотелось бы напомнить, что диск содержит удобное оглавление —
для того, чтобы им воспользоваться, откройте файл \index.html.
ГЛАВА 3 J
I
I
Оформление веб-страниц
с использованием каскадных
листов стилей
Всем хороши HTML-документы, рассмотренные нами в предыдущей главе.
Вот только смотрятся они, прямо скажем, скучновато.
Примерно так, просто и без излишеств, выглядели веб-страницы лет десять
тому назад, в «классическую» эпоху HTML 2.0.
С тех пор много воды утекло, но редкие памятники истории живы и по сей
день. Я не буду оригинальничать и приведу традиционный и весьма
показательный пример — Библиотеку Максима Мошкова (www.lib.ru), которая не
меняла дизайн со дня своего основания, с ноября 1994 г.
Как притягательна все же эстетика такого вот экстремального минимализма,
беспощадно срывающая всю бесполезную мишуру, обнажающая естество
контента, открывающая чистый, не затуманенный взор на самую сущность
проекта!
Впрочем, инициативы Netscape и Microsoft по засорению языка HTML так
называемыми «расширениями» — визуальными тегами и атрибутами,
которые противоречат идеологии структурной разметки, были направлены во
многом на преодоление безнадежного однообразия, царившего во Всемирной
паутине. Вполне понятно, что когда буквально каждая первая страница
отображалась в окошке браузера как черный текст с вкраплениями синих и
пурпурных ссылок на белом или сером фоне, глядя на все это, можно было и
взвыть.
Безусловно, решения, выработанные данными компаниями, были, мягко
говоря, поспешными — с их последствиями мы боремся и по сей день. Но
давать трезвые и однозначные оценки легко сейчас, по прошествии десятка лет;
тогда же, в «подростковый» период жизни Всемирной паутины, когда многие
эксперты всерьез приравнивали два года развития Сети к тысячелетию ста-
ш
114
Часть I. Технологические основы
новления человеческой цивилизации, бурлящие волны эйфории от любых
проявлений прогресса увлекали за собой в бездну все рациональные зерна…
Назначение и возможности CSS
Актуальная на сегодняшний день версия листов стилей, CSS level 2 (или,
сокращенно, CSS2), позволяет полностью отказаться от нежелательных тегов и
атрибутов HTML, отвечающих за визуальное представление данных.
Важно понимать, что, отказываясь от визуальных средств HTML в пользу
CSS, мы не просто меняем «шило на мыло». Мы приобретаем несравненно
большую гибкость, ибо CSS2 в идеале дает нам возможность реализовать
принцип разделения содержания и представления на уровне конечного кода
веб-страниц.
В этом случае HTML-документы содержат в себе только структурированный
контент и ничего более (совсем как в примерах из главы 2). Описание
внешнего облика страниц, в свою очередь, всецело и полностью отделено от
HTML-документов и хранится во внешнем по отношению к ним листе
стилей. Таким образом, модифицировав единственный CSS-файл, мы можем
изменить оформление всех страниц, связанных с ним. Изменить в корне, самым
радикальным образом, если только в этом существует надобность.
Количество страниц не имеет значения — таких документов может быть десять, сто,
тысяча, да хоть миллион…
Изящество принципа разделения содержания и представления со всей
красноречивостью демонстрируют авторы проекта CSS Zen Garden
(www.csszengarden.com), которые предлагают ознакомиться с
ошеломляющим многообразием совершенно не похожих друг на друга примеров дизайна
одной и той же страницы (рис. 3.1 и 3.2), различающихся взаимным
расположением функциональных областей, цветовым и шрифтовым решением,
подбором графики и т. д.
Как уже говорилось, CSS2 на приемлемом уровне поддерживается всеми
распространенными сегодня графическими браузерами, так что описанная
идеология реально работает!
Более того, как это ни парадоксально, прогрессивные технологии
предпочтительнее и для устаревших браузеров.
|
5th Фев 2011
|
Теги:
|