Уроки html і css, урок 8

Мета: ознайомитися зі способами установки Flash на веб-сторінку.

В результаті виконання даної лабораторної роботи у вас повинна вийти така веб-сторінка (Малюнок 8.1):

Добавленіеflash-фільму на сторінку

Dreamweaver впроваджує flash-фільм рівномірно. Можна легко вставляти та переглядати файли SWF в вікні Document. Більш того, на панелі Properties змінюються такі основні властивості, як Autoplay і Loop. При є оригінальний інсталяційний файл flash-фільму ви можете редагувати файл SWF у Flash і автоматично експортувати його в Dreamweaver.

У цій вправі ви вставите flash-фільм в область mainContent веб-сторінки.

1. Відкрийте папку Lab8 на панелі Files і двічі клацніть по файлу index-start.html, щоб відкрити його.

2. Виберіть File => Save As. Збережіть файл в папку Lab8 як index.html. Більшість веб-сайтів використовує index.html для назви головної сторінки. Ця сторінка є картою сайту (малюнок 8.2).

Заповнювач зображень Dreamweaver може залишати місце для flash-елементів, вставлених під час цього уроку.

Малюнок 8.2 - странцу index-start.html

3. Виберіть заповнювач зображень SWFPlaceholder і натисніть Delete. Файл SWF не є зображенням; заповнювач не залишив вільного місця.

4. Виберіть Insert => Media => SWF (Вставка => Медіа => SWF) (рисунок 8.3).

Малюнок 8.3 - Меню SWF

5. Якщо відобразиться діалогове вікно Select File (Вибрати файл) перейдіть в папку фільмів і виберіть hereandback.swf. Клацніть по кнопці OK.

6. У діалоговому вікні Object Tag Accessibility Attributes (Атрибути спеціальних можливостей тегів об'єктів) в поле Title (Назва) надрукуйте «Have a great vacation with Млості and Back Travel». Клацніть по кнопці ОК (рисунок 8.4).

Малюнок 8.4 - Діалогове вікно Object Tag Accessibility Attributes

Переконайтеся, що ви вибрали Autoplay (Автозапуск) на панелі Properties. щоб фільм програвався автоматично після завантаження сторінки в браузер (рисунок 8.5).

Малюнок 8.5 - Панель Properties

8. Виберіть File => Save.

Код сторінки може зажадати, щоб користувачі, які переглядають сторінку, задіяли останню версію Flash Player.


Для змісту цієї сторінки потрібно більш нова версіяAdobeFlashPlayer.

Якщо користувач відвідує ваш сайт, використовуючи старішу версію Flash Player, ніж 6.0, то він побачить повідомлення, написане в цьому блоці коду. Ви можете редагувати це повідомлення у режимі відображення Code. Щоб отримати останню версію Flash Player, відвідувач сайту може клацнути по посиланню і перейти на сторінку завантаження Adobe.

10. Клацніть по кнопці Design. щоб повернутися в режим відображення Design.

Ви додали на веб-сторінку flash-файл у форматі SWF. Файли SWF можна використовувати для чого-небудь більш об'ємного, як в даному прикладі, або дуже маленького, як кнопка меню або текст у верхній частині сторінки. Файл SWF створюється в Adobe Flash CS4 і швидко додається на нову веб-сторінку за допомогою меню Insert.

У даній вправі ви встановите на своїй сторінці формат прогресивної завантаження файлу FLV.

1. Виберіть заповнювач зображень FLVPlaceholder і натисніть Delete.

2. Виберіть Insert => Media => FLV (Вставка => Медіа => FLV).

В ході виконання даної лабораторної роботи у вас повинна полчіться веб-сторінка (рисунок 8.6)

Малюнок 8.6 - Підсумкова веб-сторінка

Дайте відповідь на контрольні питання.

контрольне завдання

  1. Підберіть матеріал для свого веб-сайту.
  2. Реалізуйте восьму сторінку свого веб-сайту.
  1. Використовуйте мінімум 1 флеш-файл на сторінці.

Схожі статті