Файл: Informatika2013-Of2010.doc

1. Создать анимацию прямолинейного движения объекта.

2. Щелкнув по имени слоя в инспекторе свойств, можно включить флажок Orient to Path (ось анимируемого объекта будет ориентирована по направлению пути) и флажок Snap (объект будет «прилипать» к пути).

3. В контекстном меню имени слоя выполнить команду Add Motion Guide. В списке слоев появится ведущий слой, помеченный специальным значком, а имя слоя с анимацией сдвинется вправо − это признак того, что он является ведомым слоем.

4. Щелкнуть на имени ведущего слоя и с помощью любого инструмента (Pen, Pencil, Oval, Brush, Rectangle) изобразить траекторию движения объекта.

5. Выбрать инструмент ArrowTool, выделить первый кадр анимации и совместить центр анимируемого объекта с началом траектории. Выделить последний кадр анимации и совместить центр анимируемого объекта с концом линии в последнем кадре. После того как траектория будет создана, можно сделать ее невидимой, щелкнув по точке под значком «глаза».

6. Посмотреть результаты.

Маскирование слоев. Слой-маска позволяет создавать эффект отверстия, через которое «просвечивает» содержание нижележащих слоев. Маска может быть создана на основе следующих типов объектов слоя: заливки, текстового поля, графического символа. Маску можно заставить перемещаться, используя любой тип анимации. Слой-маска закрывает (маскирует) по умолчанию только тот слой, который расположен непосредственно под ним.

Чтобы маскировать слой, надо:

1. Щелкнуть правой кнопкой мыши на имени слоя, который нужно маскировать (закрыть маской), и в контекстном меню выбрать команду Insert Layer (этот новый слой впоследствии будет служить маской).

2. Поместить на слой-маску заливку или заливки, которые будут использоваться в качестве «смотровых окон» (если маска будет анимирована, то в слое должна присутствовать только одна заливка).

3. Щелкнуть правой кнопкой мыши на имени слоя-маски и в контекстном меню выбрать команду Mask (Маска). Новый слой становится маской (слева от имени слоя-маски появится соответствующий значок, имя маскируемого слоя сдвинется вправо, и возле него также появится новый значок; оба слоя будут автоматически заблокированы, т. е. появятся замки справа от имени слоя).

Создание символов. Символ – это объект, который помещается в библиотеку фильма и может быть неоднократно использован в этом же или другом ролике. Символы бывают трех типов: Graphic (Графический символ), Movie Clip (Видеоклип), Button (Кнопка). Для создания нового символа надо выполнить команду Insert / New Symbol, в диалого-вом окне ввести имя символа и указать его тип.

Разработка программ для кнопок. Кнопки позволяют управлять порядком воспроизведения фильма, они могут реагировать на различные действия мышки: наезд, нажатие и др. Состояния кнопки описываются графически, а действия, на которые реагирует кнопка, назначаются с помощью языка программирования Action Script. Чтобы создать кнопку, надо:

1. Выполнить команду Insert / New Symbol. В окне ввести имя кнопки и выбрать тип символа Button (Кнопка).

2. В режиме редактирования монтажная линейка будет состоять из четырех кадров, которые помечены как Up (обычное состояние кнопки), Over (состояние кнопки, когда мышь над ней), Down (состояние кнопки при ее нажатии) и Hit (определяет область, в которой кнопка реагирует на щелчок мышкой). С помощью инструментов рисования надо создать в первом ключевом кадре (Up) изображение кнопки.

3. Выделить второй кадр, помеченный как Over, и выбрать Insert / Keyframe. Внести необходимые изменения в изображение кнопки. Аналогично создать Down и Hit-кадры кнопки.

4. Перетащить символ-кнопку из панели библиотеки на сцену, тем самым создав экземпляр кнопки для клипа.

Чтобы назначить кнопке команду, надо щелкнуть правой клавишей мыши по экземпляру кнопки и выполнить в контекстном меню команду Actions. На открывшейся панели Actions записать программу.

Сохранение файлов и публикация Flash-роликов в Интернете. Flash-файлы сохраняются в формате *.fla с помощью команды File / Save As. Эти файлы потом можно будет редактировать в Macromedia Flash.

Для показа фильма с помощью Flаsh-проигрывателя или в сети Интернет надо его опубликовать в формате html-документа посредством команды File / Publish. При этом автоматически будет создан файл фильма *.swf и описывающий его открытие html-документ, который можно протестировать двойным щелчком по нему.

Назад

Создание html-документов

Html-документ – это текстовый файл с расширением *.html или htm. Документ может быть подготовлен в любом текстовом редакторе, например в приложении Блокнот. Информация о форматировании документа сосредоточена в его фрагментах, заключенных между символами < и >. Такой фрагмент называется тэгом.

Тэги можно вводить как большими, так и маленькими буквами. Многие тэги, помимо имени, могут содержать атрибуты − элементы, дающие дополнительную информацию о том, как браузер должен обработать текущую метку.

Тэги <hi> и <p> могут содержать дополнительный атрибут align, например: <h1 align = center> − выравнивание по центру (align = right − выравнивание по правому краю, align = left − выравнивание по левому краю).

Цвета всего документа задаются атрибутами, размещенными внутри тэга <body>. Атрибут Bgcolor определяет цвет фона документа; атрибут text – цвет текста документа; link − цвет гиперссылки; vlink − цвет ссылки на документ, который уже был просмотрен ранее; alink − цвет ссылки, когда на нее указывает курсор мыши и нажата ее правая кнопка.

Цвет кодируется последовательностью из трех пар символов. Каждая пара представляет собой шестнадцатеричное значение насыщенности заданного цвета одним из трех основных цветов (красным, зеленым и синим) в диапазоне от нуля (00) до 255 (FF). Например: bgcolor=#FFFFFF − цвет фона (здесь – белый), text=#000000 − цвет текста (здесь – черный), link=#FF0000 − цвет гипертекстовой ссылки (здесь – красный).

Сохранение Html-документа. В редакторе Блокнот после набора документа надо сохранить его, выполнив в пункте меню Файл / Сохранить как… В появившемся окне набрать имя файла с расширением *.html или *.htm, указать место сохранения и нажать кнопку Сохранить.

Просмотр Html-документов. Чтобы просмотреть результат работы, нужно перейти в браузер Internet Explorer или в любой другой браузер, выполнить команду Файл / Открыть, нажать кнопку Обзор и выбрать созданный файл.

Тэги оформления страниц. Тэг <br> используется, если надо перейти на новую строку, не прерывая абзаца. <hr>описывает горизонтальную линию. Тэг может дополнительно включать атрибуты size (определяет толщину линии в пикселях) и/или width (определяет размах линии в процентах от ширины экрана). Между тэгами <!—и --> размещаются комментарии.

Списки. Текст, расположенный между тэгами <ul> и </ul>, воспринимается как ненумерованный список. Каждый новый элемент списка следует начинать с тэга <li>, у которого нет парного закрывающего тэга. Например, чтобы создать список:

• Минск;

• Витебск;

необходим такой текст: <ul> <li>Минск; <li> Витебск; </ul>

Нумерованные списки обозначаются тэгами <ol>, например:<ol> <li> Минск; <li> Витебск; </ol>

В списках определений используются тэги<dl> </dl> и <dt> <dd>, например:

<dl>

<dt>HTML-документ

<dd> это текстовый файл с расширением *.html </dl>

Гиперссылки. В Html-документах переход от одного фрагмента текста к другому задается с помощью тэга вида: <a href="[адрес перехода]">фрагмент текста</a>

Например, чтобы организовать ссылку на другой документ, надо задать имя Html-документа, к которому нужно перейти. Например: <a href="primer1.htm">Минск</a>

Такой текст приведет к появлению в документе гиперссылки, т. е. подчеркнутого текста Минск, при нажатии мышкой на который в текущее окно будет загружен документ с именем primer1.htm. Если в адресе перехода не указано место размещения этого документа, то компьютер будет искать его в текущей папке.

Если надо дать ссылку на документ, находящийся на другом компьютере, нужно использовать тэг, например, вида: <a href="http://www.open.by/about.htm">инфо</a>

Изображения в Html-документе. В Html-документах используются графические файлы в формате *.gif или *.jpg. Для вставки изображения, например, с именем picture.gif, находящегося в той же папке, что и основной документ, надо записать: <img src="picture.gif">. Такой тэг может также включать атрибут alt = "[текст]", например: <img src="picture.gif" alt="Картинка">. Встретив такой тэг, браузер покажет на экране текст “Картинка” и начнет загружать на его место картинку из файла picture.gif. Атрибут alt может оказаться необходимым на случай, если у браузера отключена автоматическая загрузка изображений.

Чтобы поместить flash-ролик на страницу некоторого html-документа, надо предварительно в Macromedia Flash сохранить ролик в формате *.fla в нужную папку с помощью команды File / Save As. Если затем выполнить команду File / Publish, то в той же папке сохранится файл фильма в формате *.swf и автоматически будет создан описывающий его html-документ. В этом файле надо скопировать текст между тэгами <object> и </object>, включая эти тэги, и вставить в тело нужного html-документа в нужное место.

Для просмотра результата надо открыть последний html-документ в одном из браузеров двойным щелчком по нему.

Назад

Использование таблиц. Таблицы заключаются в тэги <table> и </table>. Тэг может включать несколько атрибутов: align − устанавливает расположение таблицы по отношению к полям документа (align = left, align = center, align = right); width − ширина таблицы. Ее можно задать в пикселях (например, width = 400) или в процентах от ширины страницы (например, width = 80%); border − задает ширину внешней рамки таблицы и ячеек в пикселах (например, border = 4).

Таблица может иметь заголовок (<caption> ... </caption>), хотя он не является обязательным. Этот тэг также может включать атрибут align. Допустимые значения: <caption align = top> (заголовок над таблицей) и <caption align = bottom> (заголовок под таблицей).

Каждая строка таблицы начинается с тэга <tr> и заканчивается тэгом </tr>. Он может включать атрибуты: align − устанавливает выравнивание текста в ячейках (влево, по центру, вправо); valign − задает вертикальное выравнивание текста в ячейках строки. Допустимые значения: valign = top (выравнивание по верхнему краю), valign = middle (выравнивание по центру), valign = bottom (выравнивание по нижнему краю).