Модуль 2.3. Персональное медиавещание (18 ч.)

Урок 1   Урок 2   Урок 3   Урок 4

Урок 4. Музыкальный сайт (HTML5, Notepad++)

В этом уроке мы поговорим о такой синтетической онлайн-форме медиавещания, как музыкальный сайт, который может содержать в себе немало музыкальных модулей (электронные ноты, цифровые тексты о музыке, аудиозаписи, видеозаписи и пр.), а также вариантов персонального вещания, рассмотренных ранее (слайд-презентация, скринкаст, подкаст, бродкаст). Заметим, что учебный предмет "информатика" не обращается к категории искусства. Соответственно знаний, полученных на нём, недостаточно для создателя музыкального сайта, который должен учитывать медиатехнологии, связанные с совместным функционированием на экране электронного текста, графики, анимации, аудио и видео, то есть информативно и художественно формировать весь этот мультимедийный контент. Конечно, сегодня сайт может создаваться в специальных бесплатных онлайн-конструкторах и располагаться на бесплатных хостингах, например, в Google Sites. Этот более простой вариант веб-дизайна максимально связан с шаблонностью.

Попробуйте создать персональный сайт на платформе Google Sites. Воспользуйтесь пошаговым описанием >>>
Обратите внимание на феномен навигации по сайту (внутренние гиперссылки): навигационное меню должно быть крайне простым и отображаться на всех страницах вашего сайта. Так же обратите внимание на возможность просматривать и изменять html-коды страниц в онлайн-редакторе (<HTML>), так как далее мы остановимся на этих кодах чуть подробнее.
В качестве примера ознакомьтесь с сайтом Веб-школы музыки MEDIAMUS, созданном на данном ресурсе >>>

Второй вариант — авторское программирование персонального сайта на языке HTML5 (HyperText Markup Language, версия 5). Данный несложный язык (гипертекст) сообщает веб-браузерам, как интерпретировать цифровую информацию той или иной страницы. Удобным, простым и функциональным редактором веб-страниц является свободная программа Notepad++. Используя её, мы рассмотрим основы структуры сайта и основы языков программирования.

Скачайте и установите на свой компьютер текстовый редактор кодов Notepad++ >>>
Скачайте справочник по HTML >>>, а также воспользуйтесь открытыми онлайн-справочниками под редакцией Влада Мержевича >>>

1. Структура страницы сайта. Для начала работы в программе в меню "Опции" подменю "Настройки" выберите кодировку для новых файлов, установив UTF-8:

Notepad++

. . .

для доступа к полной версии модуля

Оплатить

Все материалы являются интеллектуальной собственностью Общества с ограниченной ответственностью "Медиамузыка" и запрещены к незаконному воспроизведению (в том числе цифровому) на территории мира. Согласно действующему законодательству штраф за незаконное использование интеллектуальной собственности может достигать суммы, эквивалентной 5 млн. рублей.