Web-мастера и провайдеры содержимого Web знают, как трудно сделать так, чтобы страницы в формате HTML (языка разметки гипертекста) выглядели действительно хорошо. Опять же, если пользователи Internet с OS/2 Web-браузером посмотрят на страницу, отформатированную с помощью самых последних HTML-расширений корпорации Netscape, то увидят ее искаженной. Верно говорят, что Web-узлы, зависимые от браузера, скорее отталкивают, чем привлекают пользователей.
Познакомимся с каскадными таблицами стилей (Cascading Style Sheets), разработанными консорциумом World Wide Web (W3C). Эти таблицы позволяют авторам, работающим на HTML, проектировать Web-страницы, используя метафору настольной издательской системы, а не программировать на SGML или HTML. Web-страницы могут иметь точные поля, использовать различные стили шрифтов, выделять точное количество пустого пространства вокруг текста и графических элементов, а также использовать другие средства форматирования страницы, применяющиеся в настольных издательских системах. Популярные Web-браузеры в конце концов будут поддерживать таблицы стилей, которые теоретически сведут проблему необычного HTML-форматирования к минимуму.
Присоединяя таблицы стилей к HTML-страницам, авторы могут влиять на представления документов, не жертвуя независимостью устройств и не добавляя новых HTML-тегов. Страницы по-прежнему содержат свои HTML-элементы, находящиеся теперь в предопределенных слоях.
Консорциум W3C выпустил жесткую спецификацию для CSS1 (Cascading Style Sheets Level 1). Эта спецификация поддерживается в Internet Explorer 3.0 корпорации Microsoft. Хотя поступающие сообщения и противоречивы, следующая версия браузера Navigator от Netscape, по-видимому, также будет поддерживать CSS1.
Перед тем, как читать дальше, советую вам посмотреть, что можно делать на Web-страницах с помощью CSS1. Посетите Web-узел Microsoft Typography и, с помощью находящихся в нем указателей изучите множество примеров использования шрифтов TrueType в HTML-документах и поэкспериментируйте с ними.
Другой набор образцов, меньшего размера, для внутреннего пользования поставщика, находится в Web-узле консорциума W3C (войдите в http://www.w3.org/pub/WWW/Style/css/msie).
Прежде чем поддержка таблиц стилей корпорации Microsoft полностью вас очарует, посетите Web-узел “CSS1 not supported in Internet Explorer 3.0”, содержащий примеры недоработок в этом браузере, приводящих к некорректной работе с CSS1.
Информацию общего плана можно найти в статье “Information Presentation: Cascading Style Sheets”, опубликованной в онлайновом журнале Websmith. Автор на ясном английском языке дает описание CSS1 и приводит примеры того, как связать HTML и таблицы стилей.
Кроме того, узел “Style Sheets for online SGML & HTML”, созданный одним из главных архитекторов CSS1, дает пояснения по использованию таблиц стилей с примерами и рекомендациями.
Узел Web Style Sheets - еще одна хорошая отправная точка для знакомства с CSS1. Узел включает полную спецификацию CSS1, историческую справку и ссылки на онлайновые ресурсы.
Джефф ФРЕНТЗЕН
ТАБЛИЦА СТИЛЕЙ
+-------------------------------+-------------------------------------+
| НАЗВАНИЕ/АДРЕС | КРАТКОЕ ОПИСАНИЕ |
+-------------------------------+-------------------------------------+
|Amaya |Экспериментальный Web-клиент W3C и|
|http://www.w3.org/pub/WWW/Amaya|авторский инструмент, поддерживающие|
| |CSS1; работает только под UNIX |
+-------------------------------+-------------------------------------+
|Cascading Style Sheets, Level 1|Официальный рабочий документ от W3C |
|http://www.w3.org/pub/WWW/TR/WD| |
|-css1 | |
+-------------------------------+-------------------------------------+
|CSS1 not supported in Internet |Примеры того, как CSS1 не работает в|
|Explorer 3.0 |Microsoft Internet Explorer 3.0|
|http://www.shadow.net/~braden/n|должным образом |
|ostyle | |
+-------------------------------+-------------------------------------+
|Information Presentation: |Информационная статья, |
|Cascading Style Sheets |опубликованная в журнале Websmith;|
|http://www.smithing.com/issues/|включает описание CSS1 на простом|
|i3/ ws51.html |английском языке и некоторые|
| |HTML-примеры |
+-------------------------------+-------------------------------------+
|Microsoft Site Builder |Узел содержит много рекламы Internet|
|Workshop |Explorer, однако предлагает также|
|http://www.microsoft.com/worksh|ценную справочную информацию по|
|op/author/howto/css-f.htm |таблицам стилей |
+-------------------------------+-------------------------------------+
|Microsoft Typography |Примеры и эксперименты с CSS1 при|
|http://www.microsoft.com/truety|использовании шрифтов TrueType в|
|pe/css/ intro.htm |HTML-документах |
+-------------------------------+-------------------------------------+
|Style sheets for on-line SGML |Пояснительные записки Берта Боса по|
|& HTML |таблицам стилей с примерами и|
|http://grid.let.rug.nl/~bert/St|рекомендациями |
|ylesheets | |
+-------------------------------+-------------------------------------+
|Web Style Sheets |Хорошая отправная точка для|
|http://www.w3.org/pub/WWW/Style|знакомства с CSS1; включает полную|
| |спецификацию и ссылки на ресурсы |
+-------------------------------+-------------------------------------+