 |
Упражнение 6. Использование списков.
|
|
|
|
Во вторую форму (см. Упражнение 5) вместо флажков необходимо включить два списка. Первый представляет собой всплывающий список городов из которых можно выбрать только один город. Второй – список городов (с полосой прокрутки) из которых можно выбрать только один.
Теория:
Для создания подобных списков используется контейнер <select> </select>, который имеет следующие параметры: NAME – с этим параметром мы уже знакомы, SIZE – определяет количество видимых строк на экране (его мы рассмотрим ниже на примере).
Для указания элементов списка используется тэг <option>, который включается в контейнер списка <select>. Тэг <option> имеет следующие параметры: value – указывает, какое значение будет передано обработчику в случае выбора данного объекта из списка и selected – определяет какое значение из списка будет использоваться по умолчанию. Рассмотрим следующий пример:
<select name="city" size=1 >
<option value=1> Москва
<option value=”Уфа” selected> Уфа
<option value=3> Рига
<option value=4> Санкт-Петербург
<option value=5> Саратов
<option value=6> Липецк
</select>
1) Данный список необходимо добавить во вторую форму (см. упражнение 5).
2) Изменим функцию newprocess, добавив в нее следующую строку:
alert(""+document.forms[1].city.value);
Остальные строки данной функции закомментируем: /* */.
3) Добавим второй список, у которого содержимое контейнера не изменяется, но изменятся два параметра: имя списка – city2, параметр SIZE равен 5.
<select name="city2" size=5>
Какие изменения с точки зрения визуального представления вы наблюдаете?
4) Изменим функцию newprocess, добавив в нее следующую строку:
alert(""+document.forms[1].city2.value);
Какие сообщения мы будем получать, выбирая различные города из представленного списка. Почему?
|
|
|
Какой город используется по умолчанию? Как сменить город по умолчанию?
Попробуйте добавить в приведенный список еще несколько городов. Смените город по умолчанию.
5) Используя тэги таблицы, установите форматирование для новых встроенных объектов.
Лабораторная работа № 7
Тема «Использование Flash-технологий для создания Web-сайтов»
-
Упражнение 1 Превращение одного слова в другое
1. Создаем новый файл (File, New)
2. С помощью инструмента Text Tool создаем произвольную надпись, меняем цвет заливки, размеры, тип шрифта и т.д. (меню Text).
Можно менять параметры текста в окне Text Options(Window, Panels, Text Options).
Основное отличие Flash от остальных графических редакторов при работе с текстом, заключается в том, что есть два разных состояния текста. Текст сам по себе, т.е. просто текстовый блок, всегда доступный для редактирования, работы с языком сценариев (ActionScript) и имеющий ограниченные возможности для визуального оформления - изменение размера, цвета и наклона. И второе состояние текста, в котором по сути дела мы имеем отношение не с самим текстом, а с его графическим представлением - "разбитый текст".
3. Выделим созданный текст с помощью инструмента Arrow(чёрная стрелка).
4. Разобъем текст по буквам Modify / Break Apart [Ctrl+B].
5. Преобразуем буквы в графику Modify / Break Apart [Ctrl+B].
6. Зададим на таймелане пустой ключевой кадр, например 60 (см. рис.)
Для этого выделим 60 кадр, меню Inseart, Blank KeyFrame (F7).
7. Создадим другую произвольную надпись и разобьем ее (пп. 4,5).
8. Щелкнем правой кнопкой на первом кадре таймелайна. Проверим активизировано ли окно Frame (Panels, Frame). Найдем на нем вкладку Frame, В поле Tweening выберем Shape (превращение), зададим параметр Blend - Distributive (плавно) или Angular (жестко). При этом первые 60 кадров должны окрасится в зеленоватый цвет.
9. Просмотрим получившийся ролик (Control, Test movie). Ctrl+Enter
10. Чтобы зафиксировать на экране последнее слово, добавим в 90-м кадре еще один пустой управляющий кадр (F7). Снова посмотрим получившийся ролик.
|
|
|
11. При необходимости зададим высоту и ширину ролика (Modify, Movie). (Изменение-документ)
12. Преобразуем Flash-ролик в HTML-документ. Задаем нужные установки (File, Publish Setting, вкладка HTML, при необходимости меняем параметры, особенно расположение файла) и непосредственно преобразуем (Файл-опубликовать параметры).
13. Для просмотра HTML-документа выбрать File, Publish Preview, HTML.
|
|
|
