Советы

Геометрия обложки

Для начала хочется привести рекомендации Дмитрия Кирсанова из его замечательной книги Веб-дизайн:

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

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

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

Кухня Сидорова
   

Здесь будет располагаться гипертекстовое меню сайта. Таблица позволит вертикально выровнять его по заголовку Кухня Сидорова.

Очень удачно, что разделы меню Работы, Советы и Ссылки имеют примерно равную длину. Почему примерно? Но ведь браузер по умолчанию пишет на экране пропорциональным шрифтом и, значит, буквы не имеют одинаковой ширины!

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

Все вертикали на месте! Красота! Если теперь выключить границы таблицы, то получится как раз то, что вы видели, заглянув на мой сайт.


[содержание] [советы] [заголовок обложки] [стиль страниц сайта]       Иван Сидоров kurs@robotland.pereslavl.ru