Архитектура Аудит Военная наука Иностранные языки Медицина Металлургия Метрология
Образование Политология Производство Психология Стандартизация Технологии


Мультимедийные объекты в документе HTML



 

Широкое распространение мультимедиа пришлось на период, когда служба Word Wibe Web уже существовала, так что язык HTML не сразу приспособился к появлению на Web-страницах мультимедийных объектов. Файла аудио и видео до сих пор рассматриваются как " внешние" объекты, воспроизводимые через встроенные и вспомогательные приложения.

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

В потоковом формате в Интернете передаются радиотрансляции. Например, в России в таком формате вещает радиостанция " Серебряный дождь" (www.silver.ru)

 

Самый простой способ вставить мультимедийный объект на Web-страницу – это использовать тег гиперссылки < A>. Создать такую ссылку проще всего, и в этом случае мультимедийный файл не отвлекает читателя от остального содержимого документа HTML.

В некоторых случаях требуется внедрить звуковой или мультимедийный файл непосредственно в Web-страницу, например, для того, чтобы иметь возможность воспроизводить этот файл автоматически. В настоящее время для этой цели удобнее всего применять тег < EMBED>, хотя он, строго говоря, не входит в стандарт HTML.

Тег < EMBED> является одиночным, так что закрывающий тег не требуется. Его обязательным атрибутом является SRC=, значение которого представляет абсолютный или относительный путь поиска соответствующего файла. Возможно также использование атрибутов WIDTH= и HEIGT=, задающих размеры (ширину и высоту) прямугольной области на экране, " отведённой" под воспроизведение мультимедийного объекта.

Задание.

Создайте документ по образцу, Рис. 25. Видеоролик находится на диске Р:

 

Рис. 25 Внедрение видеофайла

 

 

Просмотрите его в броузере, Рис. 26:

 

 

Рис. 26 Просмотр странички с видеофайлом

 

Создание таблиц

Таблица – это один из наиболее удобных способов представления больших объёмов данных.

Язык HTML имеет богатейшие возможности по созданию разных видов таблиц.

1. Таблица в языке HTML начинается с тега < TABLE> и заканчивается закрывающим тегом < /TABLE>. Текст внутри таблицы должен быть заключен в специальные теги, определяющие элементы таблицы (заголовки, строки и ячейки).

2. Между тегами < TABLE> и < /TABLE> может один раз встретиться пара тегов < CAPTION> и < /CAPTION>, определяющая заголовок таблицы. Заголовок таблицы размещается непосредственно над таблицей (по умолчанию) или непосредственно под таблицей.

3. Далее следуют теги < TR> и < /TR>, определяющие строки таблицы. Закрывающий тег можно опускать, так как строка таблицы заканчивается перед началом следующей строки или вместе с таблицей.

4. Каждая строка таблицы состоит из ячеек. Ячейки помечаются либо тегами < TH>, содержащими заголовки столбцов и строк, либо тегами < TD>, содержащими обычные данные. Эти теги также являются парными, но закрывающие теги и здесь могут опускаться, так как это не вызывает разночтений.

5. Внутри ячеек могут содержаться любые данные и любые теги HTML, допустимые в разделе тела документа. Например, ячейка таблицы может содержать вложенную таблицу. Броузеры автоматически вычисляют размеры ячеек и всей таблицы, хотя эти свойства частично можно задать и при помощи атрибутов.

6. Из специфических атрибутов таблиц можно, например, указать атрибут BORDER=, который позволяет создавать рамку вокруг таблицы и вокруг отдельных ячеек. Значением этого атрибута является толщина внешней рамки в пикселях.

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

Задание.

Создайте документ по образцу, см. Рис. 27 и Рис. 28

Рис. 27 Создание таблиц

Рис. 28 Готовая страница с таблицей

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

 

 


Поделиться:



Популярное:

Последнее изменение этой страницы: 2016-05-29; Просмотров: 1263; Нарушение авторского права страницы


lektsia.com 2007 - 2024 год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! (0.011 с.)
Главная | Случайная страница | Обратная связь