
- •Содержание
- •Предисловие
- •Правила выполнения практических работ
- •Обеспеченность занятия (средства обучения):
- •Порядок выполнения отчета по практической работе
- •Задания для практического занятия:
- •Контрольные вопросы
- •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. Создайте новый документ и командой меню File - Import - Import to Stage (Файл -Импорт - Импортировать на сцену) импортируйте в фильм рисунок Пароход, wmf |
|
|
2. Снимите с рисунка выделение, щелкнут мышью в стороне от рисунка |
3. Выделите нижнюю волну и удалите ее, нажав клавишу Delete. |
|
|
4. Выделите оставшуюся волну и оттащите ее вниз так, чтобы она не загораживала СУДНО.
5. Выделите «дым» из трубы парохода и перетащите его немного вверх. |
|
6. Нарисуйте рамку выделения инструментом Selection Tool (Выделение) вокруг парохода, чтобы полностью выделить все объекты, из которых составлено изображение. |
7. Выберите команду меню Group (Модификация - Сгруппировать). Объекты, составляющие пароход, будут собраны в одну группу, облегчая тем самым работу. |
|
|
8. Выделите изображение волны и кыберите команду меню Modify - Convert to Symbol (Модификация - Конвертировать в эталон). |
9. В отобразившемся диалоге Convert to Symbol (Конвертировать в эталон) установите переключатель Movie Clip (Клип), введите имя клипа - Волна и нажмите КНОПКУ ОК. |
|
|
10. Поочередно выделите изображения парохода и дыма из трубы и точно так же преобразуйте их в эталоны типа Movie Clip (Клип) с именами Пароход и Дым. |
11. Нажав кнопку Save (Сохранить) на панели инструментов Main (Главная) и сохраните фильм под именем Пароход. |
|
Создание анимации волны
1. Дважды щелкните мышью на экземпляре клипа Волна на сцене фильма. Вы перейдете в окно редактирования клипа. Не снимая выделения с изображения волны, выберите команду меню Modify - Ungroup (Модификация - Разгруппировать). Рисунок волны покроется точечным узором. |
|
|
2. На шкале времени клипа Волна создайте два ключевых кадра на отметках 25 и 70. Щелкните мышью на кадре 25, чтобы выделить все его содержимое (волну).
|
4. Выберите команду меню Modify - Transform - Flip Vertical (Модификация - Преобразование - Отразить по вертикали). В кадре 25 появится зеркальное изображение волны. |
|
|
5. Выделите первый кадр анимации и на панели Properties (Свойства) в раскрывающемся списке Tween (Расчетная анимация) выберите пункт Shape (Форма).
|
6. На шкале времени перейдите в 25-й кадр и повторите предыдущую операцию. На шкале времени появятся стрелки на зеленом фоне, отмечающие анимацию формы.
|
|
7. Проиграйте анимацию, нажав клавишу Enter. Как можно видеть, форма волны в промежуточных кадрах искажена, и, чтобы поправить дело, мы должны применить идентификаторы формы.
8. Увеличьте масштаб отображения до 400% и, выбирая команду' меню Modify - Shape - Add Shape Hint (Модификация - Форма - Добавить идентификатор формы) или нажимая комбинацию клавиш Ctrl-rShift+H, расставьте модификаторы формы между кадрами 1 и 25 примерно так, как на рисунке. |
|
9. Перейдите к кадру 25 и точно так же расставьте модификаторы формы между фигурами в кадрах 25 и 70.
|
|
|
10. Нажмите кнопку Save (Сохранить) на панели инструментов Main (Главная), чтобы сохранить фильм.
|