
- •Содержание
- •Предисловие
- •Правила выполнения практических работ
- •Обеспеченность занятия (средства обучения):
- •Порядок выполнения отчета по практической работе
- •Задания для практического занятия:
- •Контрольные вопросы
- •1. Выбор критериев при оценке сайтов
- •2. Составление списка сайтов
- •3. Выставление критериев
- •4. Оценка результатов и выводы
- •Задания для практического занятия:
- •Контрольные вопросы
- •Подстановки
- •Задания для практического занятия:
- •Вариант 1
- •Вариант 2
- •Вариант 3
- •Вариант 4
- •Вариант 5
- •1. Общая структура
- •2. Атрибуты
- •3. Регистр записи команд
- •4. Escape-последовательности (подстановки)
- •5. Перевод строки, пробелы, табуляция
- •6. Комментарии
- •7. Общие рекомендации
- •8. Цветовые спецификации
- •9. Базовые теги разметки гипертекста
- •12. Заголовки
- •Задания для практического занятия:
- •Подстановки
- •Задания для практического занятия:
- •Виды тегов:
- •Подстановки
- •Задания для практического занятия: Размещение таблиц на html-странице. Форматирование текста в таблице
- •В таблице могут использоваться следующие способы выравнивания:
- •2.2 Размещение таблиц на html-странице. Форматирование ячеек таблицы
- •Форматирование заднего фона таблиц, рядов и ячеек:
- •2.3 Размещение таблиц на html-странице. Объединение ячеек таблицы
- •Объединение ячеек таблицы:
- •Контрольные вопросы
- •Практическое занятие 7-8 «Дополнительные элементы языка html для форматирования web-страниц»
- •Образовательные результаты, заявленные во фгос третьего поколения:
- •Виды тегов:
- •Подстановки
- •Задания для практического занятия:
- •Коллекция горизонтальных линий
- •Escape-поcледовательности
- •Физические и логические стили
- •Образец технического задания на разработку web-сайта Техническое задание на разработку Веб-сайта
- •Подписи Сторон:
- •Задания для практического занятия:
- •Задания для практического занятия:
- •Контрольные вопросы
- •1. Семейства шрифтов font-family
- •4. Оформление текста text-decoration. Значения: подчеркивание (underline), надчеркивание (overline), зачеркивание (line-through), нет подчеркивания (попе).
- •1. Цвет элемента color — цвет элемента в модели rgb или по стандартным названиям цветов.
- •Отступы.
- •1. Выравнивание text-align — выравнивание абзаца относительно страницы или ячейки таблицы. Значения: по левому краю (left), по центру (center), по правому краю (right), по ширине (justify).
- •Задание для практического занятия:
- •Простейшая анимация
- •Дополнительные кадры анимации
- •Анимация размеров клипа
- •Создание анимации имитирующие приближение локомотива к зрителю
- •Настойка плавности анимации
- •Применение цветового эффекта
- •Анимация фильтра Glow (Свечение) и его настройка
- •Применение фильтра Blur (Размытие)
- •Озвучивание анимации
- •Задания для практического занятия:
- •Контрольные вопросы
- •Анимация движения по траектории
- •Настройте плавность анимации
- •Вложенные клипы
- •Озвучивание анимации
- •Вставка фонового рисунка
- •Создание второй сцены
- •Создание анимации и применение фильтра
- •Озвучивание второй сцены
- •Создание анимации формы
- •Использование идентификаторов формы
- •Создание анимации плывущего парохода
- •Создание анимации волны
- •Имитация наката волн
- •Имитация качки парохода на волнах
- •Сборка анимации
- •Задания для практического занятия:
- •1. Введение
- •2. Сведения об ошибках
- •Сообщение об ошибке
- •Исправление ошибок
- •3. Дата и время
- •4. Команда onMouseOver
- •Разбор скрипта
- •Другие свойства
- •5. Обработчики событий
- •Команды и эффекты
- •Задания для практического занятия:
- •Типовые виды сайтов
- •Задания для практического занятия: Вариант 1
- •Вариант 2
- •Контрольные вопросы
Задания для практического занятия:
1. Создайте анимацию движения, имитирующей отскоки мячика от пола.
2. Создайте анимацию, имитирующие приближение локомотива к зрителю, с применением в фильме настройки плавности, цветового эффекта, фильтров размытие и свечения, а также озвучьте анимацию.
Контрольные вопросы
1. Как создается ключевой кадр?
2. Какая команда приводит к преобразованию рисованных объектов в эталоны графического типа?
3. Какие два вида синхронизации звукового сопровождения фильма использует приложение Macromedia Flash?
4. Сколько и какие методы событийной синхронизации звука использует Macromedia Flash?
5. Какие фильтры вы применяли для создания анимации?
Практическая работа № 17
«Создание анимации с использованием готовых анимационных эффектов»
Цель работы: научиться использовать готовые анимационные эффекты и применять их к тексту, формам, группам, растровым изображениям, а также экземплярам эталонов в Macromedia Flash.
Образовательные результаты, заявленные во ФГОС третьего поколения:
Студент должен
уметь:
- создавать элементы графического изображения;
- редактировать готовые изображения;
- применять технологии продвижения web-услуг.
знать:
- основные виды компьютерной графики;
- методы создания и обработки двухмерных и трехмерных изображений;
- приемы подготовки графики для web-приложений;
- технологии продвижения web-услуг.
Краткие теоретические и учебно-методические материалы по теме практической работы
Встроенные анимационные эффекты
В версию Flash 8 встроено несколько готовых анимационных эффектов, позволяющих легко и быстро встраивать в фильмы достаточно сложные анимации. Эти эффекты применимы к тексту, формам, группам, растровым изображениям, а также экземплярам эталонов. Эффект, примененный к экземпляру клипа, встраивается в сам клип. Все встроенные эффекты помещены в подменю Insert Timeline Effects (Вставить Анимационные эффекты) и разделены на три категории - Assistants (Помощники), Effects (Эффекты) и Transition/Transform (Переход/Трансформация).
|
Выберите команду меню File New (Файл Новый).
|
|
В открывшемся диалоге New Document (Новый документ) щелкните на ярлыке вкладки Templates (Шаблоны).
|
-
В категории шаблонов Advertising
(Реклама) выберите шаблон самого популярного Web-баннера 468x60 (Banner) (468x60 (Баннер)) и нажмите кнопку ОК.
На экране появится заготовка баннера пустой документ Flash 8 с размерами сцены 468x60 пикселов.
На панели инструментов выберите инструмент Text Tool (Текст)
В настройках инструмента Text Tool (Текст) на панели Properties (Свойства) выберите шрифт Times New Roman
с кеглем 45 пунктов, прочие параметры можно оставить такими, как есть.
-
Перейдите на сцену и введите текст Издательство 100 книг.
Выберите в меню команду Insert Timeline Effects Transition/Transform Transition
(ВставитьАнимационные эффектыПереход/Трансформация Переход).
Появится диалог
Transition (Переход), в котором справа
будет демонстрироваться
анимированная надпись, а слева
находятся элементы управления
эффектом
Чтобы анимация быстрее проигрывалась вначале, перетащите ползунковый регулятор Motion Ease (Плавность движений) влево и нажмите кнопку ОК.
Примечание:
Эффект будет применен к текстовой надписи/а сама она будет преобразована в графический эталон. Кроме того, слою, на котором вы ввели надпись, будет присвоено имя Transition 1 (Переход 1) и в слой будет вставлено столько кадров, сколько Вы указали в поле Effect Duration Длительность эффекта) при настройке эффекта.
Сохраните документ под именем Баннер, нажав File Save (ФайлСохранить)
Просмотрите баннер, нажав клавишу Enter.
К объекту можно применить только один эффект. Если он вам надоест, эффект можно легко удалить, либо отредактировать. Далее, для примера, мы отредактируем, а затем и вовсе удалим только что созданный эффект
Не отменяя выделения текста, выберите
в меню команду Modify Timeline Effects Edit Effect
(Модификация Анимационные эффекты Редактировать эффект).
В открывшемся диалоге Transition (Переход) сбросьте флажок Wipe (Вытеснение) и нажмите кнопку Update Preview (Обновить просмотр).
Характер эффекта изменится - надпись Издательство 100 книг будет постепенно проявляться, а затем исчезать.
Нажмите кнопку ОК, чтобы применить эффект.
На сцене фильма выделите, если нужно текст Издательство 100 книг и выберите в меню команду Modify Timeline Effects Remove Effect
(Модификация Анимационные эффекты Удалить эффект).
Эффект будет удален - исчезнут добавленные кадры, слою возвращено исходное имя, и на сцене останется простая текстовая надпись Издательство 100 книг
На панели инструментов Edit (Редактирование) отмените удаление эффекта, нажав кнопку Undo (Отменить)
Сохраните документ, нажав кнопку Save (Сохранить) на панели File (Файл).
Попробуйте применить другие эффекты, встроенные в программу Flash. Несомненно, некоторые из них вам понравятся, и вы найдете им место в своих фильмах.