Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
»V»a j I f»n»tni,n
¦''" •" ' Рис. 7.88. Панель свойств для подключаемого модуля
В поле ввода Src (Источник) на панели Свойств отображается имя звукового 'файла.
і* В поле ввода Plugin (Подключаемый модуль) на панели свойств введите имя звуко-ia вого объекта мелодия.
В окне документа увеличьте размер области, занимаемой подключаемым модулем
¦: (Рис. 7.89).
Просмотрим документ в браузере.
> Выберите команду меню File ¦ Preview in Browser • !explore (Файл ¦ Предварительный просмотр в браузере ¦ Microsoft Internet Explorer). На экране появится окно браузера, в котором будут отображаться элементы управления воспроизведением мелодии, а также будет воспроизводиться сама мелодия (Рис. 7.90).
320
Быстро и легко создаем, программируем и раскручиваем Web-сайт
iL-iil ttdtau^meAa.htiri'j
¦ *.-.*<i v>..;<<
Рис. 7.<?9. Подключаемый модуль в окне документа
\ Фл4* Пряма Bh
Чзйришкм Орлие Спрлажа
..........Mo и
IQh«--©-13 gl I р iv«. -ft***™. .0
j Адрес-1?3 СЛСа^ыЧшкАа.Мш ЕЗ Переяо*
If- ¦ ,
¦;*и,.'.Ч>ГГ,;-
. ¦ ґ Рис. 7.90. Подключаемый модуль в окне браузера
> Щелкните мышью на кнопке [х] в правом верхнем углу окна браузера, чтобы завершить работу этой программы.
Вы можете поэкспериментировать с высотой и шириной области для размещения подключаемого модуля в окне документа, каждый раз просматривая результат в браузере.
Теперь вставим в документ Flash-анимацию.;"'
> В крайнем левом открывающемся списке панели Insert (Вставка) выберите пункт Common (Общий).
> Нажмите на кнопку (? и в открывшемся списке выберите пункт [®| Flash.
> Установите указатель мыши на кнопке [®] панели Insert (Вставка).
> Нажмите и удерживайте левую кнопку мыши.
> Не отпуская левую кнопку мыши, переместите указатель мыши к окну нашей программы с документом media.htm. Указатель мыши изменится на
> Отпустите левую кнопку мыши. На экране появится диалог Select File (Выбрать файл) (Рис. 7.48). • ¦. ¦ ...
Ш
- ГЛАВА 7. Создание Web-сайта с помощью Macromedia Dreamweaver MX 321
X В открывающемся списке Папка (Save in) выберите диск С:. .J-
> В списке папок и файлов диалога Select File - (Выбрать файл) дважды щелкните мы- Гг шью на папке Сайты. .. .. ,.., _„v -?.-. у - •'If
> В списке папок и файлов щелкните мышью на анимационном файле Sputnik.swf.
В поле ввода Имя файла (File name) появится имя выбранного файла. , і
Нажмите кнопку ОК, чтобы закрыть диалог Select File (Выбрать файл). В окне с создаваемым документом появится значок программы Macromedia Flash
означаю-
щий, что нужный анимационный файл вставлен. Также на панели свойств Properties (Свойства) появятся характеристики Flash-объекта (Рис. 7.91).
С-б» С €du... 1 ClMi I Nan
Рис. 7.91. Панель свойств Flash-объектов
Для того чтобы вставить Flash-анимацию в текущее положение текстового курсора, достаточно нажать кнопку\Щна панели Common (Общий) и выбрать файл в диалоге Select File (Выбрать файл).
> Щелкните мышью на значке Щ в правом нижнем углу панели свойств Properties (Свойства), чтобы развернуть панель свойств Flash-объекта (Рис. 7.91). .
В поле ввода File (Файл) на панели свойств отображается имя анимационного файла. Поля ввода W (Ширина) и Н (Высота) определяют размеры Flash-фильма после его загрузки в
окно браузера. С помощью открывающегося списка Align (Выравнивание) можно выбрать
способ выравнивания фильма на Web-странице относительно остальных элементов.
> В поле ввода Flash на панели свойств введите название фильма спутник.
Нажмите кнопку Play (Воспроизведение) на панели свойств. В окне документа начнется проигрывание Flash-фильма: движение спутника вокруг планеты (Рис. 7.92).
> Нажмите кнопку Stop (Стоп) на панели свойств, чтобы прекратить проигрывание
фильма.
Сохраним созданный документ на диске. \v '
х Выберите команду меню File ¦ Save (Файл * Сохранить), чтобы сохранить созданную страницу на диске.
> Закройте окно программы Macromedia Dreamweaver MX 2004 с Flash-анимацией и звуком с кнопки
11 - 5967
•322
w Быстро и легко создаем, программируем и раскручиваем Web-сайт
¦ Ч
?\ Hnlitltftl Document іСиі-іи/і»
сЬооУ>[<оЬівгі#аіутнжа|
і;
' Рис. 7.92. Воспроизведение Flash-фильм .¦^ ¦'
Отметим, что для вставки в документ фильма в формате Shockwave [Щокуейв] достаточно воспользоваться кнопкой [чщ) на панели Media (Мультимедиа). - -\
Зкдісол^^о Создаем страницу с фреймами Л
"В путешествиях по Интернету можно заметить, что многие Web-страницы разделены на части, в которых показываются отдельные документы. Определенные области на Web-странице, в которых отображаются отдельные документы, называются фреймами. Страница может состоять из нескольких фреймов. Как правило, фреймы используются для разделения страницы на область навигации и область содержимого сайта. Для каждого фрейма на диске создается HTML-документ. Кроме того, еще один HTML-документ нужен для описания структуры фреймов, в котором указываются число, размеры фреймов и другая информация. Фрейм может содержать другие фреймы, т.е. фреймы могут составлять иерархическую структуру. Структура фреймов является родительским элементом по отношению к фреймам. В этом знакомстве мы расскажем, как создавать фреймы, изменять их