Главная | Обратная связь | Поможем написать вашу работу!

Задание 2. Вставка рисунка

1. Скопировать из Интернета или какой-либо папки в личную папку файлы три графических файла (например, Arrows1.wmf, Arrows2.wmf, Arrows3.wmf).

Убедиться, что созданные ранее документы 1_ name.htm,2_name.htm и3_name.htm также находятся в вашей папке на жёстком диске.

2. Вставка рисунков в документ.

· Открыть в Блокноте документ 2_name.htm.

· Вставить рисунок Arrows1.wmf в начало документа 2_name.htm. Для вставки использовать тег IMG с параметрами WIDTH и HEIGHT для установки размеров рисунка 50 пикселов по горизонтали и по вертикали.

· Сохранить документ под именем 4_name.htm.

· Просмотреть в браузере полученный результат.

· Ввести втег рисунка параметр ALIGN длявыравнивания рисунка по правому краю. Просмотреть результат в браузере.

· Вставить рисунок Arrows2.wmf в конец документа 4_name.htm перед, подобрать тип выравнивания рисунка на свое усмотрение. Установить размер рисунка 100 пикселов по горизонтали и по вертикали. С помощью параметра ALT создать всплывающую подсказку «Рисунок 2», появляющуюся при наведении курсора мыши на рисунок.

· Просмотреть в браузере полученный результат.

3. Создание гиперссылок и закладок.

· В документе 3_name.htm закрепить гиперссылки за следующими элементами списка:

За словом Шрифт – гиперссылка на документ 1_name.htm.

За словом Заголовки – на документ 1_name.htm.

За словом Абзацы - на документ 2_name.htm.

· Создать закладку в документе 1_name.htm перед фразой «Нас утро встречает прохладой». Дать ей имя «Morning».

· Изменить первую гиперссылку (слово Шрифт) так, чтобы она указывала на закладку «Morning» в документе 1_name.htm.

· Создать закладку в начале текущего документа 3_name.htm.. Присвоить ей имя «Hello».

· Изменить вторую гиперссылку (на слове Заголовки), определив для неё переход в начало текущего документа на установленную закладку «Hello».

· Создать закладку в документе 2_name.htm перед фрагментом монолога. Присвоить ей имя «Mono».

· Установить на слово переформатирования гиперссылку на закладку «Mono».

· Проверить правильность переходов по всем гиперссылкам.

4. Закрепить гиперссылки за графическими файлами:

· Отредактировать тег вставки рисунка Arrows1.wmf, ввести втег атрибут ALT для отображения текста подсказки «Вернуться». Просмотреть в броузере как реагирует рисунок на наведение курсора мыши.

· Закрепить за рисунком Arrows1.wmf в документе 4_name.htm гиперссылку на документ 3_name.htm. Выполнить переход между документами.

Таблица 3. Основные теги вставки рисунков, закладок и гиперссылок.

Вставка изображений
Вставка графического файла	<IMGSRC=”файл” WIDTH=”ширина” HEIGHT=”высота” >	Пример: <IMGSRC=”grafica.gif” WIDTH=”550” HEIGHT=”240” ALIGN=” right” ALT=”Графическийфайл”>
Выравнивание картинки относительно текста	<IMG SRC=”файл” ALIGN=”left\|right\|top\|bottom”>
Вывод текста всплывающей подсказки при наведении курсора мыши на рисунок	<IMGSRC=”файл” ALT=”текст”>
Вставка ссылок
Ссылки на другую страницу	<AHREF=” страница”> текст </A>	<A HREF=”str2.htm”> Ссылка1</A>
Ссылка на закладку в другом документе	<AHREF=” страница # имя закладки”> текст</A>	<AHREF=” index.htm #met1”> На главную страницу </A>”
Ссылка на закладку в том же документе	<AHREF=”#имя закладки ”> текст </A>	<A HREF=” #metka1”> Ссылка2</A>
Определить закладку	<ANAME=”имя закладки”>текст</A>	<A NAME=”metka1”></A>
Цвет фона, текста и ссылок
Фоновая картинка	<BODY BACKGROUND=”файлрисунка”>	<BODY BACKGROUND =”grafica.gif” TEXT=”black” (черный) LINK=”#FF0000” (красный) VLINK=”#FFFF00” (желтый) ALINK=”#FFFFFF” (белый) </BODY>
Цвет фона	<BODYBGCOLOR=”#$$$$$$”>
Цвет текста	<BODY TEXT=”#$$$$$$”>
Цветссылки	<BODYLINK=”#$$$$$$”>
Цвет пройденной ссылки	<BODYVLINK=”#$$$$$$”>
Цвет активной ссылки	<BODYALINK=”#$$$$$$”>

Контрольные вопросы

⇐ Предыдущая 1 2 34