Средства описания multimedia-информации

⇐ ПредыдущаяСтр 2 из 6Следующая ⇒

С самого начала система World Wide Web была ориентирована на графические средства представления информации. Первым шагом на этом пути была реализация возможности вставлять в текст графические объекты. Текст, перемешанный с картинками, выглядит гораздо интереснее и содержательнее, чем просто текст. Следующим шагом стала возможность запуска внешней программы для просмотра файла в форматах, отличных от ASCII. Первыми такими файлами стали слайды формата GIF. В настоящее время разработан целый механизм MIME-типов для идентификации классов внешних ресурсов. Таким образом, в настоящее время, используя спецификацию URL, в гипертекстовой ссылке можно указать адрес не только файла HTML, но и файла любого другого формата, для которого есть программа просмотра. Естественно, имеется возможность сделать такую ссылку контекстнозависимой. По мере расширения технологии WWW стало возможным расширять возможности серверов HTTP за счет написания внешних относительно сервера программ. Этой возможностью не замедлили воспользоваться для создания так называемых "чувствительных карт" (sensitive maps). "Чувствительная карта" - графический образ, разбитый на отдельные фрагменты, каждому из которых приписана гипертекстовая ссылка. В стандарте HTML 3.0 такая возможность внесена в язык и реализована в виде специального атрибута элемента <А>...</А>. В дальнейшем "чувствительную карту" будем называть стеком графических ссылок, что более наукообразно и, в какой-то мере, отражает механизм обработки таких объектов.

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

IMG. Элемент встраивания в текст графического образа. Простейшая форма использования элемента представлена ниже:

<IMG SRC="http://polyn.net.klae.su/gif/sarclast.gif"

ALT="Sarcofagus.Winter,1997">

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

IMG можно использовать внутри гипертекстовой ссылки:

<А HREF="doc.html"><IMG SRC="icon.gif" ALIGN=MIDDLE>

В этом случае вся картинка целиком используется как идентификатор гипертекстовой ссылки.

В данном примере появился еще один атрибут элемента IMG - ALIGN. ALIGN может принимать значения: TOP, MIDDLE, BOTTOM, LEFT, RIGHT. Дело в том, что картинка, встраиваемая по IMG, рассматривается интерпретаторами языка как один большой символ (скажем, большая буква "А"). Атрибут ALIGN определяет, где относительно других символов текста в строке будет располагаться эта буква. Если задано значение ТОР, то буква отображается как подстрочная, т. е. остальные буквы строки отображаются выровненными по верхнему краю картинки, при значении MIDDLE картинка расположена как обычная буква и текст выровнен по центру картинки. При значении BOTTOM картинка отображается как надстрочная буква, следовательно, текст выравнивается по ее нижнему краю. Учитывая такую схему интерпретации, не следует делать картинки слишком большими, если они встраиваются в строку текста. Большие картинки лучше располагать между блоками текста.

Значения LEFT и RIGHT атрибута ALIGN используются для размещения рисунка в левой или правой части страницы. При использовании этого атрибута осуществляется обтекание картинки текстом.

Элемент IMG можно использовать для организации стека графических ссылок. Для этой цели используется атрибут ISMAP. Для того чтобы графический образ был воспринят как идентификатор стека графических ссылок, он должен быть расположен внутри "якоря":

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

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

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

При использовании IMG текст разбивается на две части: до картинки и после картинки, только одна строка текста может быть размещена вместе с картинкой. По мере развития WWW и подключения к системе новых баз данных появилось желание реализовать обтекание картинки текстом.

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

Приведенные проблемы и призван решить элемент FIG. Всего FIG имеет 17 атрибутов (см. таблицу 7.5)

Таблица 7.5. Атрибуты тага FIG
Атрибут	Значение атрибута	Назначение
ID	символьная строка	аналог<A NAME="..."></A>
LANG	язык	переназначение языка
CLASS	идентификатор класса блока	используется при назначении стиля отображения
CLEAR	left right all	управляет обтеканием картинки текстом
NOFLOW	нет значения	запрещает обтекание картинки текстом
SRC	URL	адрес картинки в терминах URL
MD	контрольная сумма	для верификации передачи информации
ALIGN	bleedleft left center right bleedright justify	горизонтальное выраинивание: по левой границе окна по левому отступу центрировать внутри отступов обтекание запрещено по правому отступу по правой границе окна масштабирование по границам левого и правого отступов
WIDTH	pixels/en	ширина картинки
HEIGHT	pixels/en	высота картинки
UNITS	pixels/en	единицы измерения высоты и ширины (по умолчанию pixels)
IMAGEMAP	URL	адрес программы обработки графических координат

Приведем пример использования элемента FIG для представления графиче ской картинки:

<CAPTION> Test picture&LtCAPTION>

A simple test picture that demonstrate a usage of FIG element.

<CREDIT>Pavel Khramtsov/KIAE, 1995. </CREDIT>

</FIG>

В данном примере в текст документа встраивается картинка "test. gif" с подписью, заданной элементом CAPTION, и обтекающим ее текстом, элемент . Также на этом примере демонстрируется использование элемента CREDIT для ссылок на автора заимствованного образа.

Рассмотрим другой пример, который показывает использование FIG для описания стека графических ссылок:

<HI>Test graphical menu</HI>

Select please:

<UL>

<LI>

</LI>

<LI>

</LI>

<LI>

<A HREF="prev.htmi" SHAPE="rect 10,200,32,42">Previouse page</A>

</LI>

</UL>

</FIG>

В данном примере картинка "grapmenu.gif" размечается на несколько прямоугольных регионов, каждый из которых является идентификатором гипертекстовой ссылки. В примере предполагается, что сама программа интерпретации способна определить, какую из ссылок следует использовать. Если бы в таге начала элемента FIG был указан атрибут IMAGEMAP, то координаты передавались бы программе, указанной в этом атрибуте:

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

OVERLAY. При обсуждении элемента FIG следует рассмотреть еще одну возможность HTML - загрузку перекрывающих графических образов. Данная возможность открывается при использовании элемента OVERLAY внутри элемента FIG:

Overiay example.

</FIG>

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

Кроме того, для OVERLAY можно задать ширину, высоту, единицы измерения смещения и размеров образа, а также программу обработки координат, аналогично элементу FIG.

CAPTION. Подпись под картинкой или таблицей задается при помощи элемента CAPTION. Данный элемент имеет четыре атрибута: ID, LANG, CLASS, ALIGN.

CREDIT. Данный элемент используется для указания источника цитирования или картинки. Имеет только три стандартных атрибута: ID, LANG, CLASS.

Завершая обсуждение использования графики в HTML, следует заметить, что элемент IMG поддерживается всеми графическими программами интерпретации языка, в то время как FIG - только программами Arena и Netscape. Поэтому иногда стоит воспользоваться более громоздкой конструкцией для реализации гипертекстовой страницы, чтобы расширить число ее пользователей.

Дата добавления: 2018-04-05; просмотров: 193; Мы поможем в написании вашей работы!

Поделиться с друзьями:

⇐ Предыдущая 123 4 5 6 Следующая ⇒

Мы поможем в написании ваших работ!