П рактическая работа 4 Гиперссылки на web-страницах. Инструкция по выполнению практической работы.
Краткий теоретический материал.
Вся информация, размещенная на внешних носителях компьютера хранится в виде файлов;
Каждый файл имеет собственное уникальное имя;
Большинство файлов размещаются в папках (каталогах), каждая из которых имеет имя;
Каждая папка может быть расположена в другой папке и на конкретном устройстве;
Все устройства имеют имена.
Полное имя файла состоит из: имени устройства, имен папок и имени файла. <Диск:>/<папки>/<имя файла>
Полное имя называется адрес файла.
Гипертекст - это документ, который наряду с обычной текстовой и графической информацией, содержит ссылки на другие документы, причем эти ссылки встроены в текстовые фрагменты или в графические объекты данного документа.
Ссылки осуществляются с помощью адреса файла.
Ссылка выделяется в тексте с помощью изменения цвета, шрифта, подчеркиванием.
Ссылкой может служить, слово, фраза или графический элемент, если указатель мыши, установленный на этом объекте, меняет свою форму и принимает вид:
Щелчок мыши по ссылке осуществляется переход к документу, на который указывает ссылка. Гипертекст с помощью ссылок может связать между собой множество документов. Каждый из документов может представлять собой как обычный текст, так и гипертекст.
С помощью ссылок можно связать между собой множество объектов находящихся на одном компьютере, а также на компьютерах. связанных в локальные и глобальные сети. В последнем случае адрес должен содержать информацию о том, где в Сети находится документ.
Ссылки для перехода на другую страницу Вставка ссылки
Для вставки ссылки в HTML используется тег <A> </A> (Anchor – якорь)
Внутри тега А размещается обязательный атрибут href = “адрес файла”
Если файл, к которому осуществляется переход, находится в той же папке что и исходный в качестве адреса достаточно указать только “имя файла”, если файл размещен в другой папке, то необходимо указывать путь к файлу.
Добавь в страницу index.Htm ссылки на остальные три странички проекта (whatis.Htm, place.Htm, variant.Htm ) .
Пример: <A href=”whatis.htm”> Что собой представляет Атлантида </A>
Что собой представляет Атлантида. – ссылка или текстовый элемент привязки
whatis.htm - имя файла к которому будет осуществлен переход.
Добавь на страницы whatis.Htm, place.Htm, variant.Htm ссылки на страницу index.Htm.
Пример: <A href=”index.htm”> На главную…</A>
Задание №5. Графика на WEB-страницах.
Открыть с помощью программы блокнот страницу whatis.htm.
Внести в текст изменения.
<BODY bgcolor="#ffcc99">
<P align="center"> <IMG src="pic/atlantida.jpg" alt="Атлантида." border=1 align=right>
<FONT size=6 color="#0033ff" face="Book Antiqua">
<B> Что собой представляет Атлантида </B></FONT> </P>
<HR align="center" size=5 color="#0066ff" width="70%">
<P>Под Атлантидой далее понимается большой остров или архипелаг, описанный
древнегреческим философом Платоном в своих диалогах "Тимей" и "Критий"
…
</P>
<HR align="center" size=5 color="#0066ff" width="70%">
<P align="center"> <FONT size=4 color="#0033ff" face="Book Antiqua"> <I> Для подготовки работы были использованы материала сайта</I> <B>Hictoric.ru </B></FONT> </P>
Выполнить операцию Сохранить
Развернуть программу Internet Explorer
Открыть файл whatis.htm.
Начерти в тетради таблицу:
«Тег <IMG> и его атрибуты»
-
Атрибут
Значения
Назначение
src
alt
width
height
border
align
Дополни страницы рисунками:
На страницу |
поместить рисунок (src) |
Размещение тега IMG в программе. |
Атрибуты |
|||
alt |
width |
height |
border |
|||
Atlantida.htm |
platon.jpg |
Параграф с эпиграфом |
Платон |
- |
- |
2 |
Place.htm |
map.jpg |
Отдельный параграф, расположенный за заголовком. |
Карта Атлантиды. |
180 |
120 |
1 |
Variant.htm |
loss.jpg |
Параграф с эпиграфом |
Гибель Атлантиды |
- |
- |
5 |
Значения для атрибута align подобрать самостоятельно. |
||||||