Автор работы: Пользователь скрыл имя, 10 Июня 2014 в 01:58, практическая работа
Обычный текст представляется как одна длинная строка символов, которая читается в
одном направлении. Гипертекстовая технология заключается в том, что текст представляется
как многомерный с иерархической структурой.
Одно из основных применений гипертекстовых технологий — разработка Web-
документов для публикации в компьютерных сетях, в первую очередь в Internet. Далее будем
рассматривать технологию создания гипертекста именно с точки зрения Web-документа.
Под разметкой гипертекста подразумевается использование специальных кодов, легко
отделяемых от содержания документа и используемых для реализации гипертекста.
Применение этих кодов подчиняется строгим правилам, определяемым спецификацией языка
HTML (Hyper Text Markup Language).
Рисунки являются очень важными элементами оформления WEB-страниц.
Привлекательность и информативность сайтов в Интернет во многом определяется
использованием графики. Рисунки, чаще всего, хранятся в файлах формата .jpg или .gif, обычно
в отдельной папке (броузеры поддерживают и другие графические форматы). Кроме указанных
форматов допускается использовать видео-изображения в формате .avi.
Подключение рисунков выполняется с помощью дескриптора <img>, имеющего
следующие основные атрибуты:
· align=Выравнивание — способ выравнивания графики, например, Center;
· border=n — видимая рамка вокруг графики;
· dynsrc=URL — исходный URL видео;
· height=n — высота графики;
· loop=n — число повторений видео (если вместо n задано infinite, видео будет
повторяться напрерывно);· src=URL — исходный URL графики;
· start=Условие запуска — задает способ запуска видео, например, start=mouseover
запускает видео при перемещении указателя мыши по области видео;
· width=n — ширина графики.
Рассмотрим пример добавления графики в HTML-документ.
Пример 5
Откроем редактор Блокнот и наберем следующий код:
<HTML>
<HEAD></HEAD>
<BODY>
<TABLE Border=1>
<TR><TD colspan=2><img src="Car.jpg"></TD></TR>
<TR><TD colspan=2>
<Font color=Red size=3 face="Times New Roman">
Двигатель внутреннего сгорания</Font></TD></TR>
<TR><TD><img dynsrc="Demo.avi" start=mouseover></TD>
<TD><img dynsrc="Demo.avi" loop=infinite></TD>
</TR>
</TABLE>
</BODY>
</HTML>
Сохраним код под любым именем с расширением .html или .htm, например, Example.html.
Следует иметь в виду, что в соответствии с кодом, графика должна храниться в той же папке,
где и Example.html.
Контрольные вопросы
1. Что такое гипертекст?
2. В чем заключается
разметка гипертекста
3. Чем язык HTML отличается
от универсальных языков
4. Дайте характеристику программам, открывающим документы HTML.
5. Чем непарные теги отличаются от парных?
6. Что такое атрибуты тега? Как они записываются?
7. Опишите достоинства и недостатки трех технологий разработки документов HTML: при
помощи редактора Блокнот; сохранением документа Word в формате HTML; при
помощи технологии WYSIWYG.
8. Запишите структуру простейшего документа HTML.
9. Запишите теги, организующие гиперссылку внутри документа HTML.
10. Как в документ HTML вставляются иллюстрации? Где они обычно хранятся и какой
имеют формат?
11. Что такое абсолютный и относительный URL?
12. Какие теги используются для сложного позиционирования элементов гипертекста на
WEB-странице?
13. Что дает применение атрибута colspan=2 в теге <td> в рассмотренном выше примере?