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

 

 

  1. Познакомиться на странице с языковыми средствами внедрения интерактивного мультимедийного контента на web-страницах

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

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

  4. С помощью html-редактора MS FrontPage cоздать в папке Web-фамилия html-документ (веб-страничку) под именем Web-ФИО:

  • заполнить метаданные страницы (Ваше оригинальное название, Ваше описание, ключевые слова и Ваши Фамилия Имя Отчество): см. в MS FrontPage: Файл / Свойства / Общие

  • Выставить правильные язык и кодировку: см. в MS FrontPage: Файл / Свойства / Язык

    Примечание:  К сожалению русифицированный MS FrontPage часто по умолчанию выставляет Западноевропейский Windows, что приводит к переводу текста на русском в кракозябры (см. Кракозябры и не забывайте про возможность выполнения работы с wiki не только в Википедии, но и в других вики-проектах (вплоть до http://lurkmore.to/)
    Поэтому обязательно в любой вашей странице с кириллицей нужно выставлять соответствующую кодировку: либо Windows-1251, либо UFT-8
    Для параметра "язык" можно оставить "не определен"

  1. Используя MS FrontPage в режиме "С разделением" (смена режимов: в нижней левой части в нижней части окна программы, см. рисунок), создать на страничке  Web-ФИО Таблицу, причем:

  • Таблица должна быть аккуратной, читабельной, просто красивой и иметь следующую структуру: 3 столбца (первый - нумерация, второй - вопросы, третий - ответы), 9 строк (первая строка - заголовки: №п/п, Вопросы Фамилия, Ответы Фамилия)

  • Границы и заливки таблицы и ячеек Вы выбираете сами (фон должен быть контрастен к цвету шрифта)

  • Таблица должна быть центрирована на странице и занимать 80% ее ширины.

  • Текст должен располагаться на 5 пикселей от границ ячеек (Формат / Абзац / Отступы...) и быть контрастным фону

  • В представлении Код Вы наблюдаете за автогенерацией кода создавая Таблицу в Конструкторе с помощью панели инструментов Таблица (установка : Сервис/Настройка/флажок Таблицы) и окон Свойства Таблицы и Свойства Ячейки (вызываемых из контекстного меню).

  • Таблица будет заполняться Вами по мере выполнения работы Вашими вопросами и вашими ответами по теме.

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

  • видеоролик Фамилия.mp4 (переименованный Multimedia.mp4 из  архива).

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

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

  2.  Открыть в редакторе (например, MS FrontPage) Web-ФИО и разместить на ней видеофайл так что:

  • видео имеет панель управления,

  • видео имеет размер кадра 200 на 100,

  • видео предваряется до запуска картинкой с Вашим подписанным фотопортретом

Примечание:  Ваш портрет не нужно размещать на странице, он должен быть интегрирован с видео и отображаться в плеере. Замена портрета рисунком исключена!

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

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

  3. Скопировать архив с игрой Арканоид (написан исключительно на JavaScript), определить размер архива с игрой. Распаковать, запустить игру. Изучить код.

  4. Разместить на своей странице  виджет переводчика ImTranslator (см. модуль Виджет переводчика на странице ). Установить (редактируя код) русский интерфейс и начальную пару переводов Русский-Английский (или Русский-немецкий). В результате Окно переводчика (см. рис окна) с интерактивными элеметами должно располагаться на вашей странице.
     Сохранить страницу и проверить работоспособность виджета.

  5. Поработать над дизайном своей страницы (нужно красиво расположить все элементы, по крайней мере разнести из в пространстве разделив с помощью вставки в код пустых абзацев (<P></P>)

  6. Отослать преподавателю письмо с архивом каталога Web-фамилия, отзывом и указанием времени (затраченного на работу)

kmp