Асновы вэб-конструявання
2.41M
Категория: ИнтернетИнтернет

Асновы вэб-конструявання

1. Асновы вэб-конструявання

Занятак 9. Мультымедыя на вэб-старонках

2.

Фонавы гук на старонцы (браўзэр IE)
<bgsound src="music.wav" loop="1" volume="-1000" balance="0" />
Тэгі, атрыбуты і значэнні:
<Bgsound /> - вызначае фонавы HTML гук, музыку на сайце. Размяшчаецца ў сектары
<head> </ head>.
src = "" - вызначае url гукавога файла ў фармаце Wav ці Mp3.
loop = "" - вызначае колькасць прайгравання.
volume = "- 1000" - рэгулюе гучнасць гуку. У дадзеным выпадку пазначаная велічыня
будзе вылічаная з бягучага ўзроўню гучнасці, усталяванага на камп’ютары
карыстальніка.
balance = "0" - рэгулюе баланс гучання

3.

Гук на старонцы (плэер ва ўсіх браўзэрах, HTML4)
<embed src="music.mp3" autostart="true" hidden="false" loop="false" width="300" height="65"
align="bottom"> </embed>
Aтрибуты і значэнні:
autostart = "" - вызначаць ці будзе музыка
прайгравацца аўтаматычна пры адкрыцці
інтэрнэт-старонкі ці не. Магчымыя значэння:
true - так ці false - не.
loop = "" - вызначае ці будуць паўтарацца
прайгравання. Магчымыя значэння: true - так
ці false - не.
hidden = "" - вызначае ці будзе схаваная панэль
кіравання плэера Quick Time (менавіта Quick
Time патрабуюць браўзэры па змаўчанні,
акрамя
браўзэраў
Chrome,
якія
ўкамплектаваны
сваім
уласным
прайгравальнікам) ці не.
Магчымыя значэння: true - так ці false - не.
Калі не будзе, то паказваюцца памеры панэлі:
width = "" height = "".

4.

Гук на старонцы (в HTML5)
<audio src="stanislaa.mp3" controls="controls">
Aтрибуты і значэнні:
Сцяжок autoplay = "autoplay"
вызначае прайграванне музычнага
файла адразу ж пасля загрузкі
старонкі.
Сцяжок autobuffer = "autobuffer"
выкарыстоўваецца ў пары з autoplay
= "autoplay" - вызначае прайграванне
музычнага файла ўжо ў момант
загрузкі старонкі.
src = "url" - крыніца гукавога файла.
Сцяжок controls = "controls" паказвае
панэль кіравання плэерам

5.

Відэа на старонцы
<video controls="controls" autoplay="autoplay" >
<source src="mult.mp4" type="video/mp4">
<embed src="s" type="application/x-shockwave-flash" />
</video>
Пасля ўстаўкі кода:

6.

Відэа на старонцы (плэер ва ўсіх браўзэрах)

7.

Відэа на старонцы (HTML 5)
<video> <source src="URL"> </video>
Атрыбуты:
Autoplay - відэа пачынае прайгравацца аўтаматычна пасля загрузкі старонкі.
Controls - Дадае панэль кіравання да відэароліка.
Height - Задае вышыню вобласці для прайгравання відэароліка.
Loop - Паўтарае прайграванне відэа з пачатку пасля яго завяршэння.
Poster - Паказвае адрас карцінкі, якая будзе адлюстроўвацца, пакуль відэа не даступна ці не
прайграваецца.
Preload - Выкарыстоўваецца для загрузкі відэа разам з загрузкай вэб-старонкі.
Src - Паказвае шлях да прайграваных відэароліка.
Width - Задае шырыню вобласці для прайгравання відэароліка.

8.

Заданне
Зрабіце старонкі index1.html, index2.html па ўзоры. Тэкст у файле «текст для
задания.txt»
8

9.

Падказка па CSS
Сінтаксіс
padding: [значэнне | адсоткі] {1, 4}
h1.ribbon {
font-size: 28px;
background: #ba89b6;
color: #fff;
text-align: center;
padding: 1em 2em;
}
Ўласцівасць padding дазваляе задаць
велічыню поля адразу для ўсіх бакоў
элемента або вызначыць яе толькі для
названых бакоў.

10.

Падказка па CSS
td {
padding: 5px; /* Поля в ячейках */
vertical-align: top; /* Выравнивание по
верхнему краю ячеек */
}

11.

Тэматычныя сайты
http://ab-w.net/HTML5
http://htmlbook.ru/html/video
English     Русский Правила