Mультимедиа на web-странице

 

Здесь нужно просмотреть видеоролики: Что такое HTML5? и Тег <video> в HTML5

Здесь нужно познакомиться с размещением мультимедиа на web-страницах

 

Везде вместо ФИО должны быть ваши собственные Фамилия Имя Отчество!

Экранная копия активного окна создается одновременным нажатием клавиш: Alt + PrntScr

 

 

  1. Создать папку Web-Фамилия

  2. Выполнить тест, заполнить модули "Посмотрели? Отчитайтесь..." и  сохранить тестовую страницу (на которой должен отображаться блок с результатом!)  в папке Web-фамилия как pdf-файл под именем Фамилия-тест (как сохранить: здесь).

  3. В папке  Web-фамилия разместить:

  • видеоролик Фамилия.mp4 полученный на основе видеофайла Т.wmv из  архива (продолжительностью 10-15 секунд, который открывается вашим портретом).

  • файл Фамилия.mp3, полученный на основе видеофайла Т.wmv из  архива,

  • файл Фамилия-tit.swf (переименованый kmp-tit.swf из того же архива).

  1. Познакомиться с образцовым кодом страницы samрle

  2. В каталоге Web-фамилия создать веб-страничку под именем Web-ФИО и разместить на ней видеофайл в вариантах:

  • видео, запускается при открытии страницы, без панели управления, с размером кадра 200 на 100, непрерывно повторяющееся

  • видео, с панелью управления, с размером кадра 100 на 50, которое предваряется до запуска Вашим портретом.

  1.  Разместить на Web-ФИО аудио с фоновым звуком из файла Фамилия.mp3 и flash-игрой "Морские титаны" (ролик Фамилия-tit.swf).

  2. Для умных! Сохранить в каталоге Web-фамилия страничку с HTML5-анимацией под именем Web2-ФИО и отредактировать ее код таким образом, чтобы в разных браузерах отображался различный цвет  объектов анимации (солнца, луны, неба, тучи...). Руководство по редактированию анимации здесь.

  3. Ввести свои ФИО в контейнер <title></title> и сохранить отредактированную страничку Web2-ФИО!

  4. Распаковать в своей папке архив с простой CSS-анимаций, познакомиться с кодом CSS-файла (style.css) и кодом HTML-странички (index.htm). Отредактировать код страницы index ее в соответствии с заданием (подписью под правым рисунком должны быть Ваши Имя и Фамилия), ввести свои ФИО в контейнер <title></title>, сохранить страницу.

  5. Открыть страничку с игрой TETRIS. Наигравшись, скопировать ее в  каталог Web-фамилия. Изучить код страницы, заменить в названии слово Фамилия на свою Фамилию. Определить размер файла с игрой.

  6. Подготовить электронное письмо (тема вида: №группы-ФИО-Web) вложив в него архив каталога Web-фамилия.

  7. Написать в письме размер файла с игрой тетрис и отзыв о работе (строго по 6 номинациям)  и отослать письмо преподавателю.