|
p align="left">usemap=”#polygons”> <MAP name=”polygons”> <AREA shape=”poly” coords=”0,0,184,0,0,59,0,0” href=”html. html”> <AREA shape=”poly” coords=”185,0,369,0,369,60,184,0” href=”css. html”> <AREA shape=”poly” coords=”185,119,369,59,369,119,185,119” href=”javascript. html”> <AREA shape=”poly” coords=”0,59,185,119,0,119,0,59” href=”dhtml. html”> <AREA shape=”poly” coords=”185,0,369,59,185,119,0,59,185,0” href=”web. html”> </MAP> Карты ссылок можно создавать и другим способом. Изображение можно рассечь на отдельные фрагменты и "склеить" его по принципу мозаики в невидимой таблице с назначением отдельным фрагментам картинки свойств гиперссылки при помощи директивы <А>. Данный прием применяется не только при создании элементов, подобных image map, но и при подготовке рисованых заголовков или полей для размещения рекламного баннера. Однако аккуратно "разрезать" изображение при помощи традиционных графических редакторов, причем так, чтобы готовая "мозаика" правильно вписывалась в таблицу, весьма трудно. Для решения этой задачи web-мастеру помогают специальные утилиты - фрагментаторы графики. 8. Мультимедиа на web-странице8.1 Озвучивание Web-страницыСуществует два способа обращения к мультимедиа-файлам: с помощью элемента привязки <А>, либо с применением специальных тегов. Элемент привязки <А>. Этот элемент предназначен для задания ссылки на другой файл (в том числе и мультимедийный). Например, <А href="http: // TravelDev. com/video/MiddleSeaAcuba. avi">Текст гиперссылки</А>После щелчка по тексту гиперссылки отобразится содержимое видеоклипа. Специальные элементы позволяют вставлять (внедрять) мультимедиа файл в содержимое Web-страницы. Мультимедийный файл загружается одновременно с содержимым всей страницы. Это элементы <IMG>, <APPLET>, <OBJECT>, <EMBED> и <BGSOUND>. Форматы аудиофайлов. Звуковые эффекты создаются с применением звуковых (аудио) файлов. Форматы звуковых файлов различаются способами записи и областями применения. Наиболее распространены форматы: AU (AUdio format, "звуковой формат", расширение. au) - стандартный формат для 8-битового звука, который является одним из старейших звуковых форматов в Internet (первоначально разработан для UNIX). Размер звуковых файлов AU относительно небольшой, однако качество звука невысокое. WAV (Waveform Audio, "звук в форме волны", расширение. wav) - стандартный формат цифрового аудио в системе Windows. MIDI (от Musical Instrument Digital Interface, "цифровой интерфейс музыкальных инструментов", имеет расширение. midi или. mid) - формат, который не связан с реальным звуком. Этот формат содержит просто запись нот, коды музыкальных инструментов и прочую информацию, по которой синтезируется музыка. МРЗ (MPEG Audio Layer 3, расширение. mp3). Формат МРЗ применительно к звуку отличается высокой степенью сжатия данных за счет некоторого ухудшения качества звука, незаметного на слух. RealAudio ("реальный звук", расширение. rа) - применяется для воспроизведения с повышенным качеством звучания. Файлы этого формата поддерживают поток звуковых данных, то есть они могут воспроизводиться по мере поступления данных, не ожидая окончания загрузки файла. Файлы перечисленных форматов являются загружаемыми, то есть для начала воспроизведения они должны быть полностью загружены. Звуковой фон (элемент BGSOUND). Подключение звукозаписи в фоновом режиме обычно применяется для приветствий или музыкального сопровождения. Как только пользователь загрузит страницу, начнется автоматическое воспроизведение фонового звука. Для подключения звукового файла в фоновом режиме применяется элемент <BGSOUND>. Формат тега: <BGSOUND src=”URL”loop=значениеvolume=значениеbalance=значение>Атрибут src задает URL-адрес звукового файла. Атрибут loop определяет, сколько раз будет воспроизводиться файл. Например, тег <BGSOUND src="music. mp3" loop=5> означает, что звуковой файл duet будет воспроизведен 5 раз. Если loop="infinite", звук будет повторяться до тех пор, пока пользователь находится на странице. Атрибут volume назначает уровень воспроизведения звука и может принимать числовые значения от - 10000 до 0. Можно только "приглушить" звучание, а увеличить уровень воспроизведения звука выше максимального уровня (значение 0) нельзя. Атрибут balance - настройка стереобаланса. Значения этого атрибута выбираются из диапазона чисел от - 10000 до 10000. Назначение любого крайнего значения (-10000 или 10000) приводит к звучанию только одного динамика. Введение тега<BGSOUND src="duet. mid" loop=infinite volume=0 balance=0>приведет к звучанию файла duet. mid с максимальным уровнем звука и нормальным стереобалансом. Звучание будет продолжаться от момента загрузки до тех пор, пока пользователь находится на данной странице. Внедрение аудио (элемент EMBED). Звуковое сопровождение в фоновом режиме лишает посетителя страницы возможности управления звуком. Управлять звуком можно, если на Web-страницу встроить аудиоплейер с помощью тега <EMBED>, который размещается в любом месте внутри элемента BODY. Формат тега: <EMBED src=”URL”width=”значение”height=”значение”autostart=”значение”hidden=”значение”title=”Всплывающая подсказка”>Атрибут src задает URL звукового файла. Атрибуты width и height устанавливают размеры панели управления проигрывателя (ширину и высоту); значения этих атрибутов указываются в пикселах или в процентах. Атрибут autostart назначает возможные варианты включения воспроизведения звука. Данный атрибут принимает значения false (включение звука пользователем) и true (автоматическое начало воспроизведения сразу после загрузки страницы). Атрибут 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=”значение”noresizemarginwidth=”значение”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") полос прокрутки в текущем фрейме.
Страницы: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11
|
