Опубликован: 19.05.2006 | Доступ: свободный | Студентов: 9835 / 1470 | Оценка: 4.29 / 4.03 | Длительность: 22:29:00
ISBN: 978-5-94774-648-8
Лекция 13:

Объекты, Изображения и Аплеты

Аннотация: Описываются возможности использования мультимедиа: изображений, аплетов, объектов. Даются механизмы работы с ними и возможности визуализации.
Ключевые слова: мультимедиа, HTML, изображение, аплет, документ, PNG, автор, applet, тип носителя, доступность, включение объекта, объект, пользовательский агент (ПА), INS, плагины, таблица, карта изображений, запрос, механизмы, Размещение, GIF, JPEG, longdesc, атрибут, серверная карта изображений, CDATA, обратная совместимость, альтернативный текст, ondblclick, внутреннее событие, клиентская карта изображений, исключение, пользователь, выравнивание, рамка, URI, альтернатива, путь, относительный URI, базовый URI, тип содержимого, значение, HTTP, список, загрузка, declare, булев атрибут, определение, standby, типы информации, переносимость, python, earth, I-MPEG, чувствительность к регистру, activex, экземпляр сущности, HTML Working Group, имя файла, подкласс, файл, ресурс, представление, имя класса, сериализация, Java, информация, целевой фрэйм, место, image map, минимум, polys, coordinate, геометрия, графическая карта, ACM, pixel

Введение

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

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

<BODY>
<P>Here's a closeup of the Grand Canyon:
<OBJECT data="canyon.png" type="image/png">
This is a <EM>closeup</EM> of the Grand Canyon.
</OBJECT>
</BODY>

Предыдущие версии HTML позволяли авторам включать изображения (с помощью IMG ) и аплеты (с помощью APPLET ). Эти элементы имели несколько ограничений:

  • они не могли решить более общую проблему включения новых и будущих типов носителя;
  • элемент APPLET работал только с аплетами Java. Этот элемент не рекомендуется. Вместо него нужно использовать OBJECT ;
  • они создавали проблемы доступности.

Для адресации этих вопросов HTML 4 ввёл элемент OBJECT, предлагающий общий способ включения объектов. Элемент OBJECT позволяет авторам HTML специфицировать всё необходимое для представления объектов в ПА (пользовательских агентах): код, начальные значения и данные процесса выполнения. В этой спецификации термин " object/объект " используется для описания предметов, которые человек может поместить в документы HTML; другие обычные термины для обозначения этих предметов: аплеты, plug-ins/плагины и т.д.

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

Посмотрите на эту таблицу функциональности:

Тип объекта Специфический элемент Общий элемент
Изображение IMG OBJECT
Аплет APPLET (не рекомендуется) OBJECT
Другой документ HTML IFRAME OBJECT

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

Чтобы вставить изображение, автор может использовать элементы OBJECT или IMG.

Чтобы вставить аплет, автор должен использовать элемент OBJECT, так как элемент APPLET не рекомендуется использовать.

Чтобы включить один документ HTML в другой, авторы могут использовать новый элемент IFRAME или элемент OBJECT. В обоих случаях, внедрённый документ остаётся независимым от главного документа. Визуальные ПА могут представлять внедрённый документ в отдельном окне внутри главного документа. См. "замечания о внедрённых документах" , чтобы сравнить вставку документов элементами OBJECT и IFRAME.

Изображения и другие включённые объекты могут иметь ассоциированные с ними гиперссылки, используя стандартные "механизмы ссылок" , а также посредством карт изображений. Карта изображений определяет активные геометрические регионы включённого объекта и назначает гиперссылку каждому такому региону. При активации эти ссылки могут вызвать запрос документа, запустить программу на сервере и т.д.

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

Вставка изображения: элемент IMG

<!-- Чтобы исключить проблемы с только-текстовыми ПА, а также
   чтобы сделать содержимое изображения более понятным и доступным
   для пользователей с невизуальными ПА, Вы должны предоставить
   описание в элементе ALT и исключить использование серверных карт изображений -->
<!ELEMENT IMG - O EMPTY                -- Внедрённое изображение -->
<!ATTLIST IMG
  %attrs;                                    -- %coreattrs, %i18n, %events --
  src         %URI;          #НЕОБХОДИМ       -- URI изображения для вставки --
  alt         %Text;         #НЕОБХОДИМ       -- краткое описание --
  longdesc    %URI;          #ПРЕДПОЛАГАЕТСЯ  -- ссылка на полное описание (дополняет alt) --
  name        CDATA          #ПРЕДПОЛАГАЕТСЯ  -- имя изображения (для скриптов) --
  height      %Length;       #ПРЕДПОЛАГАЕТСЯ  -- переопределить высоту --
  width       %Length;       #ПРЕДПОЛАГАЕТСЯ  -- переопределить ширину --
  usemap      %URI;          #ПРЕДПОЛАГАЕТСЯ  -- использовать клиентские карты изображений --
  ismap       (ismap)        #ПРЕДПОЛАГАЕТСЯ  -- использовать серверные карты изображений --
  >
Начальный тег: необходим, Конечный тег: запрещён

Определения атрибутов

src = uri [CT]

Специфицирует размещение ресурса изображения. Наиболее распространённые форматы изображений: GIF, JPEG и PNG.

longdesc = uri [CT]

Определяет ссылку на полное описание изображения. Это описание должно дополнять краткое описание, предоставляемое атрибутом alt. Если изображение имеет ассоциированную карту изображений, этот атрибут должен предоставлять информацию о содержимом карты изображений. Это особенно важно для серверных карт.

Поскольку элемент IMG может находиться внутри содержимого элемента A, механизм ПА в пользовательском интерфейсе для доступа к ресурсу "longdesc" первого должен отличаться от механизма к доступу ресурса href второго.

name = cdata [CI]

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

Примечание. Этот атрибут включён для обеспечения обратной совместимости. Приложения должны использовать для идентификации элементов атрибут id.

Атрибуты, определённые в другом месте

  • id, class (идентификаторы документа )
  • alt ( альтернативный текст )
  • lang (язык), dir (направление текста)
  • title (заголовок элемента)
  • style (инлайн-стиль)
  • onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (внутренние события)
  • ismap, usemap ( клиентские карты изображений )
  • align, width, height, border, hspace, vspace (визуальное представление объектов, изображений и аплетов )

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

В предыдущем примере мы определили ссылку на семейное фото. Здесь мы вставим фото непосредственно в текущий документ:

<BODY>
<P>I just returned from vacation! Here's a photo of my family at the lake:
<IMG src="http://www.somecompany.com/People/Ian/vacation/family.png"
     alt="A photo of my family at the lake.">
</BODY>

Это включение может быть выполнено также элементом OBJECT:

<BODY>
<P>I just returned from vacation! Here's a photo of my family at the lake:
<OBJECT data="http://www.somecompany.com/People/Ian/vacation/family.png"
        type="image/png">
A photo of my family at the lake.
</OBJECT>
</BODY>

Атрибут alt устанавливает альтернативный текст, который отображается, если изображение не может быть выведено (см. ниже "как установить альтернативный текст" ). ПА должны отображать альтернативный текст, если они не поддерживают изображения определённых типов или если сконфигурированы так, чтобы не показывать изображения.

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

<BODY>
<P>
<IMG src="sitemap.gif"
     alt="HP Labs Site Map"
     longdesc="sitemap.html">
</BODY>

Атрибут alt предоставляет краткое описание изображения. Этого должно быть достаточно, чтобы пользователь мог решить, перейти ли по ссылке, заданной атрибутом longdesc для полного описания, здесь - "sitemap.html".

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

Ирина Кириллова
Ирина Кириллова

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

Анатолий Федоров
Анатолий Федоров
Россия, Москва, Московский государственный университет им. М. В. Ломоносова, 1989