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;   включает  полную|

|                               |спецификацию и ссылки на ресурсы     |

+-------------------------------+-------------------------------------+

Версия для печати