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

Задание 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=”#$$$$$$”>
       

 

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

Поделиться:





Читайте также:





Воспользуйтесь поиском по сайту:



©2015 - 2024 megalektsii.ru Все авторские права принадлежат авторам лекционных материалов. Обратная связь с нами...