Советы

Стиль страниц сайта

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

Пользователь, увидев страницу, должен сразу воскликнуть: ба! да это листочек с “Кухни” Сидорова!

Главный заголовок страницы

Заголовок на обложке написан безсерифным шрифтом (шрифт без засечек) в два цвета (оранжевый и зеленый):

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

Значит, сохраним эту структуру (и этот же самый шрифт) на других страницах сайта, но в меньшей дозировке:

Советы

Заголовки придется “зацементировать” в графике. Опасно использовать тег FONT с атрибутом face. Указанного шрифта может не оказаться на компьютере пользователя, и браузер запишет заголовок шрифтом по умолчанию, то есть, как правило, серифным Times Roman. Это испортит дизайн страницы. Может получиться и того хуже: браузер найдет указанный в face шрифт, но русских глифов в нем не окажется, и тогда заголовок будет написан на “древненорвежском”.

Другие заголовки страницы

Остальные, внутренние заголовки страниц, буду записывать “фирменным” зеленым цветом (один из двух цветов заголовка), используя обычные теги Hn.

В вершину иерархии внутренних заголовков положу тег H2, так как тег H1 создает слишком крупные надписи, не согласующиеся по размеру с моим главным заголовком. Теги H3, H4 буду использовать для оформления подчиненных заголовков.

Выделения

Для выделения фрагментов текста буду использовать курсивное начертание.

В моих текстах часто будет встречаться запись HTML-кода. Фрагменты программ буду записывать моноширинным шрифтом при помощи тега PRE, при этом, названия тегов буду выделять полужирным.

Если небольшой фрагмент кода будет появляться в основном тексте, то его также буду записывать моноширинным шрифтом при помощи тега TT, дополнительно выделяя названия тегов полужирным начертанием.

Единство стиля

Принятые выше соглашения нужно строго выдержать на всех страницах сайта.

Отступления будут только в разделе Работы. Там я представляю проекты, имеющие свой собственный стиль визуального отображения.


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