Архитектура Аудит Военная наука Иностранные языки Медицина Металлургия Метрология Образование Политология Производство Психология Стандартизация Технологии |
Мультимедийные объекты в документе HTML ⇐ ПредыдущаяСтр 3 из 3
Широкое распространение мультимедиа пришлось на период, когда служба 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; Просмотров: 1297; Нарушение авторского права страницы