close

Вход

Забыли?

вход по аккаунту

?

Урок видео на веб-страницах

код для вставки
основы веб-дизайна
Спецкурс «Основы веб-дизайна»
учебное пособие А. Г. Пасечник и др
Тема:
Использование HTML для воспроизведения видеофайлов на
веб-странице
1
ученик объясняет
- Понятие тега и атрибутов тега для вставки видео на странице;
- Понятие тега и атрибутов тега для вставки музыки на странице;
- Синтаксис тега и атрибутов тега для вставки видео;
- Синтаксис тега и атрибутов тега для вставки музыки
-Алгоритм описания мультимедиа на странице;
описывает
- Синтаксис тега и атрибутов тега для вставки видео;
- Синтаксис тега и атрибутов тега для вставки музыки ;
маркировки;
- Порядок вложения тегов
- Область действия атрибутов тегов для задания параметров видео и музыки в
гипертекстовом документе;
Презентация мультимедиа.pptx
План урока
1. Организационный этап
2. Актуализация опорных знаний. Эвристическая беседа
3. Изучение нового материала (мини-лекция) с примерами веб-страниц и презентацией.
4. Усвоение новых знаний и формирование новых навыков в создании списков в документах.
Практическое задание
5. Итоги урока. Домашнее задание
Организационный этап
Приветствие учащихся, перекличка
Актуализация опорных знаний. Эвристическая беседа
1. Какие форматы аудио файлов вы знаете?
2. Какие форматы видео файлов вы знаете?
3. Какие виды нумерации списков вам известны?
4. Какие виды маркировки списков вам известны?
Изучение нового материала (мини-лекция) с примерами веб-страниц и
презентацией.
Многие начинающие веб-строители узнав о том, что на веб-страницах можно
использовать музыку, и что специально для них дядя Билл придумал тег - <bgsound>,
начинают его применять направо и налево, чтобы при входе на их "крутой" сайт играла
музыка. Если Вам на минуточку показалось, что и Ваш сайт настолько крут, что может
встретить посетителей фоновой музыкой, тогда запоминайте, а лучше записывайте самый
простой способ установки музыки на сайт:
<bgsound src="music.mid" loop="1" balance”"-5000" volume="0">
Параметры
balance - Управляет балансом звука между правой и левой колонками.
loop - Устанавливает, сколько раз проигрывать музыкальный файл.
Спецкурс «Основы веб-дизайна»
учебное пособие А. Г. Пасечник и др
src - Путь к музыкальному файлу.
volume - Задает громкость звучания музыки.
Размещать тег <bgsound ...> надо в заголовке документа, между тегами head.
Предупреждение: тег - <bgsound> не одобряется стандартами W3C, а это значит, что
такая страница не пройдет валидацию.
Валидный способ вставки музыки на сайт
<object type='application/x-mplayer2' data='music.mp3' width='300' height='70'>
< param name='FileName' value='music.mp3'>
< param name='autoplay' value='true или false'>
< /object>
2
При этом способе вставки музыки на веб-страницу, музыку при желании можно
отключить, а вот включается она сама, потому, что атрибуты true и false работают только
в самом лучшем браузере всех времен - Internet Explorer.
<
<
<
<
object type='application/x-mplayer2' data='music.mp3' width='300' height='70'>
param name='FileName' value='music.mp3'>
param name='autoplay' value='true или false'>
/object>
Поэтому мы рекомендуем - либо использовать специальные проигрыватели в которых
заложена функция включить/выключить, либо давать ссылки на страницы с музыкой,
заранее предупреждая посетителя о последствиях, например, так:
<a href="#null" ONCLICK="window.open('music.html','','Width=320,Height=110');">музыка</a>
Web Player для прослушивания музыки на сайте
Отличным способом для прослушивания музыки в Интернете являются многочисленные
плееры сделанные во флэше. Один их них - WebPlayer, при установке которого посетитель
вашего сайта будет иметь возможность, как включать, так и выключать музыку, тогда
когда ему это понадобится.
Если высоту плеера указать в 16 пикселей, то выглядеть он будет так:
Чтобы использовать такой плеер на своем сайте, для начала скачайте WebPlayer, потом
загрузите его на сайт, а на нужной странице сайта вставьте такой html-код:
<object data="webplayer.swf" type="application/x-shockwave-flash" width="240" height="64">
< param name="movie" value="webplayer.swf">
< param name="menu" value="false">
< param name="scale" value="noscale">
< param name="bgcolor" value="#FFFFFF">
< param name="flashvars" value="src=music-file.mp3&amp;autostart=no&amp;loop=no">< /object>
Спецкурс «Основы веб-дизайна»
учебное пособие А. Г. Пасечник и др
Усвоение новых знаний и формирование новых навыков в создании списков в
документах. Практическое задание
Добавить к своей странице:
• Видеоролик
• Добавить музыкальную композицию
Итоги урока.
Домашнее задание: стр.119-126 повторить
3
Автор
ovsianik
Документ
Категория
Образование
Просмотров
39
Размер файла
478 Кб
Теги
видео, веб-дизайн, html
1/--страниц
Пожаловаться на содержимое документа