 |
АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция
Фоновая графика. Использование изображения в качестве ссылки
Ранее мы немного затронули, каким образом в HTML-документе можно установить фоновое изображение. Остановимся теперь более подробно. Чтобы украсить страницу, можно заполнить фон картинкой из графического файла. Фоновое изображение - это графический файл, содержащий картинку (желательно небольшого размера), который многократно выводится на экран, заполняя все окно. Изображение для фона должно напоминать фрагмент обоев, т. е. быть небольшим и незамысловатым, чтобы, во-первых, не замедлять загрузку, а во-вторых, текст на выбранном фоне должен легко читаться. Это совет, а не обязательное ограничение.
Фоновая графика задается в тэге <BODY> в начале документа HTML, подобно тому, как задается цвет фона. При этом используется атрибут BACKGROUND, значением которого является имя графического файла. Например, если мы хотим для фона взять файл FON.GIF, то соответствующий тэг будет выглядеть так: <BODY BACKGROUND="fon.gif">
Для браузера Internet Explorer можно использовать дополнительный атрибут BGPROPERTIES=FIXED, запрещающий прокрутку фона в окне экрана. Например:
<BODY BACKGROUND="fon.gif" BGPROPERTIES=FIXED>
Следует иметь в виду, что существуют неграфические браузеры, а в графических браузерах пользователи могут отключать загрузку графики, поэтому можно задать и текстовое описание графики, встроенной в документ, т. е. описать содержание картинки или указать размер и формат графического файла. Последнее даже предпочтительнее, поскольку пользователь графического браузера сможет сам решить, стоит ли загружать тот или иной графический файл или лучше не тратить время на это. Подмена графики текстом осуществляется с помощью атрибута ALT в тэге <IMG>. Например:
<IMG SRC="vishka.gif" ALT="[нефтяная вышка, gif 43 K]">
Пример использования фоновой графики, в котором картинка заполняет все окно:
<HTML>
<HEAD><TITLE>Фоновая графика</TITLE></HEAD>
<BODY BACKGROUND="vishka.jpg" text="red">
<BR>
<BR>
<BR>
<H1>Это - текст поверх фоновой графики</H1>
<H2>Выбирайте фон так, чтобы он не мешал восприятию текстовой информации</H2>
</BODY>
</HTML>
Пример использования фоновой графики
<HTML>
<HEAD><TITLE>Фоновая графика</TITLE></HEAD>
<BODY BACKGROUND="ink.gif" text="red">
<BR>
<BR>
<BR>
<H1>Это - текст поверх фоновой графики</H1>
<H2>Выбирайте фон так, чтобы он не мешал восприятию текстовой информации</H2>
</BODY>
</HTML>
Чтобы использовать изображение в качестве ссылки на другой документ достаточно включить имя файла изображения в тэг <A>:
<A HREF=”http://www.mysite.com”><IMG SCR=”image.gif”></A>
Контрольные вопросы:
1. Назовите способы размещения графических изображений на HTML-странице.
2. Каким образом осуществляется выравнивание текста по краю изображения?
3. Перечислите значения атрибута ALIGN.
4. Каким образом можно указать размеры выводимого изображения?
5. Как уменьшить или увеличить масштаб изображения?
6. Как изображение в HTML-документе разместить в рамку?
7. Каким образом можно отделить изображение от текста?
8. Как в HTML-документе ведется работа с фоновым изображением?
Домашнее задание:
Оформить доклады на темы: «Характеристика графических форматов», «Список графических средств HTML»
[8], с. 135-147
Поиск по сайту: