- •Часть 2 Язык гипертекстовой разметки html. Расширенные возможности
- •Определение типа документа
- •Стилевое оформление сайтов
- •Создание таблицы стилей
- •Атрибут style
- •Создание специальных классов
- •Связывание и внедрение таблиц стилей
- •Свойства и стили
- •Добавление фреймов
- •Создание сайтов с помощью фреймов Понятие фрейма
- •Имена и целевые объекты фреймов
- •Вложенные фреймы
- •Использование мультимедийных элементов и jaVa-приложений Понятие мультимедиа
- •Причины использования мультимедиа
- •Типы файлов
- •Связывание или внедрение
- •Мультимедийные элементы на страницах Добавление гипермедиассылок
- •Внедрение мультимедийных элементов
- •Внедрение QuickTime
- •Формат Windows Media
- •Работа с Java
- •Java-апплеты
- •Стили сайтов: разработка, доступность и глобализация Стили сайтов
- •Базовый сайт
- •Глобализация
- •Публикация веб-сайтов
- •Поставщики услуг Интернета
- •Бесплатные серверы
- •Доступ к дисковому пространству сервера
- •Библиографический список
- •Содержание
- •Часть 2 Язык гипертекстовой разметки html. Расширенные возможности
- •620002, Екатеринбург, ул.Мира, 19
- •620002, Екатеринбург, ул.Мира, 19
Мультимедийные элементы на страницах Добавление гипермедиассылок
Гипермедиа-ссылка очень похожа на обычную гиперссылку. Однако отличие в том, что она указывает на некий файл, который нельзя просмотреть в окне браузера. Браузер должен распознать его и загрузить соответствующее вспомогательное приложение. Последнее обеспечивает вывод мультимедийного файла.
Пример:
<a href="music/beatles.mp3">Моя любимая песня Биттлз (2,4 Мб) </a>
В данном примере используется ссылка на аудиофайл в формате .mp3. Обратите внимание, что в тексте ссылки указан размер файла. Это делается для того, чтобы пользователь мог оценить, сколько времени займет перекачка файла. Работает эта ссылка так. Каждый браузер хранит список типов файлов и приложений, ассоциированных с каждым из них. Определив тип файла, браузер запускает вспомогательное приложение, которое может обработать данный тип файла. Если данному формату ничего не сопоставлено, то появится диалоговое окно, в котором браузер спросит, что делать с фалом дальше.
Внедрение мультимедийных элементов
Другой подход к включению мультимедиа в страницы – это непосредственное внедрение элементов. В общем случае внедрение означает резервирование места на странице под включаемый элемент с целью его дальнейшей обработки плагином. Последний отвечает за его воспроизведение.
Механизм работы с плагином не является совместимым со строгим XHTML. Для работы с плагинами применяется созданный компанией Netscape элемент <embed>. Если вы используете этот элемент, позаботьтесь о том, чтобы в начале вашей страницы был указан DTD для переходного XHTML.
Пример:
<embed name="movie1" src="movie1.mov" width="240" height="120"
pluginspage="http://www.apple.com/quicktime/download"> </embed>
Атрибут name удобен при работе с языком Javascript. Атрибуты width и height величину изображения. Атрибут pluginspage позволяет определить браузеру местонахождение плагина, если он не установлен на данном компьютере.
!!! Internet Explorer 5.5 и последующие его версии не имеют поддержки элемента <embed>, обязывая веб-авторов использовать элемент <object>, либо собственную технологию Microsoft под названием ActiveX.
Внедрение QuickTime
Данный элемент позволяет внедрять видео в формате QickTime.
Пример:
<embed name="NewMovie" src="newmovie1.mov" height="320" width="240"> </embed>
Фирма Apple предлагает использовать еще несколько дополнительных атрибутов, связанных с режимами проигрывания и настройки окна, в котором появляется внедренный элемент (см. табл. 6).
Пример:
<embed src="post_movie.mov" autoplay="true" controller="false" href="full_movie.mov"> </embed>
Здесь изначально загружаемый файл post_movie.mov является демонстрационным. Если пользователь хочет просмотреть видео целиком и с нормальным качеством, он может воспользоваться окном внедренного видео как гиперссылкой и перейти по ней на другой файл (full_movie.mov).
Таблица 6
Атрибуты элемента <embed> при внедрении QuickTime
Атрибут |
Рекомендуемое значение |
Назначение |
autoplay |
True |
Автоматически запускает видео |
controller |
False |
Прячет панель управления |
loop |
True |
Зацикливает видео |
volume |
0-256 |
Уровень громкости |
hidden |
true |
Скрывает видеоряд (полезно для звуковых файлов QuickTime) |
href |
url |
Создает окно ссылки, в котором проигрывается видео, как ссылку |
Для ряда браузеров, в том числе для Internet Explorer 5.5 и выше следует применять элемент <object> наряду с <embed>.
Фирма Apple рекомендует оформлять элемент <object> следующим образом:
<object classid="clsid:02BF2D5-8C17-4B23-BC80-D348ABDDC6" width="320" height="240"
codebase="http://www.apple.com/qactivex/qtplugin.cab">
<param name="src" value="movie.mov"/>
<param name="autoplay" value="true"/>
<param name="controller" value="false"/>
<embed src="movie.mov" width="320" height="240" autoplay="true"
controller="false" pluginspage="http://www.apple.com/quicktime/download/">
</embed>
</object>
