- •М 1 инистерство образования и науки республики казахстан
- •Задания по учебной практике
- •Задание 1 Создание html-документа
- •2 Выравнивание абзацев. Старый стиль
- •3 Использование языка css
- •Результат практической работы
- •2. Заголовки. Теги strong, em, span
- •Результат практической работы
- •3. Подключение внешней таблицы стилей. Отступы и обтекание
- •4. Тег Div. Вставка в html-документ изображений, их свойства и оформление
- •5. Создание и оформление гипертекстовых ссылок
- •Примерный результат практической работы
- •6. Создание шаблона сайта
- •7. Оформление таблиц с помощью css
- •Ответ к заданиям Задание 1.
- •Задание 2.
- •8. Упражнение на использование верхнего и нижнего регистров
- •9. Списки
- •Пример результата практической работы
- •Задание 2 применение javaScriptов
- •Указания к работе
- •Элементы управления
- •Элемент input
- •Элемент textarea
- •Элемент select
- •Объект document
- •Свойства объекта Document
- •Методы объекта Document
- •События
- •Объект RegExp
- •Примеры скриптов
- •Задание 3. Анимация объектов: анимация трансформации, анимация цвета. Создание анимационных фильмов приложение Macromedia Flash
- •«Анимация трансформации»
- •Готовое изображение
- •«Анимация цвета»
- •Готовое изображение
- •«Управление траекторией перемещения объекта»
- •«Движение по направляющей. Эпизод I. Часы»
- •«Движение по направляющей. Эпизод II. Мяч»
- •Готовое изображение
- •«Анимация маски»
- •«Создание символа»
- •Готовое изображение
- •VI) Создание символов. Символ кнопка (Button). Создание анимационных фильмов/
- •«Создание символа-кнопки»
- •Готовый интерактивный флеш-фильм
- •Создание интерактивных фильмов. Переход по заданному url
- •«Переход по заданному url»
- •Готовый интерактивный флеш-фильм
- •X) Создание интерактивных фильмов. Загрузка дополнительных фильмов
- •«Загрузка фильма»
- •Готовый интерактивный флеш-фильм
- •«Загрузка и выгрузка фильма»
- •Готовый интерактивный флеш-фильм
- •XI) Создание интерактивных фильмов. Сценарий для кадра. Переход по GoTo «Создание сценария для кадра»
- •Готовый интерактивный флеш-фильм
Готовое изображение
«Анимация маски»
Откройте приложение Macromedia Flash
Создайте новый фильм.
Установите цвет фона – чёрный
Импортируйте в фильм растровое изображение командой Файл ► Импорт и с помощью инструмента Свободная трансформация «подгоните» размер вставленного рисунка под размер фильма:
Щелкните правой кнопкой мыши на имени слоя, который необходимо маскировать (закрыть маской), и в контекстном меню выбрите команду Вставить слой (Insert Layer) (этот новый слой впоследствии будет служить маской).
На новом слое нарисуйте «смотровое окно» (для бинокля – в виде окуляров со шкалой). Для создания шкалы можно воспользоваться инструментом «Стирание»:
Создайте для маски анимацию движения:
В конце движения бинокля трансформируйте фоновое изображение так, чтобы бинокль приближал изображение.
Щелкните правой кнопкой мыши на имени слоя-маски и в контекстном меню выберите пункт Маска (Mask). С этого момента новый слой становится маской:
Готовое изображение сохраните в своей папке в формате *.fla
Просмотрите готовый фильм, нажав сочетание клавиш <Ctrl>+<Enter>.
Готовое изображение
«Создание анимационных фильмов»
Используя маскирующие слои, самостоятельно создате фильмы, подобные тем, которые приведены на иллюстрациях:
Символы. Создание и редактирование символов
«Создание символа»
Откройте приложение Macromedia Flash
Создайте новый фильм.
Создайте на столе какой-нибудь объект:
Выделите на столе объект (объекты), подлежащие преобразованию в символ:
В главном меню выберите команду Вставить ► Преобразовать в символ... F8:
Эту же команду можно выполнить через контекстное меню:
В открывшемся диалоговом окне Преобразовать в символ (Convert to Symbol) укажите параметры символа:
где:
-
Имя (Name)
–
имя символа, под которым он будет включен в библиотеку фильма;
Поведение (Behavior)
–
тип символа (клип, кнопка или графика);
Регистрация (Registration)
–
положение регистрационной точки символа; данное поле является интерактивным: чтобы указать положение точки, следует щелкнуть мышью на соответствующем маркере (регистрационная точка отображается черным цветом, пустые маркеры – белым).
Щелкните кнопку <ОК>; созданный символ будет автоматически добавлен в библиотеку фильма:
Сохраните проект в своей папке в формате *.fla
«Создание символа»
Откройте приложение Macromedia Flash
Откройте фильм с символом, созданный в задании 9.1
Чтобы начать редактирование символа, либо дважды щёлкните левой клавишей мыши на символе на рабочем столе:
либо дважды щёлкните левой клавишей мыши на символе в библиотеке:
Это приведёт к тому, что сивол откроется в режиме редактирования. На монтажном столе появятся слои редактируемого символа, а в текстовом поле – имя редактируемого символа:
В режиме редактирования символа, используя возможности слоёв, дорисуёте символ:
Готовое изображение сохраните в своей папке в формате *.fla
Просмотрите готовый фильм, нажав сочетание клавиш <Ctrl>+<Enter>.
