Веб-дизайн

В примере 4 основное содержимое страницы состоит из нескольких заголовков, «сшитых» в единое целое активными вертикальными и горизонтальными линиями, строгой системой выравнивании, общим шрифтом и ярки» фотографическим фоном (он же визуал), чья второплановость подчеркнута размывкой. Здесь же, кстати, мы видим редкий пример гармонизации вычурного каллиграфически–рукописного шрифта (надпись Tori Amos) с достаточно своеобразным, хотя и близким к рубленому шрифтом остальных заголовков.

РАЗДЕЛИТЕЛИ

Непопулярность иерархических систем заголовков совсем не означает, что основной текст страницы должен быть монолитен и монотонен. Наоборот, средний объем фрагмента сплошного текста без каких–либо графических выделений (подзаголовков, границ абзацев, ссылок) на веб–странице значительно меньше, чем на странице даже самого пестрого и поверхностного из журналов. Различия между подзаголовками и другими видами текстовых выделений при этом размываются, и нередко трудно понять, где кончается подзаголовок и начинается просто ссылка или текстовый эмфазис. В большинстве случаев внутритекстовые заголовки оформляются «заподлицо» с окружающим их текстом, а с главным заголовком страницы их связывают отношения контраста, а не подобия.

Очень часто вместо заголовков следующих уровней на веб–страницах используются нетекстовые разделители. Академический HTML предлагает для этой цели тег HR, призванный отделять друг от друга разнородные фрагменты текста. Пытаясь придать визуальную привлекательность этому, вообще говоря, чисто логическому средству разметки, авторы первого графического броузера Netscape поступили так, как поступил бы на их месте любой дизайнер–любитель: сделали соответствующие этому тегу горизонтальные линейки псев-Ютрехмерными — не то выпуклыми, не то вдавленными «плоскость страницы. Создатели MSIE заимствовали этот прием оформления, хотя и в менее «агрессивном» варианте (рис. 48).

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

Рис. 48Псевдотрехмерность под микроскопом: концы линеек HR в NC (слева) и MSIE (справа)

Поэтому, сказав «а», создатели броузера Netscape вынуждены были сказать и «б» — им пришлось сразу же добавить к тегу HR атрибут noshade, дающий простую плоскую линейку без каких бы то ни было украшений (если не считать закругленных концов). Тем не менее даже и плоская, подобранная по толщине (атрибут size) и длине (атрибут width) линейка вряд ли станет украшением вашей страницы — и не только с эстетической, но и с логической точки зрения. Очень часто желание поставить

---

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

Программистам известно, что имеющийся в большинстве языков программирования оператор безусловного перехода GOTO может служить лишь временной «затычкой» в тех случаях, когда автору программы недосуг поискать более элегантный и законный способ передачи управления (оператор цикла, вызов подпрограммы). Это хорошая аналогия тегу HR, который тоже употребляется чаще всего тогда, когда недостаточно продуманная структура документа не позволяет оформить тематический водораздел более содержательными и художественно обоснованными средствами.

БАННЕРЫ

Хотя рекламные графические вставки не относятся к заголовкам в собственном смысле этого слова, удобнее сказать о них несколько слов именно здесь: ведь баннеры вполне можно рассматривать как «заголовки» для текстов, которые расположены на других страницах и на которые эти заголовки приглашают вас перейти (кстати, одно из значений слова banners английском языке — именно «заголовок»). Подробно баннерный дизайн будет рассматриваться в следующеб главе (стр. 275).