5.3.3.World Wide Web и html

Современный этап развития Internet начался в начале 90-х годов с появлением нового протокола обмена информацией. Этот протокол называется HTTP (HyperText Transfer Protocol — протокол передачи гипертекста). Вместе с этим протоколом появилась и служба World Wide Web (часто также называемая WWW или просто Web), которая представляет собой обширную сеть серверов HTTP, передающих файлы через Internet.

Основную часть этих файлов представляют собой Web-страницы — специальные файлы, написанные на языке HTML (HyperText Markup Language — язык разметки гипертекста). Web-страницы публикуются в Internet путем размещения таких файлов на серверах HTTP (Web-узлах). Содержание Web-страниц может быть разным и посвященным совершенно произвольным темам, но все они используют одну и ту же основу — язык HTML. Документы HTML обычно имеют расширение .НТМ или .HTML.

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

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

Но самое важное слово в этом описании — язык.HTMLпредставляет собой компьютерный язык, в некотором смысле родственный языкам программирования. Он включает достаточно строгие правила, которые необходимо соблюдать, чтобы получить правильные результаты.

Как работает World Wide Web

World Wide Web(сокращенно WWWили W3,в переводе "Всемирная паутина") — один из новейших видов сервиса Internet. WWWпредоставляет возможность работы с документами, в которых объединены текст, графические иллюстрации, звуковые фрагменты и даже анимация, что делает эти документы чрезвычайно выразительными и облегчает восприятие информации. Документы системы WWWсодержат ссылки на другие, связанные по смыслу, документы, причем последние могут находиться на удаленных компьютерах. Поэтому при наличии достаточно высокоскоростного подключения к Internetвы можете просматривать WWW-документы, хранящиеся на серверах в различных странах мира, с такой же легкостью, как если бы они находились на вашем домашнем компьютере.

Для работы с гипермедиа-документами, находящимися на WWW-серверах Internet,разработано достаточно много программ-клиентов, которые называют программами просмотра WWWилиWWW-бpоyзepaми (WWW browsers).Система WWWне только предоставляет удобный графический интерфейс для доступа к гипермедиа-документам, но и позволяет использовать тот же интерфейс для работы с другими сервисами Internet,такими как FTP, Gopher, телеконференции UseNet.Таким образом, World Wide Webпредставляет собой наиболее широкую по возможностям и вместе с тем самую легкую в использовании систему для работы с Internet.

Система WWWимеет весьма непродолжительную историю. В 1989 году группа исследователей из CERN(Европейская лаборатория физики элементарных частиц) поставила перед собой задачу создать систему, которая предоставила бы научным группам, работающим в разных городах и странах, легкий и удобный способ доступа к совместно используемой информации.

В исследованиях CERN участвовали коллективы, работающие в различных научных центрах и заинтересованные в постоянном обмене информацией. Однако при использовании традиционных средств Internetвыполнение такого простого на первый взгляд действия, как просмотр текста или графического изображения, часто требовало поиска местонахождения искомого документа, установления соединения с удаленным компьютером, где он содержится, и перемещения документа на локальный компьютер. Кроме того, для выполнения этих действий нужно было работать с несколькими различными прикладными программами, такими как Telnet, FTP,программы просмотра графических изображений. Поэтому возникла задача разработки системы, которая предоставляла бы единообразный способ доступа ко всем видам информации и не требовала выполнения многих промежуточных шагов для достижения конечной цели.

В течение года были определены основные концепции проекта, и работа началась. К концу 1990 года исследователи CERNрасполагали программой просмотра, работающей в текстовом режиме, а также графической программой просмотра для некоторых компьютеров.В 1991 году система WWWстала широко использоваться в CERN. Первоначально пользователямWWWпредоставлялся доступ только к гипертекстовым документам и к статьям телеконференцийUseNet.По мере развития проекта добавился интерфейс к другим видам сервиса Internet (WAIS,анонимный FTP, Telnetи Gopher).

В 1992 году CERN начал широкое распространение информации о проекте WWW.Осознание мировым сообществом Internetбольших возможностей этой системы привело к созданию многочисленных WWW-серверов, предоставляющих доступ к самой разнообразной информации. Ряд коллективов приступил также к работе над программным обеспечением WWW-клиентов для создания легких в освоении и удобных средств общения пользователей с системой WWW. К концу 1993 года программы просмотра WWWбыли разработаны для различных платформ, включая Х Window System, Apple Macintoshи PC/Windows.И, наконец, к весне 1994 годаWWWстал одним из самых популярных способов доступа к ресурсам Internet.

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

Для работы с системой WWWнеобходимо установить на своем компьютере специальную программу просмотра, называемую WWW-браузер (WWW-browser).WWW-браузер — это прикладная программа, которая взаимодействует с системой WWW,получает затребованные документы, интерпретирует данные и отображает содержание документов на экране.WWW-документы представляют собой гипертекст. В отличие от обычных текстов, WWW-документы содержат команды, задающие структуру документа (заголовки разных уровней, абзацы основного текста и т. д.), что дает возможность браузеру отформатировать документ при его отображении на экране в соответствии с возможностями конкретного компьютера.

Например, если вы работаете с Internetс помощью простого терминала типа VT-100,вам следует воспользоваться WWW-браузером для текстового режима, подобным программе Lynx. Такой браузер отображает только текстовую часть WWW-документов, используя возможности форматирования, доступные в текстовом режиме терминала. Выбор гипертекстовых ссылок в документе в этом случае производится с помощью клавиш управления курсором.

Если вы располагаете терминалом с более развитыми возможностями, подобным Х-терминалу, то вы сможете использовать браузер, работающий в графическом режиме, например Х-версию программы Mosaic.Если вы работаете на PCили Macintosh,то можно воспользоваться соответствующими версиями Mosaicили каким-либо из других браузеров, разработанных для компьютеров этих типов. Браузеры с графическим интерфейсом пользователя при отображении WWW-документов в полной мере используют графические возможности компьютера и терминала, в числе которых применение шрифтов различных типов и размеров, а также разных способов форматирования для выделения отдельных фрагментов текста (заголовков, абзацев, списков и т. д.).

Браузеры не только красиво отображают текст в отформатированном виде, но и предоставляют возможность работы с документами, содержащими наряду с текстом и другую информацию. Например, если на вашем персональном компьютере установлены звуковая плата, динамик и соответствующий драйвер (программа, управляющая этой частью аппаратного обеспечения), вы сможете прослушивать включенные в WWW-документы звуковые фрагменты. WWW-документы могут также включать статические графические изображения и анимацию.

Вы можете не только работать с информацией различной природы, содержащейся в WWW-документах, но также можете сконфигурировать некоторые из браузеров таким образом, что для работы с определенными типами документов будут запускаться соответствующие прикладные программы. Например, вы можете настроить свой браузер так, что если WWW-страница содержит ссылку на документ, подготовленный в формате Microsoft Word for Windows,то при выборе такой ссылки автоматически будет запущена программа Word for Windows,которая отобразит этот документ.

Большинство браузеров предоставляют доступ к другим сервисам Internet.Например, Mosaic позволяет обращаться к анонимнымFTP-серверам, Gopher-и WAIS-серверам, серверам телеконференций UseNetКроме того, возможен удаленный доступ к хост-компьютерам по протоколу Telnet.

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

Наряду с текстом многие WWW-документы содержат изображения, звуковую информацию и даже анимацию. Такие документы, содержащие не только текст, но и информацию, представленную в иных формах, называют гипермедиа-документами.

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

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

HTML (HyperText Markup Language— язык разметки гипертекста) используется при подготовке документов для системы WWW. HTML представляет собой достаточно простой набор команд, которые описывают структуру документа. Этот язык разметки позволяет выделить в документе отдельные логические части (заголовки, абзацы, списки-перечисления и т. д.), но не задает конкретные атрибуты форматирования. Конкретный вид форматирования задает используемая при чтении документа программа просмотра, которая обеспечивает наилучшее отображение информации на вашем дисплее.

Команды HTMLвставляются в текст документа и определяют логический статус отдельных фрагментов текста.Так, например, вы можете выделить в документе фрагменты текста, помеченные как заголовки различных уровней, отдельные абзацы, списки-перечисления и т. д. Имеются также команды, позволяющие вставить в документ другие объекты (изображения, звуки, анимацию), и команды, с помощью которых устанавливаются гипертекстовые связи с другими документами (или с другими частями того же документа).Программа просмотра получает документ, интерпретирует HTML-команды и выполняет форматирование составных частей документа (заголовков, перечислений, абзацев и т. д.) так, чтобы обеспечить удачное расположение информации на вашем дисплее.

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

Практически все документы в системе WWWявляются гипертекстовыми и наряду с командами, описывающими структуру документа, содержат команды языка HTML,задающие ссылки на другие документы. Многие из них, являясь гипермедиа-документами, включают ссылки на графические изображения, звуковые данные и анимацию.

Каждая из гипертекстовых связей имеет две части. Одна часть задает информационный ресурс, на который указывает ссылка (этим ресурсом может быть какой-то документ, текст, изображение, звуковой или видеофрагмент). В случае WWWможно ссылаться на информацию, которая содержится как на том же компьютере, что и исходный документ, так и на любом другом хост-компьютере Internet.

Другой частью гипертекстовой связи является "анкер" (anchor).В качестве анкера разработчик документа может задать какое-нибудь слово, группу слов, изображение или даже отдельную область изображения, представленного на экране пользователя. При работе с графическими браузерами активизация ссылки производится путем установки курсора мыши на анкере с последующим щелчком, а в случае текстовых браузеров — путем выбора анкера с помощью клавиш управления курсором и нажатия клавиши <Enter>.

Способ выделения анкеров в документе зависит от типа дисплея.В случае цветного графического дисплея слова-анкеры могут быть выделены цветом, отличным от цвета остального текста, а изображения-анкеры — заключены в цветную рамку.На монохромных дисплеях слова-анкеры часто выделяют подчеркиванием, а изображения-анкеры помещают в какую-либо выделяющую их рамку.На простейших текстовых терминалах слова-анкеры принято выделять инверсией цвета символов и фона.При этом текущий выбранный анкер обычно выделен инверсией цвета символов и фона, а остальные слова-анкеры отмечены цветом или повышенной яркостью символов в зависимости от используемого типа дисплея.Один из способов обнаружить анкер при работе с графическим WWW-браузером — следить за видом курсора мыши.При прохождении через анкер курсор часто изменяет форму.Например, при работе с программой Mosaicкурсор, представленный в обычном состоянии наклонной стрелкой, принимает вид кисти руки с поднятым пальцем.

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

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

Одной из целей проекта World Wide Webбыла разработка стандартного способа указания ссылок на доступные с Internetресурсы, применимого для любых типов ресурсов (документы, звуковые файлы и т. д.). Для решения этой задачи было введено понятие URL (Uniform Resource Locator— универсальный указатель ресурсов).

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

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

Если вы сохраняете какой-либо WWW-документ на локальном диске с целью последующего использования, то следует посмотреть, как заданы гипертекстовые ссылки в этом документе — в абсолютной или в относительной форме. Если данный документ содержит относительные ссылки на другие документы, то эти ссылки не будут работать до тех пор, пока вы не скопируете соответствующие документы на локальный диск и не расположите их в той же структуре каталогов, которая существовала на исходном сервере. Абсолютные ссылки всегда будут работать правильно, если вы соединены с Internetи если местонахождение документов не изменилось.

Назначение URL не ограничивается описанием местонахождения WWW-документов. Многие браузеры (включая Mosaic)предоставляют доступ и к другим сервисам Internet,в числе которых анонимный FTP, Gopher, WAIS,телеконференции UseNetи Telnet.

Типичный URL выглядит так:

http://www.cit.com/web/www.guide

Начальная часть URL, заканчивающаяся двоеточием, задает протокол, используемый системой для доступа к информационному ресурсу. Протокол — это совокупность правил, регламентирующих работу системы с тем или иным сервисом.В приведенном примере в качестве протокола указан HTTP — HyperText Transfer Protocol(протокол передачи гипертекста), разработанный специально для системы WWW.Две наклонных черты после двоеточия указывают, что далее следует адрес хост-компьютера Internet.Этот адрес может быть задан в виде доменного имени, как это сделано выше, или в виде числового IP-адреса. После адреса хост-компьютера в примере указан полный путь к файлу, записанный по правилам операционной системы UNIX.

Даже если вы обращаетесь к серверу, работающему на PC,при указании пути к файлу следует использовать символ наклонной черты — slash(/), а не обратной наклонной черты — backslash (\), как это принято в операционной системе MS-DOS.

Таким образом, приведенный пример URLсодержит указание WWW-браузеру обратиться к хост-компьютеру www.cit.com по протоколу HTTPи получить файл www.guideиз каталога/web.

В табл. 5.2перечислены другие протоколы, которые могут использовать WWW-браузеры при работе с ресурсами Internet.

Таблица. 5.2. Протоколы для WWW-браузеров

Протокол	Назначение
gopher	Работа с Gopher-сервером
ftp	Работа с FTP-сервером
File	Обращение к файлу на локальном диске, если далее следуют символы ///с|, или к FTP-серверу, если следуют символы // и имя хост-компьютера. Вместо "с" может быть указано обозначение любого локального диска, за которым обязательно следует вертикальная черта, а не двоеточие, имеющее в URL иное значение
wais	Обращение к WAIS-серверу
news	Чтение телеконференций UseNet
telnet	Открытие сеанса работы по протоколу Telnet

Одной из целей проекта WWWбыла реализация удобного способа доступа к документам, размещенным на удаленных компьютерах. Для передачи в сети WWW-документов, стандартной формой представления которых является гипертекст, был разработан новый протокол, названный HTTP— Hypertext Transfer Protocol(протокол передачи гипертекста). HTTP —это довольно простой коммуникационный протокол, который учитывает, что передаваемые документы включают гипертекстовые ссылки, т. е. содержат информацию об адресах, по которым могут быть отправлены последующие запросы.

Для просмотра WWW-документов совершенно не обязательно знать что-либо о протоколе HTTP,однако если вы заинтересовались этим вопросом, то можно посоветовать познакомиться со спецификацией протокола HTTP.Это стандартная спецификация, утвержденная комиссиейIETFи принятая сообществом Internet.Документ, содержащий описание этой спецификации, можно получить с помощью следующего URL:

http://info.cern.ch/hypertext/WWW/Protocols/HTTP/HTTP2.html

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

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

При обсуждении вопросов, связанных с WWW,часто употребляются два термина — "клиент" и "сервер". WWW-клиенты реализуют интерфейс для работы с системой WWW,т. е. направляют запросы, получают информацию и позволяют просматривать документы. WWW-серверы предоставляют доступ к собраниям WWW-документов, размещенных на различных хост-компьютерах Internet.

Программа-клиент — это программа, используемая для просмотра WWW-документов. Программа-сервер — это программа, которая управляет доступом к WWW-документам, собранным на некотором хост-компьютере Internet.

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

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

Телеконференции UseNet

Если вам доступны телеконференции UseNet, вы увидите, что несколько телеконференций посвящены тематике WWW.

comp.infosystems.www.users

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

comp.infosystems.www.providers

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

comp.infosystems.www.misc

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

Существует несколько списков рассылки, посвященных WWW.Чтобы подписаться на один из этих списков, пошлите электронной почтой по адресу listserv@info.cern.ch следующее сообщение:

subscribe <mailing list name> <your name>

Вместо <mailing list name>следует указать имя списка рассылки, к которому вы хотите присоединиться, а вместо <your name> —ваше имя и фамилию.

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

www-announce

Этот список рассылки предназначен для распространения информации о текущем состоянии WWW,о новом программном обеспечении (клиенты, серверы, HTML-редакторы и др.), об услугах, доступных посредством Web,а также иной информации, которую кто-либо желает предложить вниманию пользователей WWW.

www-html

Здесь ведется техническая дискуссия по проблемам разработки и развития возможностей языка HTML.

www-talk

В этом списке рассылки обсуждаются технические вопросы разработки программного обеспечения для WWW.

WWW Interactive Talk(сокращенно WIT)— новый тип дискуссионных групп, созданных специально в рамках WWW.Этот форум имеет общие черты с телеконференциями UseNet, однако его создатели попытались преодолеть некоторые ограничения телеконференций. В WIT дискуссии по отдельным темам дополнительно структурированы. Для каждой темы существует форма, в которой указываются название темы и предложения для дискуссии. По каждому из предложений приведены мнения участников.

Разработчики WITнадеются, что данная система позволит увидеть, какие мнения уже были высказаны в ходе обсуждения темы до отправки собственных комментариев.В отличие от этого, в телеконференциях UseNet одна и та же точка зрения излагается по несколько раз, поскольку читатели отправляют свои замечания до того, как они увидят, что кто-то ранее уже высказал аналогичные соображения.

WIT —способ организации дискуссий, пока еще проходящий стадию экспериментального использования. В настоящее время вы можете вступить в WIT-дискуссию, обратившись по адресу http://info.cern.ch/wit/hypertext/WWW.

Дискуссии не ограничиваются тематикой WWW (может быть предложена любая другая тема), однако здесь вы, вероятно, найдете людей, готовых поговорить с вами о WWW.

Разумеется, один из лучших способов получить информацию о WWW —это воспользоваться самой системой WWW.Ниже приводится несколько URL,по которым вы найдете подробные сведения о WWWи об имеющихся в этой системе информационных ресурсах.

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

Проект World Wide Web

http://info.cern.ch/hypertext/WWW/TheProject.html

Этот адрес приведет вас на страницы WWW-сервера CERN— исследовательского центра, в котором родился WWW.В имеющихся там документах вы найдете сведения о доступном программном обеспечении серверов и клиентов WWW,списки WWW-серверов, объединенные в группы по тематике, по странам и по видам информационного сервиса; техническую информацию о системе WWWи другую базовую информацию.

NCSA Mosaic

http://www.ncsa.uiuc.edu/demoweb/demo.html

Этот URL является ссылкой на документ, представляющий описание программы NCSA Mosaic. Однако данный документ интересен, в первую очередь, тем, что в нем содержится обширный список полезных источников информации в WWW.

Информационный центр InterNIC

http://www.internic.net

Это адрес начальной страницы WWW-сервера InterNIC (Internet Network Information Center)— главного информационного центра сети Internet.На этом сервере вы найдете путеводитель по ресурсам Internet (InfoGuide),предназначенный для поиска информации на заданную тему.

Гипертекстовые страницы путеводителя содержат ссылки на многочисленные списки информационных ресурсов Internet.Многие из этих ресурсов представлены в форме WWW-документов. Имеются также ссылки на ресурсы, доступные посредством других сервисов Internet (FTP, Gopherи др.). Для доступа к путеводителю InfoGuideследует выбрать ссылку Information Servicesна начальной странице сервера.

Введение в World Wide Web: Путеводитель по Киберпространству

http://www.cit.com/web/www.guide

Документ, который вы найдете по этому URL,назван "Entering the World Wide Web: A Guide to Cyberspace"(Введение в World Wide Web:Путеводитель по Киберпространству) и представляет собой прекрасный обзор WWW,содержащий ссылки на ряд интересных информационных систем.

Назначение языка HTML

Несмотря на то что Web-страницы появляются на экране компьютера в отформатированном виде, язык HTMLне предназначен для форматирования документов, поскольку жесткое задание оформления и точное позиционирование элементов текста на странице приводит к ограничениям, недопустимым вInternet.

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

Может быть, текст появится на экране компьютера, работающего в системе Windowsв окне одного из современных броузеров. Может быть, это будет текстовый броузер (неспособный отображать графику), работающий в системеMS-DOS. Возможно, текст документа вообще не будет отображаться на экране, а будет воспроизводиться вслух с помощью синтезатора речи. Для слепого пользователя документ может выводиться на специальное устройство шрифтом Брайля.

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

Например, если в тексте встречается заголовок, то код HTMLпросто указывает, что соответствующий фрагмент является заголовком. Получив такой код, программа просмотра (броузер) сама «решает», что ей делать с заголовком. Возможно, она отобразит его более крупным шрифтом, а может быть выровняет по центру экрана. Возможно, что синтезатор речи, воспроизводящий текст документа, использует код заголовка для того, чтобы повысить громкость и сделать необходимую интонационную паузу.

Язык HTMLвсе-таки имеет некоторые команды форматирования, но общий курс на разделениесодержанияиоформлениядокумента выдерживается четко. В версииHTML[4.0] использовать команды форматирования, как правило, не рекомендуется.

Теги HTML

Коды языка HTML, с помощью которых выполняется разметка исходного текста, называютсятегами.Тег — это набор символов. Все теги начинаются с символа «меньше» (<) и заканчиваются символом «больше» (>). Пару этих символов иногда называютугловыми скобками.После открывающей угловой скобки идетключевое слово,определяющее тег.

Каждый тег в языке HTMLимеет специальное назначение. Регистр букв в названиях тегов не имеет значения — можно использовать как строчные, так и прописные буквы, хотя общепринято использовать прописные буквы, чтобы теги отличались от обычного текста документа.

Как правило, один тег HTMLвоздействует только на часть документа, например на абзац. В таких случаях используют парные теги:открывающийизакрывающий.Открывающий тег создает эффект, а закрывающий — прекращает его действие. Закрывающие теги начинаются с символа косой черты (/).

Некоторые теги дают разовый эффект в месте своего появления. В этом случае необходимости в закрывающем теге нет, и он не употребляется.

Если по ошибке в теге указано ключевое слово, отсутствующее в языке HTML, то тег игнорируется целиком.

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

Открывающие теги часто могут содержать атрибуты, влияющие на эффект, создаваемый тегом. Атрибуты — это дополнительные ключевые слова, отделенные от ключевого слова тега и друг от друга пробелами.

Некоторые атрибуты требуют указания значения атрибута.Это значение отделяется от ключевого слова знаком равенства (=). Значение атрибута должно заключаться в кавычки, но во многих случаях эти кавычки могут опускаться без какого-либо вреда.

Закрывающие теги никогда не содержат атрибутов.

В языках программирования общепринята возможность использования комментариев — текстовых строк, не являющихся частью программы, а служащих для пояснения. Язык HTMLтоже имеет такую возможность.

Комментарии в языке HTML начинаются со специального тега <!--.Следует обратить внимание на отсутствие закрывающей угловой скобки. Любой текст, идущий за этим тегом, рассматривается как комментарий и не отображается при отображении документа.Заканчивают комментарий символами -->.Комментарий может содержать любые символы, кроме символа «больше» (>), и, таким образом, не может включать в себя теги.

Примеры тегов HTML:

<title> <BoDy> <TABLE> </A> <img> </CenTEr>

Примеры парных тегов HTML:

<HTML> </HTML>

<B> </B>

<HEAD> </HEAD>

<H3> </H3>

<ADDRESS> </ADDRESS>

<LI> </LI>

Примеры одиночных тегов HTML:

<BR> <HR> <META> <BASEFONT> <FRAME> <INPUT>

Примеры тегов HTMLс атрибутами:

<BODY BGCOLOR="#000000" TEXT="#FFFFFF" BACKGROUND="RAIN.GIF">

<OPTION SELECTED>

<FRAME SRC="file.html" NORESIZE>

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

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

Все документы HTML имеют строго заданную структуру. Документ должен начинаться с тега <НТМL> и заканчиваться соответствующим закрывающим тегом </НТМL>.Эта пара тегов сообщает броузеру, что перед ним действительно документHTML.

Документ HTML состоит из раздела заголовков и тела документа, идущих именно в таком порядке.Раздел заголовков заключен между тегами <HEAD> и </HEAD> и содержит информацию о документе в целом. В частности, этот раздел должен содержать внутри себя теги <TITLE> и </TITLE>, между которыми размещают «официальный» заголовок документа. Большинство броузеров, работающих в системеWindows, используют этот заголовок, чтобы заполнить строку заголовка окна броузера.

Сам текст документа располагается в теле документа. Тело документа располагается между тегами <BODY> и </BODY>.

Четыре перечисленных парных тега определяют основную структуру документа HTML. Они встречаются (или их наличие подразумевается) во всех документахHTML.

На практике определить местоположение этих основных структурных тегов можно и при их отсутствии. Поэтому, если теги <HTML>, <HEAD> и <BODY>, а также соответствующие им закрывающие теги опущены, то программа-броузер может сама определить то место, где они должны были находиться. Тег <TITLE>, определяющий заголовок документа, считается обязательным, но и его пропуск не вызовет катастрофических последствий в современных броузерах. Но все-таки при создании Web-страниц опускать все эти теги не рекомендуется, ведь заранее неизвестно, как поведет себя конкретный броузер, установленный на компьютере.

Простейший правильный документ HTML

<HTML>

<HEAD>

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

</HEAD>

<BODY>

Этот текст можно прочитать на экране

</BODY>

</HTML>

Вот как этот документ выглядит при просмотре с помощью броузера InternetExplorer.

Рис. 5.15. Вид документа

Определение функциональных разделов документа

Язык HTMLпредназначен для описания функциональных разделов документа.В большинстве обычных документов основными функциональными разделами являются заголовки и абзацы.

Язык HTMLподдерживает шесть уровней внутренних заголовков документа. Они помечаются тегами от <Н1> и </Н1> до <Н6> и </Н6>. Реально на экране компьютера все эти заголовки изображаются шрифтами разного размера (обычно полужирным начертанием).

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

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

В языке HTMLнет никаких средств для создания абзацного отступа («красной строки»), поэтому для удобочитаемости текста между абзацами броузер обычно вводит пустую строку. Важным средством создания разделителей в тексте являются горизонтальные полоски-линейки, визуально отделяющие разные части документа друг от друга.Горизонтальная линейка создается те-гом <HR>.Это одиночный тег, не имеющий соответствующего закрывающего тега.

При применении этих тегов важно принять во внимание, что все кратные («лишние») пробелы между словами и переходы на новую строку при воспроизведении документа HTML игнорируются.

Если же надо осуществить переход на новую строку без создания абзаца, можно использовать тег <BR>.

<HTML>

<HEAD>

<TITLE> Функциональные разделы документа </TITLE>

</HEAD>

<BODY>

<H1> Главный заголовок </Н1>

<H2> Подзаголовок </H2>

<P> Эти строки изображаются слитно,

несмотря на то, что в документе

они отделены

друг от друга

<P> Закрывающий тег абзаца не обязателен. <P> Тег начала абзаца более важен, чем реальный переход на новую строку.

<HR>

Текст после горизонтальной линейки <BR> разбит на две строки. </BODY>

</HTML>

Рис. 5.16. Вид документа

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

Способность Web-страниц содержать ссылки на другие Web-страницы — одна из наиболее привлекательных особенностей WorldWideWeb.Создать гипертекстовую ссылку в документе HTML очень просто. Для этого используются теги <А> (и </А>).

При создании гиперссылки обязателен атрибут HREF=. Его значением является адресURL, на который указывает ссылка.Текст ссылкиразмещают между тегами <А> и </А>. При отображении документа в броузере текст ссылки обычно подчеркивается и изображается синим цветом. Щелчок на ссылке приводит к переходу по заданному адресу URL.

Гипертекстовые ссылки могут указывать на другую Web-страницу или на любой файл, имеющийся на Web-узле. При щелчке на такой ссылке предоставляется возможность его загрузки или открытия.

Если Web-страница, на которую указывает ссылка, располагается на другом Web-узле, то в качестве значения атрибута HREF= должен использоваться полный адрес URL документа, включая название протокола и адрес Web-узла. Такие ссылки называют внешними.

Если ссылка указывает на другую страницу того же самого Web-узла, то достаточно указать только относительный путь поиска документа. В этом случае создается внутренняя ссылка. Использовать внутренние ссылки удобнее, так как в этом случае при переносе Web-узла целиком на другой сервер не требуется вносить изменения в отдельные документы.

Гипертекстовые ссылки могут указывать на определенное место внутри страницы, если в нужное место предварительно встроить якорь. Якорь также использует теги <А> и </А>, но вместо атрибута HREF= для него обязательным является атрибут NAME=. Значением этого атрибута является имя якоря. Оно может состоять только из латинских букв и цифр и не должно содержать пробелов.

Для ссылки на установленный якорь надо указать имя якоря в конце адреса URL после имени документа, отделив его символом «#».

<HTML>

<HEAD>

<TITLE> Ссылки и якоря </TITLE>

</HEAD>

<BODY>

Новые версии стандартных программ операционной системы и самые свежие драйверы можно найти на Web-узле компании <A HREF= "http://www.microsoft.com/">Microsoft</A>.

<P>А теперь можно перейти к <AHREF="my.htm"> моей личной странице </A>.

<P> О том как связаться с автором, рассказано в <AHREF="#address"> конце этой страницы </A>

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

<ANAME="аdress">Адрес электронной почты</A>

</BODY>

</HTML>

Рис. 5.17. Вид документа

Рисунки на Web-страницах

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

Для размещения рисунков в документе служит одиночный тег <IMG>.

Этот тег всегда должен содержать обязательный атрибут SRC=, значение которого составляет адресURLфайла изображения, записанный в абсолютной или относительной форме. При загрузке документа рисунок также загружается и отображается в том месте документа, где расположен тег <IMG>.

Изображение переносится на Web-страницу с сохранением размера. Если при компоновке изображения необходимо его перемасштабировать, нужные размеры рисунка можно задать с помощью атрибутов WIDTH= (ширина) иHEIGHT= (высота) Значения этих атрибутов определяют ширину и высоту изображения на Web-странице в пикселях.

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

Альтернативный текст — это, по сути, более или менее подробное описание изображения.Если броузер не может по той или иной причине показать рисунок, он вместо него выводит этот альтернативный текст. Альтернативный текст задается в теге <IMG> значением специального атрибутаALT=.

Изображение, как и текст, можно использовать в качестве ссылки. Для этого тег <IMG> должен быть помещен между тегами <А> и </А>, определяющими ссылку. Изображение-ссылка отображается в синей рамке. При наведении на такой рисунок указатель принимает ту же форму, что и при наведении на текстовую ссылку. Этим приемом на Web-страницах создают графические кнопки перехода.

<IMG SCR="pic.gif">

Рис. 5.18. Вид документа

<IMG SCR="pic.gif" WIDTH=50 HEIGHT=150>

Рис. 5.19. Вид документа

<IMG SCR="pic.gif" ALT="Красивая картинка">

Рис. 5.20. Вид документа

<IMG SCR="pic.gif" ALT="Красивая картинка">

Рис. 5.21. Вид документа (при условии, что картинка по каким-либо причинам не может быть отображена броузером).

Управление стилем шрифта

Только начиная с версии HTML4.0 появилась возможностьполностьюотделить оформление документа от его содержания, но эта концепция пока носит пробный характер и поддерживается не всеми броузерами. По этой причине языкHTMLпродолжает содержать теги, которые служат исключительно для оформления документа. Возможно, в будущих версияхHTMLэти теги будут уже не нужны, но пока пользоваться ими можно.

Для задания размера, цвета и начертания шрифта служит тег <FONT>. Этот парный тег влияет на весь текст, заключенный между открывающим и закрывающим тегами. Тег <FONT> должен иметь хотя бы один из трех возможных атрибутов:SIZE=;COLOR=;FACE=.

Атрибут SIZE= задает размер шрифта. Предполагается, что возможны семь заранее заданных размеров шрифта (от 1 до 7). Эти значения не соответствуют каким-либо единицам измерения, но чем больше значение, тем крупнее шрифт. По умолчанию используется значение 3.

Атрибут COLOR= задает цвет шрифта, который может быть задан либо ключевым словом (например,RED— красный), либо шестнадцатеричным значением в системеRGB(например, #FF0000— это тоже красный).

Атрибут FACE= задает вид шрифта. Значением этого атрибута должно быть название одного из шрифтов, установленных на компьютере. Но для документа, размещенного вInternet, нельзя предсказать, какие шрифты доступны на компьютере пользователя, поэтому этот атрибут лучше не использовать.

Чтобы задать значения этих параметров для всего документа в целом, используют одиночный тег <BASEFONT>. Он содержит аналогичные атрибуты и задает значение вида, цвета и размера шрифта, используемое по умолчанию.

Специальная группа тегов служит для изменения начертания шрифта. Теги <В> и </В> делают текст, заключенный между ними, полужирным. Теги <I> и </I> задают курсивное начертание, <U> и </U> — подчеркивание,a<S> и </S> — вычеркивание текста.

<HTML>

<HEAD>

<TITLE>Управление стилем шрифта</TITLE>

</HEAD>

<BODY>

<BASEFONT SIZE=4 FACE="Arial">

Этот текст использует нестандартный стиль шрифта,

заданный по умолчанию.

<P><FONT SIZE=-2 FACE="Times New Roman" COLOR="GREEN">

Этот текст мельче и использует другой шрифт и другой цвет.</FONT>

<P><B>Полужирный шрифт</B> и <I>курсив</I> используют для выделения фрагментов текста.

<P>Использование <U>подчеркивания</U> не рекомендуется, так как подчеркнутый текст легко перепутать со ссылкой.

<P><S>Вычеркивание текста </S> иногда применяют для разметки фрагментов, потерявших актуальность, но по каким-то причинам сохраняемых в документе.

</BODY>

</HTML>

Рис. 5.22. Внешний вид документа

Определение элементов фразы

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

Все эти теги парные и воздействуют на текст, который заключен между открывающим и закрывающим тегами. Закрывающий тег обязателен для каждого из открывающих тегов этой группы

Тег <CITE> указывает, что соответствующий текст является цитатой из другого источника. Такой текст обычно изображается курсивом.

Так как язык HTMLбыл создан людьми, связанными с компьютерами, целая группа тегов предназначена для представления текстов компьютерных программ и результатов взаимодействия пользователя с ними. Так тег <CODE> указывает на исходный текст компьютерной программы.Тег <KBD> оформляет текст, который должен быть (или был) введен с помощью клавиатуры. Этими тегами принято размечать команды пользователя и названия клавиш.Тег <SAMP> заключает в себе текст, который является примером вывода компьютерной программы.Тег <VAR> служит для оформления названий программных переменных или выбранных пользователем параметров компьютерной команды.

Текст, ограниченный любым из этих тегов, обычно изображается при выводе на экран моноширинным шрифтом. Кроме того, некоторые броузеры выводят текст, содержащийся между тегами <KBD> и </KBD>, полужирным шрифтом.

Тег <ЕМ> предназначен для выделения текста. Выделенный текст обычно изображается курсивом. Более сильное выделение обозначается тегом <STRONG>. Такой текст изображается полужирным шрифтом. Так как здесь используется смысловое выделение вместо чисто оформительского, рекомендуется использовать теги <ЕМ> и <STRONG> вместо тегов <I> и <В>, соответственно.

<HTML>

<HEAD>

<TITLE>Элементы фразы</TITLE>

</HEAD>

<BODY>

<P><CITE>На сайт конгресса США были выложены все 445 страниц доклада специального прокурора Кеннета Старра </CITE>-это цитата из газеты "Московский комсомолец".

<P><CODE>Тексты программ</CODE>, команды, <KBD>вводимые с клавиатуры</KBD>, примеры <SAMP>вывода компьютерных программ</SAMP> и программные <VAR>переменные</VAR> обычно отображаются на экране примерно одинаково.

<P><EM>Выделение</EM> и

<STRONG>сильное выделение</STRONG> используется как смысловой эквивалент курсивного и полужирного начертания.

</BODY>

</HTML>

Рис. 5.23. Вид документа

Создание списков

При работе с текстовыми процессорами обычно используют два типа списков — упорядоченные (нумерованные) и неупорядоченные (маркированные). ЯзыкHTMLпозволяет создавать целых пять разных видов списков. Правда, из этих пяти видов два(списки менюисписки каталога)считаются устаревшими и практически не употребляются. Таким образом, в настоящее время используют три вида списковупорядоченные, неупорядоченныеисписки определений.

Упорядоченные и неупорядоченные списки создают примерно одинаковым образом. Список всегда располагается между открывающим и закрывающим тегами списка <OL> и </OL> в случае упорядоченного списка, <UL> и </UL> — в случае неупорядоченного.

Внутри списка располагаются элементы списка. Их заключают между тегами <LI> и </LI>, хотя в данном случае закрывающий тег может опускаться, так как в этом случае ясно, где он должен располагаться.

Теги <OL>, <UL> и <LI> могут содержать атрибутTYPE=, значение которого указывает на способ пометки элементов списка. Упорядоченные списки можно нумеровать арабскими цифрами, римскими цифрами, латинскими буквами (как в верхнем, так и в нижнем регистре). Неупорядоченные списки помечаются маркерами в виде черного кружка (по умолчанию), белого кружка или квадратика.

Списки могут быть вложенными. Кроме того, элементы списков могут содержать гиперссылки, а также теги, используемые для форматирования и для выделения элементов фразы.

Списки определенийначинаются с тега <DL> и заканчиваются тегом </DL>. Маркеры или нумерацию в этих списках не используют. Список состоит изопределяемых терминови соответствующихопределений. Определяемые термины помечаются тегом <DT>, а определения — тегом <DD>. Закрывающие теги можно опускать. Предполагается, что определяемые термины и определения чередуются, хотя это и не требуется строго. Определения изображаются на экране с отступом от левого края.

<HTML>

<HEAD>

<TITLE>Вложенные списки</TITLE>

</HEAD>

<BODY>

<H1>Устройства компьютера</H1>

<UL>

<LI>Внешние

<OL>

<LI>Принтер

<LI>Сканер

<LI>Монитор

</OL>

<LI>Внутренние

</UL>

</BODY>

</HTML>

Рис. 5.24. Вид документа

<HTML>

<HEAD>

<TITLE>Списки с форматированием </TITLE>

</HEAD>

<BODY>

<H1>Компьютерные стандарты </H1>

<DL>

<DT><STRONG>MIDI (Musical Instrument Digital Interface)</STRONG>

<DD>Стандарт подключения к компьютеру музыкальных инструментов.

<DT><STRONG>MPC (Multimedia PC)</STRONG>

<DD>Стандарт, описывающий требования к мультимедийному

персональному компьютеру.

<DT><STRONG>OLE (Object Linking and Embedding)</STRONG>

<DD>Технология связывания и внедрения объектов, стандарт

компании Microsoft.

<DT><STRONG>Plug and Play</STRONG>

<DD>Стандарт, по которому элемент оборудования содержит

сведения о модели и компании-изготовителе и допускает настройку

программными средствами.

</DL>

</BODY>

</HTML>

Рис. 5.25. Вид документа

Мультимедийные объекты в документе HTML

Широкое распространение мультимедиа пришлось на период, когда служба WorldWideWebуже существовала, так что языкHTMLне сразу приспособился к появлению на Web-страницах мультимедийных объектов. Файлы аудио и видео до сих пор рассматриваются как «внешние» объекты, воспроизводимые черезвстроенныеивспомогательные приложения.

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

В потоковом формате в Internetпередаются радиотрансляции. Например, в России в таком формате вещает радиостанция «Серебряный дождь» (www.silver.ru).

Самый простой способ вставить мультимедийный объект на Web-страницу — это использовать тег гиперссылки <А>. Создать такую ссылку проще всего, и в этом случае мультимедийный файл не отвлекает читателя от остального содержимого документа HTML.

В некоторых случаях требуется внедрить звуковой или мультимедийный файл непосредственно в Web-страницу, например для того, чтобы иметь возможность воспроизводить этот файл автоматически. В настоящее время для этой цели удобнее всего применять тег <EMBED>, хотя он, строго говоря, не входит в стандартHTML. Этот тег распознается двумя наиболее распространенными броузерами —InternetExplorerиNetscapeNavigator, хотя возможность воспроизведения мультимедийного файла определяется исключительно наличием соответствующего встроенного приложения.

Тег <EMBED> является одиночным, так что закрывающий тег не требуется. Его обязательным атрибутом являетсяSRC=, значение которого представляет абсолютный или относительный путь поиска соответствующего файла. Возможно также использование атрибутовWIDTH= иHEIGHT=, задающих размеры (ширину и высоту) прямоугольной области на экране, «отведенной» под воспроизведение мультимедийного объекта.

<HTML>

<HEAD>

<TITLE>Мультимедиа в документе</TITLE>

</HEAD>

<BODY>

<P><AHREF="music.wav">Щелкните здесь, чтобы послушать музыку</А>

<P>Видеоролик, воспроизводимый в рамках страницы

<EMBEDSRC="File.avi"W1DTH="200"HEIGHT="200">

</BODY>

</HTML>

Рис. 5.26. Вид документа

Создание таблиц

Таблица — это один из наиболее удобных способов представления больших объемов данных. Язык HTMLимеет богатейшие возможности по созданию разных видов таблиц.

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

Между тегами <TABLE> и </TABLE> может один раз встретиться пара тегов <CAPTION> и </CAPTION>, определяющая заголовок таблицы. Заголовок таблицы размещается непосредственно над таблицей (по умолчанию) или непосредственно под таблицей.

Далее следуют теги <TR> и </TR>, определяющие строки таблицы. Закрывающий тег можно опускать, так как строка таблицы заканчивается перед началом следующей строки или вместе с таблицей.

Каждая строка таблицы состоит из ячеек. Ячейки помечаются либо тегами <ТН>, содержащими заголовки столбцов и строк, либо тегами <TD>, содержащими обычные данные. Эти теги также являются парными, но закрывающие теги и здесь могут опускаться, так как это не вызывает разночтений.

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

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

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

<HTML>

<HEAD>

<TITLE>Таблица</TITLE>

</HEAD>

<BODY>

<TABLE WIDTH="90%" BORDER=10 CELLPADDING=2 CELLSPACING=10>

<CAPTION>Основные теги таблицы</CAPTION>

<TR><TD><B>Открывающий тег</В><TD><B>Закрывающий тег</B>

<TD><B>Описание</B>

<TR><TD>TABLE<TDROWSPAN=2>Обязателен <TD>Начало и конец таблицы

<TR><TD>CAPTION<TD>Начало и конец заголовка таблицы

<TR><TD>TR <TDROWSPAN=2>Необязателен <TD>Начало строки таблицы

<TR><TD>TD<TD>Начало ячейки таблицы

</TABLE>

</BODY>

</HTML>

Рис. 5.27. Вид документа

Мы уже говорили об ограниченных возможностях языка HTMLпо точному размещению текста на странице. Эти ограничения объяснимы и понятны, но профессиональныеWeb-дизайнеры мириться с ними не хотят. Таблицы — это именно то средство, с помощью которого они преодолевают естественные ограничения языка и достигают эффектных результатов.

Размещение нескольких документов на одной Web-странице

Язык HTMLпозволяет разбить окно программы броузера на несколько частей и в каждой из них отобразить отдельный документ. Такие области называютсяфреймами.

Для создания фреймов используют особый документ HTML, структура которого отличается от обычной. Такой документ не содержит раздела «тела» документа и, на самом деле, не содержит какого-либо текста вообще. Вместо этого он содержит описание фреймов, заключенное между тегами <FRAMESET> и </FRAMESET>. В этом описании указывают размеры и порядок размещения областей в окне броузера, а также задают документы, которые должны загружаться в каждую из этих областей.

Тег <FRAMESET> должен содержать обязательный атрибутCOLS= илиROWS=, определяющий способ разбиения окна. При использовании атрибутаCOLS= окно делится на области вертикальными линиями, а при использовании атрибутаROWS= — горизонтальными. Если заданы оба эти атрибута, в окне создается сетка из подобластей.

Значения этих атрибутов определяют высоту (или ширину) областей окна. Параметры для каждого столбца (строки) задают через запятую в пикселях или в процентах (символ «%») В качестве последнего параметра можно использовать символ «звездочка» (*). Под такой фрейм выделяется все остающееся свободное пространство.

Между тегами <FRAMESET> и </FRAMESET> располагают дополнительные теги, указывающие назначение созданных областей. Для этой цели можно использовать вложенные теги <FRAMESET>, задающие дополнительное разбиение окна, или одиночные теги <FRAME>, определяющие документы, загружаемые в отдельные области. Число элементов, вложенных между тегами <FRAMESET> и </FRAMESET>, должно соответствовать числу созданных областей.

Тег <FRAME> должен содержать обязательный атрибутSRC=, определяющий документ, который будет загружен в данную область. Дополнительные атрибуты позволяют управлять рамками между отдельными фреймами и некоторыми другими свойствами.

Качество документов HTML

Творческий характер создания документов HTMLсродни программированию, так что при этом возможны ошибки, которые могут привести к трудностям или даже полной невозможности прочитать созданный документ вInternet.Кроме того, огромное разнообразие компьютеров, подключенных кInternet, приводит к тому, что заранее невозможно предсказать, как именно будет выглядеть документ на экране конкретного пользователя.

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

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

2. Содержание Web-страницы или группы Web-страниц должно быть связанным логически. Хорошо продуманная система ссылок должна позволять переходить от страницы к странице и возвращаться назад практически без использования кнопок навигации Вперед и Назад на панели инструментов броузера.

3. Для того чтобы документ HTMLбыл доступен самой широкой аудитории, следует «отставать на один шаг» от последних достижений в развитии языкаHTML. Последние нововведения не всегда сразу реализуются в броузерах, а новым версиям требуется время на то, чтобы достичь большинства пользователей. Документы с использованием самых свежих новшеств доступны лишь ограниченной аудитории.

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

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

6. Так как создание документов HTMLсродни программированию, процесс поиска и исправления ошибок, известный в программировании какотладка,необходим и при создании Web-страницы. Большинство, если не все сделанные ошибки можно обнаружить еще до того, как страница станет доступна посторонним читателям. В число ошибок, которые надо исправлять, входят также грамматические ошибки и опечатки.

7. Если собственной фантазии недостаточно, чтобы придумать способ оформления Web-страницы, можно воспользоваться службой WorldWideWebкак справочником.Internetсодержит миллионы Web-страниц, способных предложить идеи оформления, которыми можно пользоваться. Достоинство этого подхода состоит еще и в том, что таким способом можно увидеть не толькочтосделано, но икак сделано,если обратиться к исходному тексту Web-страницы.

8. Фреймы — очень мощное, но и очень опасное средство оформления Web-страниц. С помощью фреймов создано гораздо больше неудачных Web-страниц, чем удачных. Единственный критерий грамотности применения фреймов — удобство пользователя. Если благодаря фреймам страница становится во много раз красивее, но чуть-чуть менее удобной, от фреймов надо отказываться не задумываясь. Ничего, кроме раздражения, у читателей она не вызовет.

9. Люди ценят заботу и внимание. Размещение самой важной информации в верхней части страницы позволяет им с пользой проводить время, в течение которого происходит загрузка документа. Сопровождение иллюстраций альтернативным текстом не стоит больших трудов, но высоко ценится. Наличие большого количества полезных гипересcылок на странице не только помогает людям плодотворно путешествовать по просторам Internet, но и побуждает их раз за разом возвращаться на страницу, предоставившую им такую возможность.