Site icon Vavik96

Вставка в HTML объектов

Все мультимедиа-компоненты в сети можно разделить на два основных типа: содержимое, обрабатываемое непосредственно броузером и содержимое, обрабатываемое дополнительными средствами. Броузер определяет способ обработки по типу содержимого файла и либо сам обрабатывает данные, либо передаёт их на обработку дополнительным приложениям. Тип содержимого файла определяется либо по его расширению: .gif, .jpg, .mpg, .wrl и т.д., либо по специальному коду content type=”тип содержимого вставляемому в исходный код документа, где тип содержимого может принимать значения: text/html, image/gif, video/quicktime и т.д..

Так как язык HTML создавался как язык разметки текста и только для этих целей, то естественно что в нем изначально не была предусмотренна поддержка мультимедийных объектов. В последнее же время многие компании-разработчики стали предоставлять пользователям их броузеров доступ к мультимедиа-содержимому, встраивая в них различные plug-ins. Они позволяют представить мультимедиа-содержимое как внутреннее содержимое Web-страницы и могут располагаться как во всё окно, так и в заданных размерах. На практике получается следующее – если броузер подгружает файл с таким содержимым впервые, то пользователю предлагается скачать плагин, который запишется на жесткий диск и в следующий раз броузер передаст мультимедиа-содержимое на обработку уже сразу ему.

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

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

Элемент <IMG>

Элемент <IMG> Используется для вставки в тело документа графического изображения. Под графическим изображением подразумевают: маленькие пиктограммы, рисунки, графические объекты и карты изображений, занимающие большую часть окна броузера. Кроме того элемент <IMG> поддерживает различные атрибуты, определяющие расположение изображения относительно окружающего текста и содержания Web страницы в целом. Изображение может выравниваться по левой, правой, верхней или нижней границе строки или располагаться в центре окна.
Синтаксис: <IMG src= URL атрибуты >

Элемент <MAP>

Элемент <MAP> применяется для представления графического изображения ввиде карты с активными областями. Он поддерживает атрибут name, который задает его имя, и включает внутри себя элемент <AREA>, который и задает собственно активные области карты, связанные ссылками с прочими ресурсами.
Синтаксис: <MAP name=” имя “> <AREA атрибуты > </MAP>

Элемент <AREA>

Элемент <AREA> задает активные области карты, щелчком по которым можно осуществить ссылку. Элемент не имеет конечного тэга. С изображениями карт удобно работать в стандартном приложении для Windows – редакторе Paint , для него изображение должно быть трансформировано в формат BMP. Используя сетку в режимах увеличения нажатием Ctrl+G и выбрав инструмент Выделение, когда указатель мыши принимает вид тонкого крестика, координаты курсора можно определить с точностью до одного пиксела. Такая точность может очень пригодиться при задании координат активных областей карты. Элемент <AREA> поддерживает различные атрибуты:

Пример изображения – карты :

<IMG src=” map.gif ” usemap=”# map.gif ” border= 0 >
<MAP name=” map.gif “>
<AREA shape= circle coords=” 34,32,23 ” href=” page1.html ” alt=” ссылка 1 “>
<AREA shape= poly coords=” 12,110,37,62,72,114 ” href=” page2.html ” alt=” ссылка 2 “>
<AREA shape= rect coords=” 83,44,133,94 ” href=” page3.html ” alt=” ссылка 3 “>
</MAP>

Элемент <BANNER>

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

Элемент <BGSOUND>

Элемент <BGSOUND> используется для задания фонового звучания сразу же после загрузки страницы. Он может не имеет конечного тэга и может иметь атрибуты:

Элемент <MARQUEE>

Элемент <MARQUEE> используется с целью создания в документе бегущей строки.
<MARQUEE атрибуты> Текст строки </MARQUEE>
Он может иметь атрибуты:

Пример: Бегущаястрока заданая элементом
<MARQUEE hight=10 behavior=”scroll“>СТРОКА</MARQUEE>
СТРОКА

Элемент <APPLET>

Элемент <APPLET> используется для передачи компьютеру клиента программы – аплета, которая загружается и выполняется броузером. Программы переданные броузеру существенно улучшают работу со страницей, придавая ей интерактивность не свойственную страницам написанным без использования аплетов. Процесс внедренния состоит из двух этапов. Во-первых необходимо убедиться что все классы и связанные файлы, такие как графические изображения и аудиофрагменты, размещены в доступном каталоге – чаще всего это подкаталог classes каталога с документами HTML. Во-вторых, в исходный код страницы должен быть внедрен тэг ссылки на классы <APPLET>, а так же все необходимые для его работы параметры. Он можнт иметь атрибуты:

Синтаксис: <APPLET class=”имя.class” src=”URL/” width=”число” height=”число” align=”значение“>
<PARAM NAME=имя параметра VALUE=его значение REF=”адрес расположения объекта“>

Элемент <SCRIPT>.

Для придания документу дополнительных возможностей, которые невозможно обеспечить с помощью стандартных элементов языка HTML, разработчики пользуются скриптовыми языками. Встраеваемые в документ обьекты придают ему динамичность, интерактивность, позволяют управлять содержимым страницы уже после её загрузки. Элемент <SCRIPT> определяет язык сценариев, который используется в текущем документе обычно это либо Java Script , либо Visual Basic Script. Он может иметь атрибуты:

Кроме того скрипты могут привязываться к определенным событиям:

Существует другой способ применения элемента <SCRIPT>, когда тэг <SCRIPT> используется совместно с закрывающим тэгом </SCRIPT>, заключая в себе инструкции сценария. Если эту конструкцию поместить в заголовке, то сценарий будет запущен еще до того как загрузится документ. Сценарии, которые должны выполняться после загрузки документа или в результате действий пользователя, помещают в соответствующие формы или гиперссылки.
Синтаксис: <SCRIPT >инструкции сценария</SCRIPT>
В случае неподдержания броузером языков сценариев инструкции сценария визуализируются на странице ввиде текста, скрыть его можно так:
Синтаксис: <SCRIPT ><!- –инструкции сценария //- – ></SCRIPT>

Элемент <OBJECT>

Элемент <OBJECT> вставляет в документ графическое изображение, видеоклип, аплет JAVA или элемент управления ActiveX. Можно сказать что он пришел на смену элементу <APPLET> т.к. с помощью последнего можно вставить только лишь аплет Java. Единый для всех объектов и модулей элемент <OBJECT> функционально замещает элемент IMG и при необходимости может расширяться. Его атрибуты:

Синтаксис: <OBJECT атрибуты>параметры и альтернативное содержание</OBJECT>

Элемент <EMBED>

Элемент <EMBED> является популярным расширением к языку HTML от Netscape пока он сам и его синтаксис не описанны в спецификации HTML 4.0, но т.к. Microsoft обеспечила некоторую поддержку этого элемента своими броузерами, то довольно часто применяется при внедрении в страницы мультимедиа содержимого и других файлов. Официально для этих целей Консорциум W3C в спецификации HTML 4,0 рекомендует применять дескриптор <OBJECT>, однако Web-мастера довольно часто используют тэги <EMBED> и </EMBED>, и в зависимости от возможностей броузера элемент обрабатывается либо броузером, либо в специально запущенном приложении.
Синтаксис: <EMBED атрибуты> </EMBED>
Элемент может поддерживать следующие атрибуты:

Пример:

<EMBED src=”file.swf” menu=true quality=high bgcolor=#000066 WIDTH=760
HEIGHT=410 TYPE=”application/x-shockwave-flash
PLUGINSPAGE=”http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash“>
</EMBED>
Exit mobile version