вторник, 12 июня 2012 г.

Как создать музыкальную открытку.

Для создания музыкальной открытки я использовала программы Dreamweaver8 и Total Commander Grey Pack.
Допустим, надо создать открытку на тему ДЕТИ. Создадим папку, например, в диске D и озаглавим латиницей:: babi. В этой папке создадим папку для картинок, разделителей и фона и назовём её index_files. Теперь в папке babi создадим ещё файл, который назовём index.html. Для этого откроем программу Dreamweaver8 и нажмём на Файл - Новый.





В открывшемся окне нажимаем на строчки, указанные стрелками, и обращаем внимание на нужный код html:

После нажатия на Creat выходит следующее окно, в котором в окошке Title пишем название нашей открытки: Берегите детей и сохраняем её под новым именем index.html вместо Untitled-1.
Таким образом у нас в папке babi появилось две папки:
Для вставки музыки нам понадобится программа

http://flv-mp3.com
 Чтобы получить код на музыку от этой программы, нам необходимо прописать путь музыкального файла на нашем хостинге. Для этого создадим папку music и поместим в нее наш музыкальный файл, назовём, к примеру, по имени папки открытки: babi. Через Total Commander загрузим на наш сайт и напишем путь на сайте к этой папке.

 Этот путь после проверки через браузер пропишем на Модели для Сборки в окне, которое появится после нажатия на кнопку СОБРАТЬ.
Итак, вот что получилось после загрузки на сайт с помощью ftp:
Если набрать в браузере http://Ваш сайт/music/babi.mp3, то вы сможете прослушать эту музыку.
Прописываем этот путь в программу Модели Сборки:

Далее надо записать Путь к swf- файлу плеера. Затем можно на этой же вкладке внести некоторые изменения по желанию:
Скопируем и Сохраним код плеера в специальной папке:

В коде необходимо поставить ширину и длину полоски по своему усмотрению:
вместо: height="0" width=""> ставим height="40" width="80">
Итак, возвращаемся в программу Dreamweaver8 и нажмем на Файл - Открыть и берём наш файл index.html
Обратим внимание на 3 значка: Таблица, Изображение, Глобус. С помощью Глобуса будем просматривать наш результат в различных браузерах.


В поле для открытки нажмём правой кнопкой мыши и выберем в последней строке Свойства страницы. Откроется новое окно, в котором нажмем верхнюю строку Apearance:
Проведём ещё изменения. Снова правой кнопкой мыши нажимаем на рабочее поле открытки и в появившейся таблице снрва выберем  Свойства Страницы и затем  слева строку Title / Encoding. Затем заполним графы как в примере:
Затем рисуем таблицу:
После нажатия на ОК в нижней части экрана изменяем свойства таблицы:

Комментариев нет:

Отправить комментарий