![]() |
Главная Случайная страница Контакты | Мы поможем в написании вашей работы! | |
|
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=”#$$$$$$”> | ||
Контрольные вопросы
Дата публикования: 2015-01-04; Прочитано: 1598 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!