
- •Содержание
- •Предисловие
- •Правила выполнения практических работ
- •Обеспеченность занятия (средства обучения):
- •Порядок выполнения отчета по практической работе
- •Задания для практического занятия:
- •Контрольные вопросы
- •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. Вернитесь к началу фильма, щелкнув мышью на первом кадре, и раскройте панель Properties (Свойства) В открывающемся списке Tween (Расчетная анимация) панели Properties (Свойства) выберите Shape (Форма) |
|
|
2. На шкале времени между кадрами 1 и 100 появится стрелка на зеленом фоне, указывающая, что между кадрами созданы промежуточные кадры анимации |
Посмотрите анимацию, нажав клавишу Enter, и обратите внимание на то, что в промежуточных кадрах вместо плавного «перетекания» одной фигуры в другую наблюдается неразборчивое пятно.
Использование идентификаторов формы
Теперь необходимо добиться, чтобы одна фигура плавно перетекала в другую, создавая ощущение направленной анимации. Чтобы исправить положение, необходимо указать программе, каким образом точки исходного объекта должны преобразовываться в точки конечной формы. Это выполняется с помощью, так называемых, идентификаторов формы, которые отмечают точки фигуры до и после изменения е формы
1. Сделайте текущим первый кадр фильма |
|
|
2. Выберите команду меню Modify - Shape - Add Shape Hint (Модификация - Форма - Добавить идентификатор формы) или нажмите комбинацию клавиш Ctrl+Shift+H. На фигуре лошади на сцене появится начальный идентификатор - кружок с буквой «а» в центре. |
3. Перетащите идентификатор на хвост лошади |
|
|
4. Перейдите в 100 кадр и перетащите конечный идентификатор на хвост верблюда. Как только вы правильно установите конечный идентификатор, он окрасится в зеленый цвет. |
5. Перейдите в первый кадр анимации и нажмите комбинацию клавиш Ctrl+Shift+H, чтобы вставить второй начальный идентификатор в виде красного кружка с буквой b внутри |
|
|
6. Перетащите идентификатор на спину лошади |
7. Снова перейдите в 100 кадр и перетащите ответный идентификатор на горб верблюда Продолжайте работу, расставив дополнительные идентификаторы примерно так, как показано на рисунке. Проиграйте анимацию, выбрав команду меню Control - Test Movie (Управление - Тестирование фильма). Теперь фигура лошади плавно перетекает в фигуру верблюда.
Примечание
Используя идентификаторы формы, придерживайтесь таких принципов: Допускается вставка до 26 идентификаторов, которые отмечаются буквами латинского алфавита от а до z. Порядок идентификаторов в начальном и конечном ключевых кадрах должен быть одинаков. Для удаления идентификатора перетащите его за границы кадра или воспользуйтесь командой контекстного меню идентификаторов Remove Hint (Удалить идентификатор). Для удаления всех идентификаторов используйте команду меню Modify Shape Remove All Hints (Модификация Форма Удалить все идентификаторы) или такой же командой из контекстного меню идентификаторов. Для скрытия (без удаления) идентификаторов используйте команду меню View Show Shape Hints (Вид Показать идентификаторы формы) или нажмите комбинацию клавиш Ctri+Alt+H.