- •Содержание
- •Предисловие
- •Правила выполнения практических работ
- •Обеспеченность занятия (средства обучения):
- •Порядок выполнения отчета по практической работе
- •Задания для практического занятия:
- •Контрольные вопросы
- •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
- •Контрольные вопросы
Анимация движения по траектории
-
Создайте новый пустой документ. Щелкнув на значке Flash Document
(Документ Flash).
Командой меню File Import Import to Stage
(Файл Импорт Импортировать сцену) импортируйте на сцену рис. Сноубордист.wmf из папки Глава 5 архива с примерами.
Снимите с рисунка выделение щелчком мышью на свободном месте сцены и удалите все элементы, кроме фигуры сноубордиста.
Выделите весь рисунок и выберите команду меню Modify Convert to Symbol
(Модификация Конвертировать в эталон).
В отобразившемся диалоге Convert to Symbol (Конвертировать в эталон) установите, если нужно, переключателе Movie Clip (Клип).
В значке возле надписи Registration (Регистрация) щелкните мышью на центральном квадратике, чтобы координаты Сноубордиста определялись по его центру
В поле Name (Имя) введите имя эталона – Сноубордист и нажмите кнопку ОК. Будет создан эталон клипа Сноубордист. и рисунок на сцене выделится синей рамкой.
Чтобы пропорционально уменьшить размеры рисунка, откройте панель Properties (Свойства) и щелкните мышью на значке замка так, чтобы он приобрел форму, в поле W (Ширине) введите значение 50 пикселов и нажмите клавишу Enter.
Selection Tool (V) (Выделение) и перетащите клип в положение слева от левого верхнего угла кадра.
Дважды щелкните
мышью в окне шкалы времени (Timeline) на имени слоя Layer 1, введите с клавиатуры: Сноубордист и нажмите, клавишу Enter. Новое имя слоя отобразится вместо старого.
Нажмите кнопку Add Motion Guide
(Добавить траекторию движения) у ле-вого нижнего края окна шкалы времени (Timeline).
Над слоем Сноубордист будет вставлен и выделен ведущий слой Guide: Сноубордист (Ведущий: Сноубордист). Нарисуем в первом кадре этого слоя траекторию, по которой будет двигаться спортсмен.
Нажмите кнопку Pencil Tool (V) (Карандаш) в секции Tool (Инструменты) панели инструментов.
Нажмите кнопку Pencil Mode (Режим карандаша) в секции Options (Параметры) панели инструментов и в появившемся кнопочном меню выберите режим Smooth (Сглаживание), чтобы включить режим сглаживания кривой.
Нарисуйте на сцене кривую линию примерно такую, как на рисунке. Постарайтесь точнее совместить начало траектории с центром клипа.
Зажмите клавишу Shift и на шкале времени последовательно щелкните мышью под отметкой 40 обоих слоев. Появятся два черных прямоугольника, отмечающие места вставки кадров.
Отпустите клавишу Shift и нажмите клавишу F6. На отметке 40 шкалы времени будут вставлены ключевые кадры, и в них скопируется содержимое первых ключевых кадров.
Выделите первый кадр слоя Сноубордист
В раскрывающемся списке Tween (Расчетная анимация) панели Properties (Свойства) выберите пункт Motion (Движение).
В элементах управления движением установите флажки Scale (Масштаб), Orient to path (Ориентировать по траектории) и Snap (Привязка).
Выделите ключевой кадр 40 слоя Сноубордист и перетащите клип в конечную точку траектории так, чтобы его центр совпал с правым концом кривой.
Перейдите в вкладку Window Toolbars Main на Главной панели
Выделите клип и на панели инструментов Main (Главная) нажмите кнопку Scale (Масштаб).
Перетащите угловой маркер на клипе так, чтобы увеличить размеры изображения примерно вдвое.
На панели инструментов Main (Главная) нажмите кнопку Ratate and Skew (Вращение и наклон) и поверните клип против часовой стрелки, направив сноуборд по касательной к траектории.
Перейдите в первый кадр анимации и нажмите клавишу Еnter, чтобы проиграть анимацию. Если все сделано правильно, клип будет перемещаться по траектории, создавая впечатление спуска с трамплина.
