Инструментальные средства интерактивного взаимодействия пользователя с электронным изданием

Использование интерактивных возможностей и анимации.

Для привлечения интереса посетителей к создаваемому Web-сайту или Web-странице широко используются интерактивность и анимация. С их помощью достигаются большая наглядность представления материала и динамическая иллюстрация обсуждаемых процессов в развитии.

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

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

В среде Dreamweaver существует несколько возможностей придания интерактивности электронным изданиям и использования в них средств анимации.

Можно использовать линии поведения для выполнения определенных действий в ответ на те или иные события. Например, при организации навигации можно визуально показать выделение кнопки при воздействии на нее курсором мыши.

Для создания анимаций используется специальная функция Timelines. Она не требует внедрения объектов (plugins), элементов управления ActiveX или Java-апплетов. Timelines используют динамический (dynamic) HTML для изменения местоположения слоя или исходного файла изображения с течением времени или вызова линии поведения после загрузки страницы.

В то же время можно использовать Java-апплеты, Shockwave и Flash Player ролики, любые элементы управления ActiveX или Netscape-plugins для внедрения в электронное издание анимационных роликов, интерактивных схем навигации и других мультимедийных элементов.

HTML-формы - это особый вид гипертекстового документа, предназначенный для организации интерактивного взаимодействия в электронных изданиях. Именно с помощью формы мы общаемся с поисковым сервером, начиная поиск нужных материалов (документов) для работы, учебы или развлечения. Эту форму мы получаем с сервера и в специальном ее окне задаем параметры для поиска, например выражение в виде набора ключевых слов, т. е. тех слов, которые, по нашему мнению, наиболее важные и существенные в искомом документе. Таким образом, HTML-форма является средством пересылки данных от удаленного пользователя (клиента) к Web-серверу.

В языке HTML для задания форм используется теги <FORM> и </FORM>. Этот контейнер размещается внутри тела HTML-документа, причем таких контейнеров может быть несколько, но вложений их один в другой не допускается. Тег <FORM> может содержать несколько параметров, а именно ACTION, METHOD, ENCTYPE. Некоторые браузеры поддерживают и другие параметры, помимо перечисленных трех стандартных. Первый из параметров задает адрес (URL) CGI-программы, которая будет обрабатывать данные этой формы. Это единственный обязательный параметр тега <FORM>.

Создание форм

Формы служат для организации интерактивного взаимодействия с электронным изданием и сбора информации о посетителях Web-сервера (сайта).

Создание форм базируется, с одной стороны, на исходном тексте HTML, описывающем элементы формы (например, поля, метки, кнопки и т.д.), и на сценариях или приложениях, обрабатывающих представленную на рассмотрение информацию (типа сценария CGI).

Macromedia Dreamweaver обеспечивает создание ряда элементов формы: типа текстовых полей, полей пароля, радиокнопок, переключателей, всплывающих меню и поля изображений (типа кнопки Submit). Dreamweaver используется также для проверки правильности поведения формы.

Объекты формы. В пакете Dreamweaver элементы формы называются объектами формы. В этой программной среде можно вставлять объекты формы, используя панель форм палитры объектов, или с помощью команд Insert/Form (Вставка/Форма) и Insert/Form Object (Вставка/Объекты формы).

Фактически операции с формой используются для введения в HTML-документ тега (управляющего элемента) <Form>…</Form> (рис. 9.46). В дальнейшем форма должна приобрести физический смысл в виде конкретного объекта или элемента формы.

Поля ввода. Используются три типа полей: текстовые поля, поля файла и скрытые поля. В созданных полях можно устанавливать длину поля, число строк, число символов в строке. Для задания атрибутов полей ввода служит панель контроллера свойств.

Создание карты изображения

Под картой изображения понимается изображение, которое может быть разделено на некоторые области («активные»), каждая из них по щелчку курсором мыши вызывает тот или иной фрагмент HTML-документа или новую страницу. В Web-публикациях, как правило, используются клиентские карты изображения.

В процессе их создания используется панель контроллера свойств изображения (см. рис. 9. 33).

Клиентские карты изображений сохраняют информацию о гиперссылках в самом HTML-документе.

Подобные карты изображений могут находиться и на Web-сервере - серверные карты изображений, однако клиентские карты способны обеспечить более высокое быстродействие в режиме интерактивного взаимодействия пользователя с Web-публикациями.

С клиентскими картами изображений работают практически все браузеры: Netscape Navigator, NCSA Mosaic, Microsoft Internet Explorer.

Пакет Dreamweaver способен работать как с клиентскими, так и с серверными картами изображений.

Дата добавления: 2015-08-09