Лабораторная работа №20 Технология использования эффектов на Web – страницах

Цель и содержание: Освоить основные приемы работы с программой Microsoft FrontPage

Теоретическое обоснование

Изучите теоретический материал по данной теме, используя литературу [7,11].

Аппаратура и материалы. Для выполнения лабораторной работы необходим персональный компьютер, с характеристиками позволяющими установить операционную систему Windows XР, интегрированный пакет Microsoft Officе, с редактором Web – страниц FrontPage.

Указания по технике безопасности. Самостоятельно не производить: установку и удаление программного обеспечения: ремонт персонального компьютера. Соблюдать правила технической эксплуатации и техники безопасности при работе с электрооборудованием.

Методика и порядок выполнения работы

Выполните предложенные задания, обратив внимание технологию использования эффектов.

Задание 1. Вставка бегущей строки

1. В представлении Страница нажмите в нижней части окна документа кнопку Конструктор

2. Щелкните место, куда следует вставить бегущую строку, а потом введите и выделите текст, который следует представить в виде бегущей строки.

3. Меню Вставка выберите команду Веб-компонент.

4. В группе Тип компонента нажмите кнопку Динамические эффекты.

5. В группе Выбор эффекта дважды щелкните значок Бегущая строка.

6. Задайте параметры бегущей строки (рисунок 20.1). Для форматирования текста нажмите кнопку Стиль ® Формат ® Шрифт.

7. 

Рисунок 20.1 – Окно диалога Свойства бегущей строки

Задание 2 Добавление эффекта анимации элементу страницы

1. Выберите элемент, которому требуется добавить эффект анимации (например рисунок).

2. На панели инструментов Эффекты DHTML в поле Вкл укажите событие, с которого будет запускаться эффект анимации.

3. Если панель инструментов Эффекты DHTML скрыта, в меню Вид выберите команду Панели инструментов, затем — команду Настройка и установите флажок Эффекты DHTML.

4. В поле Применить выберите нужный тип эффекта.

5. В соседнем поле задайте необходимые параметры эффекта

Задание 3 Добавление на страницы меняющихся кнопок

1. В представлении Страница нажмите в нижней части окна документа кнопку Конструктор.

2. Установите курсор там, где необходимо добавить кнопку.

3. В меню Вставка выберите команду Интерактивная кнопка.

4. На вкладке Кнопка (рисунок 20.2) в списке Кнопки выберите стиль.

5. В поле Текст введите текст для отображения на кнопке.

6. Нажмите кнопку Обзор, расположенную после поля Ссылка.

Рисунок 20.2 – Окно диалога Меняющиеся кнопки

7. Найдите и выберите файл, адрес URL или адрес электронной почты, с которым нужно связать кнопку, а затем нажмите кнопку OK.

8. Для изменения свойств выделите меняющуюся кнопку и выберите в контекстном меню команду Свойства меняющейся кнопки.

9. Нажмите кнопку Другие.

10. Добавьте звуковой эффект для меняющейся кнопки. В области Воспроизведение звука выберите действие и звуковой эффект.

11. Чтобы при нажатии посетителем узла меняющейся кнопки воспроизводился звуковой эффект, рядом с полем Щелчок нажмите кнопку Обзор, найдите и щелкните звуковой файл, а затем нажмите кнопку Открыть.

12. Чтобы при наведении указателя на меняющуюся кнопку воспроизводился звуковой эффект, рядом с полем Наведение нажмите кнопку Обзор, найдите и щелкните звуковой файл, а затем нажмите кнопку Открыть.

Замечание: Так как меняющиеся кнопки, по сути являются приложениями Java, для звуковых эффектов могут использоваться только файлы в формате AU, использование файлов в форматах MIDI и WAV запрещено. Кроме того, файлы AU должны иметь следующий формат: 8-разрядные, 8000 Гц, моно, «u-law».

Задание 4. Добавление эффектов для шрифта гиперссылки

При наведении указателя на гиперссылку содержащую эффекты ее шрифт изменяется. Например, может увеличиваться размер шрифта гиперссылки, шрифт может изменяться на полужирный или красный. Однако эффекты изменения шрифта добавляются для всех гиперссылок на странице, а не для отдельных гиперссылок.

1. В представлении Страница нажмите в нижней части окна документа кнопку Конструктор.

2. Щелкните страницу правой кнопкой мыши, выберите в контекстном меню команду Свойства страницы и откройте вкладку Дополнительно.

3. В группе Стили установите флажок Включить эффекты выделения гиперссылок при наведении.

4. Нажмите кнопку Стиль выделения.

5. Задайте свойства эффектов для гиперссылок на текущей странице.

Замечания: Если на странице используется тема, добавление эффектов запрещено. Для стилей выделения гиперссылок используется язык Динамический HTML (DHTML), поэтому данное средство может не поддерживаться в некоторых веб - обозревателях.

Содержание отчета и его форма

Отчет по лабораторной работе должен содержать:

1. название работы;

2. цель лабораторной работы;

3. формулировку задания и технологию его выполнения;

4. ответы на контрольные вопросы;

5. приложение - дискету с файлами, выполненных заданий.

Контрольные вопросы:

1. Как создать меняющуюся кнопку?

2. Как создать бегущую строку?

3. Как изменить свойства кнопки?

4. Как изменить свойства бегущей строки?

5. Как настроить параметры бегущей строки?

6. Как добавить эффект анимации элементу бегущей строки?

7. Как добавить эффект для шрифта гиперссылки на странице?

Защита лабораторной работы

По результатам отчета, представленного в письменной форме, проводится собеседование, имеющее контрольные и учебные функции.