Internet Explorer може завантажувати та відтворювати фоновий
звук, для прослуховування якого не потрібно виконувати жодних
дій. Звук зберігається у файлі. Для вставлення фонового звуку
використовують тег такого формату:
<BGSOUND SRC="URL звукового файлу" LOOP=кількість відтворень>
Атрибут LOOP може набувати значень:
• t r u e — повторення звуку доти, доки сторінка відображається
на екрані;
• f a l s e — відтворення звукового файлу один раз;
• число — кількість відтворень.
Наприклад: <BGSOUND SRC="fonzvuk.au" LOOP=3>.
У HTML-документах можна також використовувати посилання на
звукові та відеофайли, які відтворюватимуться лише у разі вибору
цих посилань. Окрім цього, є спеціальний тег для розміщення панелі
програвача на сторінці відразу після її завантаження у браузер.
Однак слід пам'ятати, що мультимедійні файли можуть бути
великими за обсягом, потребувати багато часу для завантаження,тому бажано повідомляти відвідувачів про розміри аудіо- та відео-записів, щоб вони вирішили, чи варто витрачати свій час.
|
|
Атрибут DYNSRC тегу <IMG> дає змогу вбудовувати відео у такий
спосіб: на веб-сторінці міститься картинка, після наведення на
яку вказівника миші починається відтворення відеокліпу. Ось
зразок такого тегу:
<IMG S R C = " l. j p g " DYNSRC="video.avi" START=MOUSEOVER L00P=7>
Розглянемо приклад розміпдення звукового файлу audio.wav за
допомогою тегу <EMBED>, який дає змогу розмістити на веб-сторінці спеціальну панель програвача мультимедійних файлів. Для цього використовують теги <EMBED SRC=...></EMBED>, наприклад,так:
<EMBED SRC="audio.wav"></EMBED>
Файл audio.wav у цьому прикладі має бути збережений у поточній
папці (тій самій, що й HTML-документ).
Тег <EMBED> може мати такі атрибути:
• SRC (значення — URL-адреса) — адреса кліпу;
• ALIGN (набуває значень l e f t, right, top, middle, bottom) —
вирівнювання панелі програвача щодо тексту;
• WIDTH (у пікселах) — ширина програвача;
• HEIGHT (у пікселах) — висота програвача;
• AUTOSTART (набуває значень true або false) — настроювання
автоматичного запуску після завантаження;
• REPEAT (значення true або false) — настроювання повторного
програвання;
• PLAY_LOOP — кількість повторень;
• HIDDEN (значення true або false) — показати або приховати
панель.
Інший спосіб розміщення мультимедійного об'єкта на сторінці
— це застосування більш універсального тегу <OBJECT>.
Наприклад:
<OBJECT DATA="pryklad.rap3" TYPE="audio/wav"></OBJECT>
Атрибут DATA задає URL-адресу відтворюваного файлу, атрибут
TYPE визначає його формат. Для тегу <OBJECT> можна використовувати
ще такі атрибути:
• ALIGN — вирівнювання відносно тексту;
• WIDTH — ширина;
• HEIGHT — висота;
• HSPACE — відступ по горизонталі;
|
|
• VSPACE — відступ по вертикалі.
У тегу <OBJECT> можна задати атрибут STANDBY, значення якого
(текстовий рядок) відображатиметься на екрані доти, доки не завантажиться
весь об'єкт. Наприклад, доцільно написати так:
<OBJECT DATA="l.wav" TYPE="audio/wav"
STANDBY="Ifle завантаження. Зачекайте.">
Якщо файл 1.wav має великий розмір, відвідувач побачить повідомлення
про те, що відбувається завантаження.
31. Створення графічної карти посилань.
Графічну карту посилань створюють за допомогою кількох тегів.
У тегу <IMG> визначають атрибут SRC, щоб задати зображення, і атрибут
USEMAP, значенням якого є ім'я карти (має починатися
символом #). Власне карту створюють за допомогою тегу <МАР>
з атрибутом NAME, який містить ім'я карти (визначене в атрибуті
USEMAP, але без символу #) та тегу </МАР>. Між ними записують
теги <AREA>, які задають параметри гарячих областей. При цьому
використовують такі атрибути:
• HREF — визначає гіперпосилання, пов'язане з областю;
• SHAPE — визначає форму області, його значеннями можуть
бути:
• rect — прямокутник;
• polygone або poly — багатокутник;
• c i r c l e — коло;
• COORDS — містить координати області у вигляді взятого в лапки
списку чисел, розділених комою. Для прямокутника задають
Використання зображень у веб-документах 113
чотири числа — координати верхнього лівого і правого нижнього
кутів, для багатокутника — послідовні координати кожного
кута, для кола — координати центра і радіус.
Приклад визначення карти посилань наведено нижче.
<IMG SRC="map.bmp" USEMAP="#karta">
<МАР NAME="karta">
<AREA HREF="l.html" SHAPE="rect" COORDS="70,250,160,270">
<AREA HREF="2.html" SHAPE="circle" COORDS="260,140,60">
</MAP>
Слід попрацювати над малюнком карти у графічному редакторі,
щоб окреслити необхідні області, які пізніше стануть гіперпоси-
ланнями, та визначити координати, що будуть записані як значення
атрибута COORDS.
Місце розташування будь-якої точки на малюнку визначають два
числа — її горизонтальна та вертикальна координати. Верхня ліва
точка має координати (0;0). Більшим горизонтальним координатам
відповідають правіші точки, більшим вертикальним — нижчі.