- •Лабораторная работа № 1 Создание документов html в текстовом процессоре ms Word
- •1.2 Создание web-страницы в текстовом процессоре Word
- •1.2.1 Способы создания web-страниц
- •1.2.2 Присвоение названия web-странице
- •1.2.3 Добавление горизонтальной линии на web-страницу
- •1.2.4 Создание списков на web-страницах
- •1.2.5 Добавление цвета и текстуры фона
- •1.2.6 Темы
- •1.2.7 Добавление бегущей строки на web-страницу
- •1.2.8 Работа с рисунками на web-страницах
- •1.2.9 Создание гиперссылок
- •Для изменения гиперссылки следует щелкнуть по изменяемой гиперссылке правой кнопкой мыши и выбрать в контекстном меню команду Гиперссылка ► Изменить гиперссылку.
- •1.2.10 Рамки (фреймы)
- •1.2.11 Предварительный просмотр web-страницы в процессе редактирования
- •2.1 Выполнение примера на создание личной web-страницы
- •2.2 Создание web-узла
- •2.3 Добавление гиперссылки
- •2.4 Выполнение индивидуального задания
- •3 Контрольные вопросы
- •4 Задания для самостоятельного выполнения
- •Проектирование wеb-сайтов средствами ms FrontPage
- •1 Общие сведения
- •1.2 Создание, сохранение и открытие web-страницы
- •1.3 Создание страницы с фреймами
- •1.4 Использование таблиц для структурирования информации
- •1.5 Работа с рисунками
- •1.6 Создание формы обратной связи
- •1.7 Создание гиперссылки
- •1.8 Элементы оформления web-страниц
- •1.8.1 Темы
- •1.8.2 Горизонтальная линия
- •1.8.3 Создание бегущей строки
- •2 Порядок выполнения работы
- •2.1 Создание и оформление web-узла.
- •3 Оформить отчет.
- •4 Вопросы для самоконтроля знаний
- •5 Задания для самостоятельного выполнения
- •5 Варианты заданий для самостоятельного выполнения
- •Лабораторная работа № 3 Создание анимации в программе Macromedia Flash
- •1 Общие сведения
- •1.1 Описание технологии Flash
- •1.2 Рабочая среда Macromedia Flash 8
- •1.3 Инструменты
- •1.4 Параметры инструментов рисования
- •1.5 Flash-символы и библиотеки
- •1.6 Способы создания анимации
- •1.7 Кадры и слои
- •1.8 Направляющий слой (слой траектории)
- •1.9 Тестирование и публикация клипа
- •2 Порядок выполнения работы
- •2.1 Создание анимации движения с помощью автоматического заполнения кадров
- •2.2 Движение по заданной траектории с вращением объекта
- •2.3 Плавное изменение формы объекта (морфинг)
- •2.4 Узловые точки
- •2.5 Создание кнопки
- •3 Требования к оформлению отчета
- •4 Вопросы для самоконтроля знаний
- •5 Задания для самостоятельного выполнения
- •Приложение а
- •Продолжение приложения а к части 1
1.7 Кадры и слои
В Macromedia Flash существуют кадры двух типов - ключевые кадры (keyframes) и обычные кадры. Ключевые кадры независимы друг от друга и могут содержать любое изображение. Обычные кадры содержат в себе то же изображение, что и предыдущий ключевой кадр. На шкале времени ключевые кадры обозначаются небольшим черным кружком внутри рамки, за исключением режима Предварительный просмотр (Preview), в котором в этих кадрах, видно уменьшенное изображение. Заключительный кадр в цепочке обычных кадров обозначается маленьким белым прямоугольником. Непустые кадры закрашиваются серым цветом, пустые остаются белыми. Чтобы кадр сделать ключевым, нужно его выделить и нажать клавишу F6. Первый кадр слоя является ключевым по умолчанию. В левой части временной линейки (рисунок 4) приведены названия слоев и их атрибуты. А в правой части обозначены пронумерованные кадры ролика. На шкале времени расположен красный прямоугольник, которым всегда выделен текущий кадр. Содержимое текущего кадра отображается в рабочей области окна.
Рисунок 4 Линейка времени
Слои можно сравнить с совокупностью изображений, нарисованных на прозрачной бумаге и наложенных друг на друга. При этом нижние слои просвечивают сквозь верхние листы, но в тех местах, где на верхних листах имеется изображение, оно закроет собой нижнее. Текущий слой, в котором осуществляется изменение изображения, выделен черным цветом и изображением карандаша. В рабочей области вес слои одновременно доступны для редактирования, то есть, чтобы изменить какой-либо объект, следует щелкнуть на нем мышью. Для облегчения работы слоям можно давать любые имена (в том числе на русском языке). По умолчанию слои имеют стандартные имена Слой 1 (Layer 1) и т.д.
Дважды щелкнув мышью на имени слоя, его можно изменить. Слои накладываются друг на друга в том же порядке, в каком они расположены в списке на шкале времени. Слой, расположенный в списке первым, является самым верхним. Изменить порядок слоев в списке можно, перетаскивая мышью их названия.
Для создания нового слоя необходимо щелкнуть на кнопке Вставить слой , находящейся непосредственно под списком слоев. Новый слой по умолчанию располагается над текущим. Чтобы удалить слой, следует выделить его и щелкнуть на кнопке Удалить слой . Справа от названия слоя в три столбца расположены условные знаки. Левый столбец (с изображением глаза) позволяет временно отключить изображение слоя. Щелчок мыши на изображении глаза над столбцом делает невидимыми все слои одновременно. Повторный щелчок делает все слои видимыми. В невидимый слой невозможно внести какие-либо изменения.
Второй столбец, обозначенный сверху кнопкой , предназначен для защиты от случайных изменений в слое. При щелчке наточке в этой колонке соответствующий слой «запирается» и в него невозможно внести изменения, но остается видимым. Щелчок мыши на данной кнопке в заголовке столбца «запирает» (или, наоборот, «отпирает») вес слои сразу. Третий столбец, обозначенный кнопкой , предназначен для вывода слоев в виде контуров. Закрашенный квадрат означает, что слой отображается как обычно, а пустой - что все объекты слоя отображаются в виде контуров.