Смекни!
smekni.com

Специализированные языки разметки документов HTML (стр. 12 из 16)

Атрибут hidden используется для управления отображением панели проигрывателя. Значение true этого атрибута задает воспроизведение звука без отображения панели проигрывателя, а значение false – вывод панели на экран.

Атрибут title служит для задания всплывающей подсказки.

8.2 Внедрение видео

Форматы видеофайлов:

MPEG ( Moving Picture Expert Group – "группа экспертов по движущимся изображениям", расширение. mpg или. mpeg ) – предназначен для сжатия как аудио-, так и видеофайлов. Этот формат обеспечивает высокое качество и является своего рода стандартом в цифровом видео. Однако файлы этого формата имеют большой размер, и работать с ними трудно.

AVI ( Audio Video Interleaved – "перемежающиеся аудио и видео", имеет расширение. avi ) – применяется в системе Windows для хранения и воспроизведения аудио - и видеоданных.

QuickTime (имеет расширения. mov или. qt ) – наиболее популярный видеоформат, разработанный компанией Apple . Этот формат не требует длительной загрузки по сети, обеспечен множеством модулей.

Внедрение видео (элемент EMBED ). Простейшим способом размещения видео является использование тега <EMBED>. Форма его записи, атрибуты и допустимые значения атрибутов такие же, как и в случае вставки аудиофайлов. Например,

< EMBED src =" flyover . avi ">

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

8.3 Использование элемента IMG по воспроизведению видео. При просмотре страницы в Internet Explorer для вставки видеоклипа можно воспользоваться элементом < IMG >. Для этого вместо атрибута src в тег <IMG> нужно подставить атрибут dynsrc , значением которого является URL видеофайла.

< IMG dynsrc =" flyover . avi ">

При внедрении видео с помощью элемента < IMG > панель управления проигрывателя на экран не выводится (по умолчанию).

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

start – определяет момент начала включения клипа. Если присвоить этому атрибуту значение fileopen , воспроизведение начнется сразу после загрузки видеофайла. Если присвоить значение start =" mouseover ", видео будет запущено при наведении на изображение указателя мыши;

loop – задает число воспроизведений видеофайла. Если значение этого атрибута равно infinite (или - 1), видео будет циклически повторяться все время, пока пользователь находится на странице;

loopdelay – устанавливает время задержки (в миллисекундах) перед началом воспроизведения;

controls – управляет отображением панели проигрывателя (по умолчанию панель управления не отображается).

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

<А href =” speed . avi ”>

< IMG src =” ski . gif ”

title =”Для просмотра щелкните по пиктограмме”>

</А>

9. Фреймы

9.1 Формат задания фреймовой структуры

Фреймы – способ организации структуры сайта, при котором web-страница дробится на ряд отдельных составляющих и "собирается" в главном окне браузера из нескольких независимых или вложенных окон. При таком представлении каждый компонент страницы является самостоятельным документом HTML и встраивается в ту область экрана, которая задается директивой < FRAMESET >. Данный способ применяется в основном для дробления web-страницы на логические разделы: например, в верхнем фрейме выводится рекламный баннер, в левом – элементы навигации, в правом – основной текст страницы, в нижнем – сообщение об авторских правах и адрес электронной почты разработчика ресурса. При этом нажатие на любую из навигационных кнопок приводит к изменению содержимого лишь одного окна, все остальные фреймы остаются без изменений. Если содержимое фрейма не умещается в видимые границы окна, броузер отображает полосы прокрутки.

В случае применения фреймов в индексном html-файле ( index . html ) раздел < BODY > заменяется на раздел < FRAMESET >. Все остальные документы, отображаемые в отдельных фреймах, имеют стандартное представление.

Структура html -документа, содержащего фреймы:

<HTML>

<HEAD>

<TITLE>

Заголовок

</TITLE>

</HEAD>

<FRAMESET rows=” значение ”

cols=” значение ”

frameborder=” значение ”

border=” значение ”

bordercolor=” значение ”>

<FRAME name=” имя ”

target=” значение ”

scrolling=”yes, no или auto”

src=”URL”

frameborder=” значение ”

noresize

marginwidth=” значение ”

marginheight =”значение”>

< NOFRAMES >

Текст, отображаемый в броузерах,

не поддерживающих фреймы.

</ NOFRAMES >

</ FRAMESET >

</ HTML >

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

Атрибут тега < FRAMESET >:

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

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

frameborder определяет границы фреймов. Параметр этого атрибута может принимать одно из двух значений: 1, если разделители нужны (используется по умолчанию), или 0, если программист желает сделать их невидимыми.

border указывает толщину разделителей в пикселах.

bordercolor определяет цвет разделителей.

Параметры атрибутов rows и cols можно задавать в пикселах, процентах и в относительных длинах. Если атрибут rows в теге < FRAMESET > не указан, каждый столбец будет занимать всю длину страницы, если не указан атрибут cols , каждая строка растянется на всю видимую ширину экрана. Параметры фреймов задаются слева направо для горизонтальных элементов и сверху вниз для вертикальных. Например, запись < FRAMESET cols ="50%, 50%"> разделит страницу вертикально на две равные части, запись < FRAMESET rows ="250, 10%, *"> задаст горизонтальное разделение страницы на три участка: первый – с фиксированной высотой 250 пикселов, второй – высотой в 10% от оставшегося пространства, третий же займет все пространство, которое останется свободным после создания первых двух окон. Разделения web-страницы на сетку 2х3 ячейки можно добиться, например, применением следующих значений атрибутов директивы < FRAMESET >:

<FRAMESET rows="40%, 60%"

cols="33%, 34%, *">.

Атрибуты тега <FRAME>:

name – задает уникальное имя для данного конкретного фрейма, набранное с использованием символов латинского алфавита.

target – содержит информацию о целевом фрейме (значение по умолчанию – "со ntents "). Целевые фреймы для отображения документов можно назначать не только в зависимости от их позиции в окне броузера. Целевой фрейм определяется дополнительными значениями атрибута: _ blank – устанавливает загрузку документа в новое окно; _ self – документ, с которым установлена гиперсвязь, открывается в текущем фрейме; _ parent – отображение осуществляется в родительском окне фреймов, если текущий фрейм не имеет предков, то в текущем окне; _ top – при активизации гиперссылки фреймы перестают отображаться, а содержимое целевого документа выводится в отдельном окне.

scrolling – определяет наличие (" yes "), отсутствие (" n о") или отображение по мере необходимости (" auto ") полос прокрутки в текущем фрейме.

src – задает адрес открываемой в данном фрейме страницы.

frameborder – определяет границы фреймов и аналогичен соответствующему атрибуту тега < FRAMESET >

noresize – устанавливает запрет на изменение пользователем размеров окна фрейма.

marginwidth определяет размер в пикселах пустого пространства, оставляемого во фрейме в качестве правого и левого полей.

marginheight задает верхний и нижний отступы.

Директива < NOFRAMES > позволяет записать произвольное количество html-кода, который будет динамически преобразован в самостоятельную web-страницу в случае, если клиентский броузер не поддерживает фреймы.

9.2 Целевые фреймы и элементы привязки

При активизации ссылки выполняется загрузка страницы в определенный фрейм, который называется целевым. Целевому фрейму нужно присвоить уникальное имя с помощью атрибута name тега < FRAME >.

Представление гиперссылок для страниц, использующих фреймы, также требует обязательного использования атрибута target :

<А href =" URL "

target =”значение”>

Текст или элемент IMG

</ A >

Если вместо значения атрибута target подставить имя фрейма, заданное в качестве параметра атрибута name тега < FRAME >, при активизации ссылки целевой документ загружается в окне с указанным именем.

9.3 Базовый фрейм

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

Фрейм, в который производится загрузка по гиперссылкам, называется базовым фреймом. Он задается значением атрибута target в одиночном теге < BASE >. То есть, задание базового фрейма позволяет только один раз в документе указать конкретный фрейм загрузки ссылок, а не записывать его в каждом элементе привязки.

9.4 Плавающие фреймы

Используются для размещения в обычном HTML -документе (в пределах элемента < BODY >) можно с помощью элемента IFRAME . Фреймы, создаваемые этими элементами, называются плавающими. Задание плавающего фрейма аналогично вставке обычного рисунка.

Формат задания плавающего фрейма:

< IFRAMEname =”значение”

src =” URL ”

width =”значение”