Автор работы: Пользователь скрыл имя, 16 Декабря 2009 в 09:43, Не определен
Данная работа написано по предмету "Информационные технологии". Содержит в себе подробное рассмотрение гипертекстовых технологий, их сущности, использования и возможности применения на практике
Гипертекстовые ссылки в HTML делятся на два класса: контекстные гипертекстовые ссылки и общие. Контекстные ссылки вмонтированы в тело документа, как это было продемонстрировано в предыдущем примере, в то время как общие ссылки связаны со всем документом в целом и могут быть использованы при просмотре любого фрагмента документа. Оба класса ссылок присутствуют в стандарте языка с самого его рождения, однако, первоначально наибольшей популярностью пользовались контекстные ссылки. Эта популярность привела к тому, что механизм использования общих ссылок практически полностью "атрофировался". Однако по мере стандартизации интерфейса пользователя и стилей представления информации разработчики языка снова вернулись к общим ссылкам и стремятся приспособить их к задачам управления этим интерфейсом.
Структура HTML-документа позволяет использовать вложенные друг в друга элементы. Собственно, сам документ - это один большой элемент с именем "HTML":
<HTML> Содержание документа </HTML>
Сам элемент HTML или гипертекстовый документ состоит из двух частей: заголовка документа (HEAD) и тела документа (BODY):
<HTML>
<HEAD>
Содержание заголовка
</HEAD>
<BODY>
Содержание тела документа
</BODY>
</HTML>
Приведенная выше форма записи определяет классический HTML-документ.
Введение в язык HTML фреймов определило еще один шаблон документа:
<HTML>
<!--
Author: HTMLed User
Date: January 21, 1996
-->
<HEAD>
</HEAD>
<FRAMESET COLS="40%,*">
<NOFRAMES>
<BODY>
Sorry there are not a frame support in your browser.
</BODY>
</NOFRAMES>
<FRAMESET ROWS="120,*,60">
<FRAME SRC=banner.htm NAME=banner>
<FRAME SRC="www.htm" NAME=content>
<FRAME SRC="bottom.htm" NAME=bottom>
</FRAMESET>
<FRAMESET ROWS="100%">
<FRAME SRC="www_hist.htm" NAME=info>
</FRAMESET>
</FRAMESET>
</HTML>
В данном примере представлен документ, который состоит из трех окон внутри рабочего окна программы просмотра, в каждое из которых загружается обычный документ.
Рассмотрим пример классического документа:
<HTML>
<!--
Author: Pavel Khramtsov
Date: January 21, 1996
-->
<HEAD>
<TITLE>This is a Baner</TITLE>
</HEAD>
<BODY BACKGROUND=www_wall.jpg VLINK=0000FF LINK=FF0000>
<CENTER>
<TABLE>
<TR><TD><IMG SRC="interne0.jpg"></TD>
<TD CENTER>
<H3>Администрирование Internet</H3>
<I>Центр Информационных Технологий, 1996.</I>
</TD></TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
Все, что расположено между <HTML> и </HTML> - это документ. Содержание элемента HEAD определяет заголовок документа, который состоит из двух элементов: TITLE и BASE. Вслед за заголовком начинается тело документа, которое содержит в своих первых строках некоторую вводную информацию и содержание документа, оформленное в виде списка.
Каждый документ в системе World Wide Web имеет свое имя, которое указывается в элементе TITLE заголовка документа. Его мы видим в первой строке интерфейса.
Контейнер BODY открывает тело документа. В качестве фона в этом элементе определена картинка back.gif. Эта картинка - "back.gif" - задана частичной формой спецификации URL, которая не задает полного адреса ресурса в сети.
Затем мы определили таблицу, состоящую из двух ячеек. В одной ячейке картинка, в то время как в другой - текстовый фрагмент. Текст определен как заголовок третьего уровня, который должен отображаться стилем Italic.
Кроме текстовых фрагментов и описаний фреймов на странице могут встретиться программы на JavaScript:
<HTML>
<HEAD>
<TITLE>JavaScript</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- Hide script from user
// * * *
// * * Form runing string
// * * *
adv_string = "Internet\""
status_string =
adv_string+adv_string+adv_
// * * *
// * * Background function definition
// * * *
i=0
function background()
{
// Select 50 symbols from status string target.
window.status = status_string.substring(i,i+
// After last character move to first position
if(++i == 180) i=0
// The Clock is here
current_date = new Date()
window.document.form1.clock.
current_date.getHours()+":"+
+":"+current_date.getSeconds()
// Set timeout between function execution
id = setTimeout("background()",500)
window.document.form1.kuku.
}
// This is the end of code definition -->
</SCRIPT>
</HEAD>
<BODY onLoad="background()" BACKGROUND=www_wal0.jpg>
<H1>JavaScript</H1>
<HR>
JavaScript - текст о JavaScript.:
<UL>
<LI><A HREF="#m_clock">Часы</A>
<LI><A HREF="#wind">Бегущая строка</A>
</UL>
<HR>
<A NAME=m_clock>
<FORM NAME=form1 ACTION="new_window()">
<INPUT NAME=clock TYPE=text SIZE=8 MAXLENGTH=8>
<HR>
<A NAME=wind>
<INPUT TYPE=button NAME=help Value="HELP"
onClick="window.open('clock.
scrollbars=yes,width=450,
<HR>
<INPUT NAME=kuku type=text>
<HR>
</FORM
<P>
</BODY>
</HTML>
В
данном случае описаны две программы:
программа идущих часов и программа бегущей
строки. Данный язык поддерживают не все
программы просмотра.
Заключение
Подробно
разобрав понятие гипертекста, гипертекстовых
технологий и непосредственное их применение,
можно сделать вывод, что наиболее популярным
направлением применения гипертекстовых
технологий в сетях Internet являются WEB - публикации
(Word Wide Web), организованные в Локальные
архивы, Сайты или Web - странички. То есть
гипертекстовые системы хорошо приспособлены
для создания информационных систем в
плохо структурированных предметных областях.
Эти технологии применяются тогда, когда
пользователь не может четко сформулировать
свои информационные потребности, а делает
это в процессе поиска информации. Традиционные
методы информационного поиска, например
по ключевым словам, могут являться дополнительным
средством в прикладных гипертекстовых
системах, обеспечивая эффективный доступ
к большим информационным массивам.
Список используемых материалов