Цель: знакомство
с тегами HTML, обеспечивающими
работу с мультимедиа объектами, и приобретение навыков их
использования.
Краткая теория
Вставка
фоновой музыки
Для того чтобы все время, пока web-страница
находится на экране, звучала фоновая музыка, можно
воспользоваться тегом <BGSOUND>,
который должен выглядеть следующим образом:
<BGSOUND
src
= «имя звукового файла» LООР=
число повторений>
Звуковой файл, заданный атрибутом SRC,
будет автоматически загружен, после чего начнется его
воспроизведение.
Атрибут LOOP указывает,
сколько раз этот файл должен быть воспроизведен. Если
необходимо, чтобы музыка звучала все время, пока страница
находится на экране, укажите LOOP=INF1NITE.
Замечание. В качестве “фонового звука” вы можете
использовать и речевой комментарий, относящийся к тому, что
изображено на данной странице.
Вставка видеоролика
Вставить на страницу
видеоролик можно 2 способами:
1)
Используя тег <IMG>
:
<IMG
dynsrc=имя
файла с видеороликом START=
способ запуска
LOOP=число повторений>
Атрибут DYNSRC задает имя
файла с видеороликом (например, файла .avi),
является обязательным.
Атрибут START задает способ
запуска видеоролика.
START=OPENFILE
- воспроизведение ролика начнется сразу после загрузки
страницы;
START=MOUSEOVER
- воспроизведение начнется после того, как указатель
мыши будет установлен (щелчок мышью не нужен!) на
изображении, которое будет представлять собой первый кадр
видеоролика.
Атрибут LOOP задает число
повторений видеоролика.
Если ролик запускается с помощью мыши, то по завершении
проигрывания его можно запустить сначала, если снова
поместить указатель мыши на изображение.
2)
Используя тег
<Embed>:
<Embed
Src=
имя файла с видеороликом >
Атрибут SRC задает имя
файла с видеороликом, он является обязательным.
Атрибуты Width и Height
позволяют задавать ширину и высоту прямоугольной
области на экране, отведенной под воспроизведение
мультимедийного объекта.
Замечание. С помощью тега
<Embed>
можно вставить
любой мультимедиа объект: звук, анимацию.
Ссылка
на звуковой файл, видеоролик, графический файл
Гипертекстовая ссылка может указывать не на другой документ
HTML, а на звуковой или
графический файл, или видеоролик. Браузеры либо
воспроизводят такие файлы самостоятельно, либо вызывают
вспомогательные приложения, предназначенные для
воспроизведения этих
файлов.
Например:
<А HREF=VOICE1.WAV>
Комментарий </А>
При щелчке на выделенном цветом (как ссылка) слове
Комментарии начнется воспроизведение звукового файла
VOICE1.WAV
.
Замечание. Браузер распознает файлы по их
расширениям. В состав одной страницы можно включать
несколько файлов.
Графические ссылки
На
Web-страницах могут использоваться графические ссылки (то
есть, гиперссылки, представленные рисунком) и
изображения-карты, объединяющие несколько ссылок в рамках
одного изображения.
Создание графической ссылки
Для создания графической ссылки используется тег <IMG>,
его атрибут src задает графический файл, являющийся
гиперссылкой.
Пример.
<A href="Адрес_ссылки"> <IMG src="Ссылка_на_рисунок"> </a>
Атрибут alt позволяет выводить текст в тех местах
страницы, где должны располагаться рисунки. Так как загрузка
страницы может занять достаточно много времени пользователь
может быть информирован о том, какие изображения он сможет
получить, дождавшись окончательной загрузки. Это и позволяет
делать атрибут
alt="Текст"
Текст может, например
описывать рисунок, который появится на странице.
Создание изображения-карты
Тег <IMG> позволяет использовать изображения,
отдельные части которых связаны со ссылками, т.е.
изображения-карты.
Если реакцию на щелчок по карте отрабатывает браузер, то
используется атрибут usemap тега <IMG>. Этот
атрибут определяет имя карты:
usemap="#имя карты"
Пример.
<IMG SRC=" Ссылка_на_рисунок "
usemap="# имя карты "
alt="Карта">
" Ссылка_на_рисунок " – имя рисунка, который используется в
качестве карты,
"# имя карты " – имя, данное карте.
Тег <MAP> </map> позволяет описать карту. Внутри
него определяются области карты при помощи тегов <AREA>
и задается имя карты при помощи атрибута: name="Имя"
Для каждой области карты должен быть создан свой тег <
AREA>.
Тег < AREA> должен включать обязательные атрибуты:
·
href, определяющий ссылку:
href="Протокол://Адрес_ссылки"
·
shape,
определяющий форму области на карте
Существует три стандартных вида областей: круг (circle),
прямоугольник (rect) и многоугольник произвольной
формы (polygon).
Для круга необходимо задать координаты центра и
радиус (R), выраженные в пикселях. Координаты центра
отсчитываются от левого (X) и верхнего (Y) краев рисунка:
shape="circle" coords=X,Y,R
При определении прямоугольной области задают
координаты верхнего левого и правого нижнего углов
прямоугольника:
shape="rect" coords=X1,Y1, X2,Y2
Назад
Вперёд