Декоративная графика

Пример

Картинка-распорка

Рекомендации

За каждую обнаруженную погрешность назначается штраф 0.1.

Общая сумма штрафов ограничена числом 0.5. То есть при обнаружении более пяти ошибок, они не увеличивают суммарный штраф.

Буквальное повторение одной и той же ошибки (одного и того же кода) считать одной погрешностью.

Для пустых картинок-распорок, декоративной и составной графики необходимо указывать alt ="". Дело в том, что по стандарту HTML у атрибута alt нет определенного значения. Это означает, что браузеры вправе помещать в альтернативный текст всё, что угодно.

Распорка — это невидимая картинка, которая используется в дизайне сайта для создания полей, отступов и точного (по пикселам) размещения элементов в окне браузера.

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

Такую картинку можно растягивать до любого размера, пользуясь атрибутами тега witdh и height тега IMG.

Вася записал такой код для вывода логотипа и заголовока:

<NOBR> <IMG src=./pic/logo.gif width=85 height=83 border=0 hspace=0 vspace=0 alt="Логотип" ><IMG src=./pic/title.gif width=367 height=61 border=0 hspace=0 vspace=0 alt="Цыплёнок босиком"> </NOBR>

На экране коду соответствует изображение (рис. 7.39):

Рис 7.39. Логотип и заголовок сайта

Подумав, Вася решил отодвинуть заголовок от логотипа на 50 пикселов. Он размещает между двумя картинками третью — распорку:

<NOBR> <IMG src=./pic/logo.gif width=85 height=83 border=0 hspace=0 vspace=0 alt="Логотип" ><IMG src=./pic/empty.gif width=50 height=83 border=0 hspace=0 vspace=0 alt="" ><IMG src=./pic/title.gif width=367 height=61 border=0 hspace=0 vspace=0 alt="Цыплёнок босиком"> </NOBR>

Экран изменился так (рис. 7.40):

Рис 7.40. Логотип и заголовок сайта с распоркой между ними

Чтобы посмотреть на распорку, временно запишем в её коде border =1 (рис. 7.41):

Рис 7.41. Распорка с включённой рамкой

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

Дата добавления: 2014-01-14