Фоновая графика

Дата добавления: 2015-07-09; просмотров: 971; Нарушение авторских прав

Чтобы украсить страницу, можно заполнить фон картинкой из графического файла. Фоновое изображение – это графический файл, содержащий картинку (желательно небольшого размера), который многократно выводится на экран, заполняя всё окно. Изображение для фона должно напоминать фрагмент обоев, т.е. быть небольшим и незамысловатым, чтобы, во-первых, не замедлять загрузку, а во-вторых, текст на выбранном фоне должен легко читаться. Это совет, а не обязательное ограничение.

Фоновая графика задаётся в тэге <BODY> в начале документа HTML, подобно тому, как задаётся цвет фона. При этом используется атрибут BACKGROUND, значением которого является имя графического файла. Например,

<BODY BACKGROUND=”fon.gif” BGPROPERTIES=FIXED>

Рис. 21. Использование фоновой графики

Рис. 22. Пример использования фоновой графики

Для использования графического файла в качестве фона его желательно предварительно обработать в любом графическом редакторе (Adobe Photoshop, CorelDraw, Photo Editor).

ССЫЛКИ

Ссылки (или гиперссылки) позволяют щелчком кнопки мыши на выделенном тексте или изображении перейти к другому файлу или фрагменту страницы. Ссылки применяются в большинстве существующих страниц. Они могут быть текстовыми и графическими. Текстовые ссылки представляют собой выделенное слово или целую фразу. Текстовые ссылки выделяются цветом или подчёркиванием, в зависимости от настройки браузера. Графическая ссылка – это изображение, выделенное рамкой, цвет которой также определяется настройкой браузера.

В языке HTML структуры текстовых и графических ссылок подобны друг другу. Все они задаются тэгом <A HREF>, которому соответствует закрывающий тэг </A>. В ссылке сначала указывается имя файла, на который она ссылается, а затем текст или имя графического файла, содержащего изображение ссылки. Кроме простых графических ссылок, можно создать так называемую графическую карту ссылок – картинку с горячими областями, щелчок на которых приводит к срабатыванию соответствующих ссылок.

<== предыдущая лекция	\|	следующая лекция ==>
Вставка графических изображений	\|	Текстовые ссылки