Создание формы обратной связи

Формы – это области страницы, в которые пользователь может вводить информацию. Они могут включать различные элементы: поля для ввода данных, списки вариантов ответов, наборы переключателей, а также кнопки, предназначенные для отправки результатов ввода данных на сервер и для очистки полей ввода.

Элементы форм бывают нескольких видов, некоторые из них:

· поле (One Line TextBox) - строка для ввода данных произвольного типа;

· текстовое поле (Scrolling TextBox) – поле ввода данных с полосой прокрутки;

· раскрывающийся список (Drop-Down menu);

· флажок (Check Box).

Для создания форм необходимо выполнить команду Вставка4Форма, затем выбрать из списка нужный элемент формы. Он будет вставлен на страницу, при этом автоматически создается форма, в которую включается элемент. Пунктирная линия обозначает границы формы, которые можно изменить при помощи мыши. По умолчанию новая форма содержит кнопки Отправить (Submit) и Сброс (Reset). Sub­mit отправляет содержимое формы на сервер, Reset – очищает поля формы, чтобы посетитель мог заново начать ввод данных в нее.

 

Создание гиперссылки

После того, как все страницы будущего web-сайта созданы, необходимо организовать перемещение по ним, используя гиперссылки и закладки. Гиперссылки являются основным средством перехода на другие web-страницы или web-узлы и представляют собой связь между элементом страницы (текстом или рисунком) и некоторым объектом или адресом, на который указывает ссыл­ка. Ссылка может указывать на другую страницу этого же сайта, на другую область той же страницы, на страницу другого сайта в Интернете, на адрес электронной почты, на файл или приложение. При активизации ссылки (обычно щелчком мыши на ней) происходит загрузка связанной с этой ссылкой страницы, открытие файла или запуск приложения.

Для создания гиперссылки в режиме редактирования страницы (Normal), следует выделить текст или графический объект, который будет использоваться как гиперссылка, и выполнить команду Вставка4Гиперссылка. Появится диалоговое окно Добавление гиперссылки. В списке файлов в центральной области диалогового окна нужно указать название страницы, на которую будет осуществляться переход, гиперссылка будет выделена цветом и подчеркиванием.

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

Для проверки работоспособности ссы­лок можно перейти в режим просмотра или, не выходя из режима редактирования и удерживая клавишу Сtrl, щелкать на ссылках левой кнопкой мыши.

 

Элементы оформления web-страниц

Чтобы придать web-сайту более цельный, эстетически привлекательный и одновре­менно более профессиональный вид, желательно придерживаться единого подхода при оформлении страниц, т.е. соблюдать определенную цветовую гамму и стиль. Для облегчения этой задачи в программе FrontPage используются темы.

 

Темы

Тема - это определенный набор элементов оформления и цветовых схем, ко­торые можно применить к страницам. Для этого нужно выбрать команду Формат4Тема. Просмотрев список тем, следует выбрать одну из них, чтобы применить к страницам web-сайта.

 

Горизонтальная линия

Чтобы разделить текст на отдельные секции, например, для выделения отдель­ных тематических фрагментов, на web-страницах часто используют горизонталь­ную разделительную линию.

Для вставки горизонтальной линии надо установить курсор на строку между участками разделяемого текста, затем выбрать команду Вставка4Горизонтальная линия. На страницу будет вставлена горизонтальная линия.

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

 

Создание бегущей строки

Чтобы привлечь внимание к фрагменту текста или заголовку, можно придать ему эффект бегущей строки. Для этого нужно выделить текст, затем выполнить команду Встав­ка 4Веб-компонент 4Бегущая строка. Появится окно Свойства бегущей строки, в которомпри помощи специальных переключателей задать одну из установок Поведение 4(Прокрутка, Сдвиг, Одновременно). Прокрутка – движение строки по кругу, Сдвиг - движение строки в пределах web-страницы при ее загрузке, Одновременно - движение строки в пределах поля в обе стороны. В поле Скорость 4 Задержка можно установить значение для изменения скорости движения строки. В поле Направление - можно установить направление движения строки слева направо или справа налево. В поле Повторы, сняв флажок, можно установить количество повторов движения строки.

 

Порядок выполнения работы