Ирина Эланс

Автор который поможет с любыми образовательными и учебными заданиями

Гипертекстовые технологии

____________________________________________________________

____________________________________________________

________________________________________________________

____________________________________________________________

КАФЕДРА ИНФОРМАТИКИ

ГИПЕРТЕКСТОВЫЕ ТЕХНОЛОГИИ

РЕФЕРАТ

по курсу «Информатика»

Выполнил __________________________________

Студент 1 курса

Специальность:080801 «Прикладная информатика»

Научный руководитель: _______________________

Работа сдана на рецензию "____"____________ 20__г.

Допущена к защите "____"____________ 20__г.

Защищена с оценкой ____________________________

_________

2011

Оглавление

Введение3

1. Теоретические основы гипертекстовых технологии 4

1.1. Понятие гипертекста 4

1.2. Концепция гипертекстовых технологии5

1.2.1. Что дает использование гипертекста?5

1.2.2. Область применения гипертекстовых систем5

1.3. История развития гипертекста7

2. Гипертекстовые системы9

2.1. Определение гипертекстовой системы9

2.2. Гипертекстовая система World Wide Web (www)10

2.3. Архитектура11

3. Понятия World Wide Web (www)14

3.1. Структура документа HTML15

3.2. Гипертекстовые ссылки16

3.3. Использование графики в HTML документах19

Заключение20

Список использованной литературы21

Введение

Термин гипертекст был введен в обращение Тедом Нельсоном в 1965 г. для описания документов (например, представляемых компьютером), которые выражают нелинейную структуру идей, в противоположность линейной структуре традиционных книг, фильмов и т.п. "Под "гипертекстом" - писал Нельсон - я понимаю непоследовательную запись. Обычно процесс письма осуществляется последовательно по следующим двум причинам. Во-первых, потому, что он является производным от речи..., которая не может не быть последовательной, и, во-вторых, потому, что книги неудобно читать иначе как последовательно. Однако мысли образуют структуры, которые не являются последовательными - они связаны многими возможными переходами". В специальной и популярной литературе функционирует довольно много определений этого понятия. В частности, В.Л.Эпштейн приводит два, с его точки зрения наиболее показательных: "Гипертекст позволяет связывать текст, аудио, фотографии, чертежи, карты, движущиеся картинки и другие формы информации в осмысленное целое, к которому может осуществляться доступ при помощи системы индексации, ориентированной на конкретные идеи, а не на конкретные слова в тексте". "Гипертекст можно определить как нелинейную документацию, документацию, которая ветвится и взаимосвязывается, позволяя читателю исследовать содержащуюся в ней информацию, в последовательности, которую он сам выбирает". [5]

Теоретические основы гипертекстовых технологии

Обычный текст представляется как одна длинная строка символов, которая читается в одном направлении. Гипертекстовая технология заключается в том, что текст представляется как многомерный с иерархической структурой.

Одно из основных применений гипертекстовых технологий — разработка Web-документов для публикации в компьютерных сетях, в первую очередь в Internet. Далее будем рассматривать технологию создания гипертекста именно с точки зрения Web-документа.

Под разметкой гипертекста подразумевается использование специальных кодов, легко отделяемых от содержания документа и используемых для реализации гипертекста. Применение этих кодов подчиняется строгим правилам, определяемым спецификацией языка HTML (Hyper Text Markup Language).

Особенность описания документа средствами языка HTML связана с принципиальной невозможностью достижения абсолютной точности воспроизведения исходного документа. Предполагается, что документ будет широко доступен в Интернете, и поэтому неизвестно, как будет организовано его воспроизведение. Документ может быть представлен на графическом экране, выведен в чисто текстовом виде или прочитан программой синтеза речи. Поэтому язык HTML предназначен не для форматирования документа, а для его функциональной разметки. [1]

Понятие гипертекста

Гипертекст - текст со вставленными в него словами (командами) разметки, ссылающимися на другие места этого текста, другие документы, картинки и т.д.

В настоящее время термин "гипертекст" относят в равной мере к разным объектам:

1) так называют особый метод построения информационных систем, обеспечивающий прямой доступ к данным с сохранением логических связей между ними;

2) это определенная система представления текстовой и иной, мультимедийной, информации в виде сети связанных между собой текстовых и иных файлов;

3) это особый универсальный интерфейс, отличительными чертами которого, является его интерактивность и необычайная дружелюбность по отношению к пользователю. [2, с. 1]

Концепция гипертекстовых технологии

Что дает использование гипертекста?

Гипертекстовая информационная модель, основанная на гипотезе о том, что переработка и генерация идей человеческим мозгом происходит ассоциативно, получает все большее признание в качестве структуры для эффективного представления и передачи знаний. Технически реализующая эту модель "гипертекстовая система" использует электронные и программные средства для преодоления ограничений линейной природы текста напечатанного на бумаге.

Бумага (плоская среда) хорошо приспособлена для представления только 2-мерного потока информации: линейного и иерархического. Мы читаем последовательно слева направо, сверху вниз, переворачиваем страницы.

В отличие от этого гипертекстовая система, содержащая сеть узлов (фрагментов, модулей, фреймов) и заданные на них ассоциативные связи порождает 3хмерное информационное пространство что создает информационную среду адекватную глубинной структуре переработки идей человеческим мозгом. [5, с. 5]

Область применения гипертекстовых систем

Первые гипертекстовые информационные системы (ГИС) были построены еще в конце 1960-х на больших компьютерах. Центральной идеей являлась реализация механизма ассоциативной индексации - способность создавать управляемые переходы между текстами, связанными структурно или семантически. Это позволяло пользователям интерактивно записывать и просматривать информацию, представленную в виде обычных текстов. В декабре 1968г., в США, на Объединенной осенней конференции по вычислительной технике была продемонстрирована многотерминальная гипертекстовая информационная система NLS (oN Line System), созданная в Центре аугментации Станфордского университета. Система была создана с целью экспериментального изучения гипотезы Д. Энгельбарта о том, что возможность манипулировать внешними символами в системе подобной the Memex должна порождать эффект аугментации (расширения, усиления) интеллекта пользователя.

В систему NLS можно было загружать спецификации, планы, проекты, отчеты, памятные записки и т.п. материалы, необходимые для повседневной совместной работы групп проектировщиков и исследователей. Эти материалы представлялись в виде электронных документов, с преимущественно иерархическими связями, характерными для технической документации. Специальными средствами можно было устанавливать ссылочные связи между уровнями и файлами. Система поддерживала одновременную работу нескольких пользователей над одним документом; каждый пользователь имел в своем распоряжении манипулятор, которым мог пользоваться, как электронным карандашом и указателем точек, подлежащих совместному обсуждению.

В процессе разработки NLS Д.Энгельбард сделал ряд выдающихся технических изобретений. К их числу относятся: манипулятор "мышь", многооконный интерфейс, функциональная клавиатура, контекстно-чувствительная поддержка. Все эти изобретения хорошо известны сегодня пользователям персональных компьютеров, работающим с программными пакетами, построенными по принципу манипулирования внешними символами, который получил название WIMP ( Windows, Icons, Mouse, Pointer - окна, пиктограммы, меню, указатель).

Представление о развитии и практическом использовании гипертекстовых систем в период 1960-80гг. можно получить, ознакомившись с обзором. В дальнейшем применение гипертекстовых систем продолжало расширяться. В связи с этим небезынтересно сравнить списки сфер эффективного применения гипертекстовых систем, как они представляются авторам в разных странах. [2, c. 1-2]

История развития гипертекста

К 1989 году гипертекст представлял новую, многообещающую технологию, которая имела относительно большое число реализаций с одной стороны, а с другой стороны делались попытки построить формальные модели гипертекстовых систем, которые носили скорее описательный характер и были навеяны успехом реляционного подхода описания данных.

Идея Т.Бернерс-Ли заключалась в том, чтобы применить гипертекстовую модель к информационным ресурсам, распределенным в сети, и сделать это максимально простым способом. Он заложил три краеугольных камня системы из четырех существующих ныне, разработав:

язык гипертекстовой разметки документов HTML (HyperText Markup Lan-guage);
универсальный способ адресации ресурсов в сети URL (Universal Resource Locator);
протокол обмена гипертекстовой информацией HTTP (HyperText Transfer Protocol).

Позже команда NCSA добавила к этим трем компонентам четвертый:

универсальный интерфейс шлюзов CGI (Common Gateway Interface). [2, с. 4]

Гипертекстовые системы

Определение гипертекстовой системы

Для того, чтобы информационная система могла быть названа гипертекствой информационной системой, она должна обладать следующим рядом характеристик в совокупности:

1. Структурный аспект. Система должна иметь базу данных, состоящую из объектов двух видов: а) информационных единиц (ИЕ) или “узлов”, содержащих информацию, потенциально интересную для пользователей и б) дуг, представляющих структурные и семантические отношения связывающие информационное содержание узлов. (Информация, представляемая дугами разных типов, и возможность исследовать и интерпретировать возможные траектории перемещения от одних ИЕ к другим может иметь для пользователя значение не меньшее, чем информация содержащаяся в узлах). В литературе базу данных гипертекстовой системы называют по-разному: гипертекстом, гипертекстовой базой данных, гипербазой данных, гиперпространством.

2. Функциональный аспект. Создание гипертекста и навигация в гиперпространстве является нелинейной деятельностью. Соответственно этому гипертекстовая система должна иметь специальные инструментальные средства двух видов: 1) средства для поддержки авторской деятельности

2) средства для броузинга ИЕ в процессе ассоциативной навигации.

3. Визуальный аспект. Управление функционированием гипертекстовой системы осуществляется на основе принципа прямого манипулирования представленными на экране монитора символами внеязыковых объектов. Принцип прямого манипулирования означает возможность инициировать быстрые, реверсивные операции над объектами с немедленно видимыми результатами. Пользователь получает возможность легко и практически мгновенно перемещать единицы информации и фрагменты гипертекста из одного контекста в другой вместе со всей совокупностью заданных в первом контексте связей: ИЕ или ее элемент активизируются (выбираются) путем нажатия мышью на так называемую, “электронную кнопку”, играющую роль исходной точки связи, ведущей к той или иной информации, которая может представлять интерес для пользователя. Система осуществляет переход в конечную точку указанной связи и выдает на экран соответствующую ей ИЕ. Это может быть либо новая ИЕ, замещающая на экране исходную, либо вставка некоторого нового элемента в представленную на экране единицу информации, или старая и новая единицы информации могут быть представлены на экране одновременно. [3]

В отличие от других типов информационных систем, например, использующих традиционные СУБД, использование дисплея в качестве основного устройства управления процессами авторизации и навигации является необходимым, хотя и недостаточным, признаком гипертекстовой системы.

Гипертекстовая система world wide web(www)

Идея HTML - пример чрезвычайно удачного решения проблемы построения гипертекстовой системы при помощи специального средства управления отображением. На разработку языка гипертекстовой разметки существенное влияние оказали два фактора: исследования в области интерфейсов гипертекстовых систем и желание обеспечить простой и быстрый способ создания гипертекстовой базы данных, распределенной на сети.

В качестве базы для разработки языка гипертекстовой разметки был выбран SGML (Standard Generalised Markup Language). Следуя академическим традициям, Бернерс-Ли описал HTML в терминах SGML (как описывают язык программирования в терминах формы Бекуса-Наура). Естественно, что в HTML были реализованы все разметки, связанные с выделением параграфов, шрифтов, стилей и т. п., т.к. реализация для NeXT подразумевала графический интерфейс. Важным компонентом языка стало описание встроенных и ассоциированных гипертекстовых ссылок, встроенной графики и обеспечение возможности поиска по ключевым словам.

Вторым краеугольным камнем WWW стала универсальная форма адресации информационных ресурсов. Universal Resource Identification (URI) представляет собой довольно стройную систему, учитывающую опыт адресации и идентификации e-mail, Gopher, WAIS, telnet, ftp и т. п.

URL используется в гипертекстовых ссылках и обеспечивает доступ к распределенным ресурсам сети. В URL можно адресовать как другие гипертекстовые документы формата HTML, так и ресурсы e-mail, telnet, ftp, Gopher, WAIS.

Третьим в списке стоит протокол обмена данными в World Wide Web - HyperText Transfer Protocol. Данный протокол предназначен для обмена гипертекстовыми документами и учитывает специфику такого обмена. Так в процессе взаимодействия, клиент может получить новый адрес ресурса на сети, запросить встроенную графику, принять и передать параметры и т. п. Управление в HTTP реализовано в виде ASCII-команд. [3]

Архитектура WWW-технологии

WWW построена по хорошо известной схеме "клиент-сервер". Программа-клиент выполняет функции интерфейса пользователя и обеспечивает доступ практически ко всем информационным ресурсам Internet. В этом смысле она выходит за обычные рамки работы клиента только с сервером определенного протокола, как это происходит в telnet, например. Отчасти, довольно широко распространенное мнение, что Mosaic или Netscape, которые безусловно являются WWW-клиентами, это просто графический интерфейс в Internet, является отчасти верным. Однако, как уже было отмечено, базовые компоненты WWW-технологии (HTML и URL) играют при доступе к другим ресурсам Mosaic не последнюю роль, и поэтому мультипротокольные клиенты должны быть отнесены именно к World Wide Web, а не к другим информационным технологиям Internet. Фактически, клиент - это интерпретатор HTML. И как типичный интерпретатор, клиент в зависимости от команд (разметки) выполняет различные функции. В круг этих функций входит не только размещение текста на экране, но обмен информацией с сервером по мере анализа полученного HTML-текста, что наиболее наглядно происходит при отображении встроенных в текст графических образов. При анализе URL-спецификации или по командам сервера клиент запускает дополнительные внешние программы для работы с документами в форматах, отличных от HTML, например GIF, JPEG, MPEG, Postscript и т. п. Вообще говоря для запуска клиентом программ независимо от типа документа была разработана программа Luncher, но в последнее время гораздо большее распространение получил механизм согласования запускаемых программ через MIME-типы. Другую часть программного комплекса WWW составляет сервер протокола HTTP, базы данных документов в формате HTML, управляемые сервером, и программное обеспечение, разработанное в стандарте спецификации CGI. До самого последнего времени (до образования Netscape) реально использовалось два HTTP-сервера: сервер CERN и сервер NCSA. Но число базовых серверов расширилось. В свое время появился очень неплохой сервер для MS-Windows и Apachie-сервер для Unix-платформ. Существуют и другие, но два последних можно выделить из соображений доступности использования. Сервер для Windows - это shareware, но без встроенного самоликвидатора, как в Netscape. Учитывая распространенность персоналок в нашей стране, такое программное обеспечение дает возможность попробовать, что такое WWW. Второй сервер - это ответ на угрозу коммерциализации. Netscape уже не распространяет свой сервер Netsite свободно. [4, с. 159 – 164]

База данных HTML-документов - это часть файловой системы, которая содержит текстовые файлы в формате HTML и связанные с ними графику и другие ресурсы. Особое внимание хотелось бы обратить на документы, содержащие элементы экранных форм. Эти документы реально обеспечивают доступ к внешнему программному обеспечению.

Прикладное программное обеспечение, работающее с сервером, можно разделить на программы-шлюзы и прочие. Шлюзы - это программы, обеспечивающие взаимодействие сервера с серверами других протоколов, например ftp, или с распределенными на сети серверами Oracle. Прочие программы - это программы, принимающие данные от сервера и выполняющие какие-либо действия: получение текущей даты, реализацию графических ссылок, доступ к локальным базам данных или просто расчеты.

Завершая обсуждение архитектуры World Wide Web хотелось бы еще раз подчеркнуть, что ее компоненты существуют практически для всех типов компьютерных платформ и свободно доступны в сети. Любой, кто имеет доступ в Internet, может создать свой WWW-сервер, или, по крайней мере, посмотреть информацию с других серверов.

Понятия www

Управляющие конструкции языка HTML (Hyper Text Markup Language) называются тегами (дескрипторами) и вставляются непосредственно в текст документа. Все теги заключаются в угловые скобки <…>. Сразу после открывающей скобки помещается ключевое слово, определяющее тег, например <DIV>.

Teги HTML бывают парными и непарными. Непарные теги оказывают воздействие на весь документ или определяют разовый эффект в том месте, где они вставлены. При использовании парных тегов в документ добавляются открывающий и закрывающий теги, которые воздействуют на часть документа, заключенную между ними. Закрывающий тег отличается от открывающего наличием символа "/" перед ключевым словом (</DIV>). Закрытие парных тегов выполняется так, чтобы соблюдались правила вложения:

<B><I>Текст</I></B>

К открывающему тегу может быть добавлен атрибут, представляющий собой дополнительные ключевые слова, отделяемые от ключевого слова, определяющего тег, и от других атрибутов пробелами и размещаемые до завершающего тег символа ">". Способ применения некоторых атрибутов требует указания значения атрибута. Значение атрибута отделяется от ключевого слова атрибута символом "=" и заключается в кавычки.

<Н1 ALIGN="LEFT">

При отображении документа HTML сами теги не отображаются, но влияют на способ отображения документа HTML.

Существует два способа формирования документов HTML.

Первый способ состоит в разметке существующего или создаваемого документа вручную. Эта работа выполняется в текстовом редакторе или редакторе HTML.

Второй способ заключается в формировании документа непосредственно на экране и автоматической его разметке. В этом способе необязательно знание языка HTML. Разметка выполняется специальным редактором, работающим по принципу WYSIWYG, например, FrontPage Express.

Во втором способе используются средства форматирования вместо средств описания, что может приводить к нежелательным последствиям.

Воспроизведение документа HTML выполняется программами — броузерами, например Internet Explorer. [1]

Структура документа HTML

Простейший правильный документ HTML, содержащий все теги, определяющие структуру, выглядит следующим образом:

<HTML>

<HEAD><TITLE>Заголовок документа</TITLE></HEAD>

<BODY>

Текст документа

</BODY>

</HTML>

Здесь использованы ключевые слова:

HTML — начало и конец документа HTML;

HEAD — начало и конец раздела заголовка;

TITLE — начало и конец общего заголовка документа;

BODY — начало и конец тела документа.

Большинство элементов языка HTML описывает части содержания документа и помещаются между тегами <BODY> и </BODY> (структурный элемент BODY).

Основными функциональными элементами документа HTML являются заголовки и абзацы. Язык HTML поддерживает шесть уровней заголовков, которые задаются при помощи тегов от <H1> до <H6>. В Web-документе они отображаются шрифтом разного размера.

Обычные абзацы задаются с помощью парного тега <P>. В HTML нет средств для задания абзацного отступа. Абзацы отделяются пустой строкой. Закрывающий тег </P> рассматривается как необязательный. Подразумевается, что он стоит перед тегом, который задает очередной абзац. Если в тексте присутствует символ конца строки, при воспроизведении в броузере он рассматривается как простой пробел. Для перехода на другую строку используется непарный тег <BR>. В качестве ограничителя абзацев может использоваться горизонтальная линейка, задаваемая тегом <HR>, например:

Этот тег задает горизонтальную линейку высотой в 10 пикселов, занимающую половину ширины окна и расположенную справа. [1]

Гипертекстовые ссылки

Как только в Web-страницу будет встроена гиперсвязь, документ можно назвать гипертекстом. Гиперссылка может указывать:

на позицию в своем документе (внутренние гиперссылки),
на другой документ на своем сервере,
на произвольный объект по любому адресу Internet.
Внутренние гиперссылки применяются для того, чтобы упростить пользователю ориентацию в больших документах.

Гиперссылки могут быть оформлены как абсолютные или относительные. Для создания гиперссылки необходим адрес документа, на который устанавливается ссылка. Этот адрес называется URL - Uniform Resource Locator.

Абсолютный URL — это полный Internet-адрес со всей информацией, требуемой клиенту для того, чтобы отыскать сервер и успешно установить с ним связь.
Относительный URL используется для адресации в пределах документа или совокупности документов на одном сервере.
Полный Internet-адрес можно получить лишь тогда, когда к относительному адресу добавляется базовый. Web-броузер при необходимости в большинстве случаев сам добавляет необходимый базовый адрес, чтобы получить полный адрес в Internet.

Относительные URL используются обычно внутри HTML-документа, например, для того, чтобы организовать переход из оглавления к конкретной главе. Базовый адрес можно определить с помощью дескриптора <base> в заголовке HTML-документа.

Абсолютные URL следует использовать во всех тех случаях, когда вы ссылаетесь на документы другого сервера в Internet.

Гипертекстовая ссылка задается парным тегом <A>, который содержит обязательный атрибут HREF=. В качестве значения атрибута используется адрес URL документа, на который указывает ссылка. Она может указывать на произвольный документ, располагающийся на любом общедоступном узле сети, например:

Здесь задан адрес в абсолютной форме. Обычно в такой форме задается ссылка на внешний документ. При использовании относительного адреса ссылка рассматривается как внутреняя, например: