АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция

Фоновая графика. Использование изображения в качестве ссылки

Читайте также:
  1. SWOT-анализ в качестве универсального метода анализа.
  2. А) ИСПОЛЬЗОВАНИЕ КАТЕГОРИИ ВИДА В РУССКОМ ЯЗЫКЕ
  3. Административная ответственность за нарушения прав на использование информацией
  4. Б. Качественное исследование
  5. В настоящее время наиболее часто для коммерческих предприятий в качестве цели управления финансами выступает увеличение совокупного дохода собственников.
  6. Векторные и растровые изображения
  7. Векторные изображения
  8. Возбудители злокачественного отека
  9. Вопрос 18. Качественная классификация (таксономия) опасностей.
  10. Вопрос 5.4. Распределение и использование прибыли на предприятии.
  11. ВОСЕМНАДЦАТЬ ЗЛОКАЧЕСТВЕННЫХ ЗАБОЛЕВАНИЙ
  12. Вы советуете в качестве источника ферментов употреблять все сырые продукты?

 

Ранее мы немного затронули, каким образом в 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


1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 |


Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Студалл.Орг (0.004 сек.)