"Графическими элементами" сайта называются любые картинки, используемые при его оформлении.

Графические элементы разделяются на элементы навигации (логотипы, кнопки, карты-изображения), иллюстрации (собственно иллюстрации и метафоры) и декорации.

Логотип представляет собой рисунок, символически отображающий идею проекта. Обычно он ограничен размерами 150х150 пикселей (обычно меньше, но почти никогда — больше), использует мало цветов и потому исполняется в формате gif.

Если логотип размещён не на главной странице, он должен одновременно служить ссылкой на главную. Также, он обязательно должен быть снабжён атрибутами alt (гласящим только "Логотип") и title (сообщающим, что это ссылка на главную).

Напомню о разнице между атрибутами alt и title. Первый используется для описания картинки, если она по каким-либо причинам не отображается. Второй вызывает подсказку, всплывающую при наведении курсора, и должен пояснять, а не описывать или замещать изображение.

Также не забудьте соответственными атрибутами задать ширину и высоту логотипа. Это позволит сохранить композицию страницы даже в случае, если картинки не загружены.

Что касается кнопок, большинство веб-мастеров советует использовать вместо них текстовые ссылки, оформленные, если так необходимо, средствами CSS.

Если же Вы всё же пользуетесь кнопками, то...

Убедитесь, что для каждой кнопки указаны высота и ширина, а также значение атрибута alt, чтобы назначение кнопки оставалось очевидным даже при отключенных изображениях. Если название ссылки абстрактно, позаботьтесь о пояснении при помощи атрибута title. Не делайте кнопки слишком крупными и, лучше всего, храните их в отдельной папке.

О картах-изображениях достаточно подробно рассказывается в статье, посвящённой оформлению ссылок; не буду повторяться.

К иллюстрациям относятся рисунки, иллюстрирующие текст, и метафоры (мини-символы для привлечения внимания к текстовым ссылкам, иногда используемые как дополнительные кнопки). Размеры иллюстраций следует указывать лишь в случае, когда это отражается на композиции страницы.

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

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

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

[вернуться к меню]

CrazyLilya