- •Лабораторная работа № 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
2.3 Плавное изменение формы объекта (морфинг)
Создать новый фильм. Нарисовать в первом ключевом кадре квадрат, оформить его линейной градиентной заливкой (внизу окна палитры расположены примеры градиентной заливки). Отредактировать заливку с помощью панели Цветовой микшер (Окна ► Кадр ► Цветовой микшер) в виде перехода слева направо от темного к светлому цвету. Преобразовать фигуру в графический символ (F8). Создать второй ключевой кадр (например, в позиции 25),удалить квадрат во втором кадре и нарисовать шар. Затем с помощью панели Цветовой микшер отредактировать заливку в виде перехода слева направо от светлого к темному цвету и переместить полученный объект. Выделить промежуточный кадр. Выбрать в списке Tween значение Форма. В списке Ease (Ускорение) установить значение от 1 до 100. чтобы скорость изменений уменьшалась, или от - 1 до -100, чтобы скорость увеличивалась. В списке Смеш. можно выбрать Дистрибутивный для гладких фигур или Угловой для имеющих углы. В первом и затем в последнем кадрах последовательно выделить фигуру и применить к ней команду Изменить ► По частям. Появится стрелка между ключевыми кадрами, отмеченная красным флажком, линейка кадров окрасится зеленоватым цветом - это означает, что анимация превращения создана. Протестировать клип.
2.4 Узловые точки
Создать в первом кадре нового ролика текстовое поле (кнопка «А» на панели инструментов), написать в поле цифру «1». Установить цвет цифры, например, синий. С помощью команды меню Текст ►Размер установить размер - 96. Отметить на шкале времени 25-ый кадр (при скорости 12 кадров в секунду превращение произойдет за две секунды), сделать его ключевым. В этом 25-м кадре цифру «1» заменить на «2», изменить ее цвет. Для промежуточного кадра на панели Свойства в списке Tween выбрать Форма. В первом и затем в последнем кадрах последовательно выделить цифру и применить к ней команду Изменить ► По частям. Затем в первом кадре выделить цифру «1» и применить к ней команду Изменить ► Фигура ► Добавить совет формы - на цифре «1» появится узловая точка а, то же самое автоматически произойдет и с цифрой «2» в последнем кадре. На цифре «1» узловую точку поместить на «нос» цифры, а цифре «2»- на «хвостик». Трансформация фигур произойдет таким образом, что точка а единицы перейдет в точку а двойки. Протестировать ролик. Можно также добавить вторую узловую точку b, разместив ее в разных положениях на цифрах и понаблюдать, как изменится в этом случае анимация превращения. Вместо текста можно использовать любой рисунок.
2.5 Создание кнопки
В новом ролике вставить символ (Вставить ► Новый символ). В диалоговом окне Создать новый символ установить тип Кнопка (Button), назвать knopka. Установится режим редактирования символа - центр рабочей области будет отмечен крестиком. На линейке для кнопки всего четыре кадра: Над (Up), Над (Over), Вниз (Down) и Нажатие (Hit). Данные кадры предназначены для управления видом кнопки в зависимости от действий пользователя. Когда указатель мыши пользователя не наведен на кнопку, кнопка отображается так, как определено в кадре Над (Up). Когда пользователь наводит на кнопку указатель мыши - указатель превращается в «руку» - начинается отображение кадра Над (Over). Когда пользователь нажимает кнопку мыши, отображается кадр Низ (Down). Кадр Нажатие (Hit) никогда не отображается, но очень важен, поскольку именно он определяет область действия кнопки (рисунок 7).
Рисунок 7 Линейка времени для кнопки
В центре рабочей области кадра Над (Up) (она отмечена крестиком +) нарисовать кнопку в виде прямоугольника или окружности и оформить ее запивкой. Выделить фигуру, преобразовать в символ (F8). Обязательно совместить центр фигуры с центром рабочего поля. При этом данный кадр автоматически станет ключевым.
Перейти в кадр Над (Over), нажав кнопку F6. В этом кадре изменить цвет заливки фигуры. Затем перейти в кадр Вниз (F6). Здесь следует уменьшить размер кнопки с помощью команды Изменить ► Трансформировать ► Масштаб, можно также изменить и цвет кнопки. Следить, чтобы центр фигуры был совмещен с центром рабочей области. Содержимое кадра Нажатие считается по умолчанию совпадающим с предыдущим кадром Вниз. Простейшая кнопка создана. Теперь следует перейти в окно редактирования клипа, щелкнув мышью на ссылке Сцена над Монтажным столом. При этом кнопка автоматически сохранится в библиотеке редактируемого клипа. Открыть окно библиотеки клипа (Окно ► Библиотека). Из списка созданных символов, расположенного в нижней части окна, переместить кнопку на рабочее поле. Выполнить команду Управление ► Тестовая сцена. В окне тестирования проявится кнопка. При наведении на нее мыши она изменит свой цвет, а при нажатии кнопки еще и уменьшится (рисунок 8).
Рисунок 8 Кнопка
Чтобы кнопка «действовала» по всей своей площади, а не только когда указатель мыши приближается к середине кнопки, следует скопировать в кадр Нажатие содержимое кадра Над (Up). Выполнить копирование и протестировать ролик.
2.6 Выполнить индивидуальные задания для самостоятельной работы (п. 6) по указанию преподавателя. Протестировать и продемонстрировать преподавателю. Сохранить как Flash-документ (Файл ► Сохранить). Сохранить в папке с файлами своего сайта, созданного на предыдущих занятиях. Затем сохранить как публикацию (Файл ► Опубликовать).
2.7 На страницу меню добавить гиперссылку на документ с фильмом.