Создание гипертекстовых документов.

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

Основное применение концепция гипертекста нашла в связи с размещением в глобальной компьютерной сети Интернет информационной системы WWW (World Wide Web), или Всемирной паутины, состоящей из огромного количества гипертекстовых документов, т. н. Web-страниц, размещенных на серверах сети. Поскольку к компьютерной сети Интернет подключены сотни миллионов различных компьютеров во всем мире, функционирующих под управлением различных операционных систем, то для создания любых гипертекстовых документов используется один и тот же язык – HTML (Hyper Text Markup Language – язык гипертекстовой разметки). Для поиска и просмотра созданных на основе языка HTML гипертекстовых документов на компьютерах пользователей, подключенных к сети, используются специальные программы, т. н. браузеры (browser – просмотрщик) – Internet Explorer (см. рис. 1.1), Netscape Navigator и др. Наконец, для передачи на компьютер пользователя запрашиваемой по гиперссылке с сервера сети Web-страницы Web-браузер использует различные стандартизированные методы адресации и взаимодействия с серверами Интернета, которые называются протоколами. Самым распространенным протоколом, используемым Web-браузером, является HTTP (Hyper Text Transfer Protocol – протокол передачи гипертекста).

Чтобы отобразить какую-либо Web-страницу в окне браузера, необходимо в строке «Адрес» его окна (см. рис. 1.1) набрать адрес Web-страницы в сети Интернет – URL (Uniform Resource Locator – универсальный локатор ресурсов). В общем виде адрес страницы выглядит следующим образом:

протокол://адрес_Интернет-сервера/путь_к_Web-странице_на_сервере

Например, URL-адрес для загрузки начальной страницы Web-сайта БГТУ имеет вид:

http://www.bstu.unibel.by/

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

· языком разметки гипертекста HTML, который служит для написания Web-страниц;

· программой Web-браузера на компьютере пользователя для получения данных с сервера сети, их интерпретации и отображения результатов;

· протоколом передачи гипертекстаHTTP для передачи Web-страниц по компьютерной сети Интернет.

Рис. 1.1. Окно программы Web-браузера Internet Explorer

Язык HTML применяется только для описания формата отображения элементов в гипертекстовом документе. В этом языке нет собственных средств программирования. Однако язык HTML допускает внедрение в программный код других языков программирования – VBScript, JavaScript, Java и др., имеющих обычные средства для управления. В следующем разделе рассматривается организация управления объектами гипертекстового документа на основе языка написания сценариев VBScript, который позволяет создавать динамические интерактивные Web-страницы.

Разметка гипертекста в языке HTML производится на основе т. н. дескрипторов или тэгов (tag – ярлычок). Тэги являются некими маркерами, помечающими границы фрагмента в тексте, который будет обладать свойствами, определяемыми используемым типом тэга. Каждый тэг в HTML заключается в угловые скобки <> и может иметь набор параметров, от значения которых зависит задаваемый режим использования данного тэга. Причем параметры задаются в угловых скобках начального тэга, а перед конечным тэгом всегда ставится символ «/».

Приведем список некоторых наиболее часто используемых тэгов с их основными параметрами, которые мы будем в дальнейшем использовать для создания Web-страниц:

· html – граница гипертекстового документа, который распознается и обрабатывается браузером, например программой Internet Explorer;

· title – заголовок окна на экране компьютера, в котором располагается гипертекстовый документ;

· body – граница содержательной части гипертекстового документа, например общая структура Web-страницы в HTML-формате, должна иметь примерно следующий вид:

<html>

<title>страница предприятия Радуга</title>

<body>

…

</body>

</html>

где вместо многоточия располагается содержательная часть страницы;

· h1(h2,h3,…, h7) – граница заголовка (соответственно от 1 до 7 уровня), параметр выравнивания align со значениями left, right, center (соответственно влево, вправо, по центру), например:

<h1align=«center»>Продукция предприятия «РАДУГА»</h1>

· p – граница абзаца;

· br – начало новой строки (заканчивать не нужно, тэг непарный);

· hr – вставка разделительной черты (заканчивать не нужно, тэг непарный);

· marquee – вставка «бегущей» строки, параметр direction со значениями right (вправо) и left (влево), например

<marquee direction =«left»>

· font – задание параметров для текста, параметры: color со значением # nnmmkk, где каждая пара цифр изменяется от 00 до FF, задает в шестнадцатиричной системе исчисления число от 0 до 255, причем nn – красный, mm – зеленый, kk – синий цвета; face – гарнитура (Arial, Times, …); size – размер (принимает значения от 1 до 6), например:

<font color = «#FF0000» face = «arial» size = 5>

· a – граница гиперссылки, обязательный параметр href со значением адреса гиперссылки, например:

<a href = «http://www.bstu.unibel.by/»>БГТУ</a>

либо name со значением имени, задаваемым данному фрагменту текста, например:

<a name = «adress4»> 4. Редактор VBA</a>

· img – вставка рисунка, обязательный параметр src со значением адреса рисунка, например:

<img src = «ris1.gif»>

· frameset – разбивка документа на множество рамок (кадров), или фреймов, обязательный параметр rows со значением из списка разбиения экрана на горизонтальные фреймы в процентах, например;

<framesetrows= «25%,30%,45%»>

или cols со значением из списка разбиения экрана на вертикальные фреймы в процентах, например:

<framesetcols= «25%,25,30%,20%»>

(после данного тэга должны следовать тэги <frame> для заполнения всех фреймов);

· frame – вставкасодержимого во фрейм с параметрами: src со значением адреса вставляемого гипертекстового документа, например:

<framesrc= «web1.html»>

либо name со значением имени, задаваемого данному фрейму, например:

<frame src = «web1.html» name = «info»>

· form – организация интерактивного гипертекстового документа с элементами управления, т. н. формы с параметрами: способ обработки формы method и посылка формы в сети по указываемому адресу action, например:

<form method = «get» action = «http://www.bstu.unibel.by/ankety»

· iInput – вставка элемента управления на форму с обязательным параметром type и со значениями:

текстовой полосы text, например:

<inputtype= «text»>

флажка chekbox, например:

<inputtype= «chekbox»>

переключателя radio, например:

<inputtype= «radio»>

командной кнопки button, например:

<inputtype= «button»>

командной кнопки «послать» submit, например:

<inputtype= «submit»>

командной кнопки «очистить» reset, например:

<input type = ”reset”>

· select – вставка списка на форму (после данного тэга должны следовать тэги < option> для заполнения списка записями);

· option – вставка записи в список, обязательный параметр value, значением которого является заносимая в список запись, например:

<option value = «Стол»>

· textarea – создание текстовой области на форме, обязательные параметры: количество строк rows и количество символов cols, например:

<textarea rows = 3 cols = 40>

· Script – вставка фрагмента программного кода, обязательный параметр language, значениями которого могут быть языки написания сценариев VBScript или JavaScript, например:

<scriptlanguage= «vbscript»>

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

На первой странице, как начальной или домашней странице (Home page) сайта, необходимо разместить заголовок, сопровождающий текст, характеризующий предприятие в целом, а также рисунок-логотип предприятия и 2 гиперссылки на соответственно 2-ю и 3-ю Web-страницы (см. рис. 1.2).