- •2. Создание и оформление web-страниц
- •2.1. Форматирование текста
- •2.2. Вставка иллюстраций
- •2.3. Создание списков
- •2.4. Создание форм
- •2.5. Вставка гипертекстовых ссылок
- •2.6. Создание таблиц
- •2.7. Создание фреймов
- •2.8. Анимация на Web-страницах
- •2. Создание адреса вашего сайта в интернете и размещение
- •3. Регистрация в поисковых системах и каталогах
- •2. Создание и оформление Web-страниц.
- •2. Создание и оформление web-страниц
- •2.1. Создание и форматирование текста
- •2.2. Добавление страницы в макет сайта. Структура навигации и разделяемые границы
- •2.3. Применение темы для оформления страниц
- •2.4. Вставка иллюстраций, звука и видео
- •2.6. Создание форм
- •2.7. Вставка ссылок
- •3.2. Просмотр Web-сайта в браузере и размещение его на Web-сервере
2.6. Создание форм
Форма - это набор полей, позволяющий собрать определенную информацию от посетителей сайта. Форма состоит из стандартных элементов пользовательского интерфейса, таких, как поля ввода, открывающиеся списки, флажки и переключатели. Обычно, заполнив форму, посетитель сайта подтверждает ввод данных нажатием на кнопку или каким-либо другим способом. После этого полученная информация сохраняется в файле или базе данных на Web-сервере для последующей обработки и анализа.
Для создания формы необходимо сначала определить, какого типа информацию требуется собирать. Это может быть, например, контактная информация, книга отзывов, поисковый запрос и др.
Для того чтобы создать форму, прежде всего, установите курсор на странице в позицию, куда будет помещена форма, и выберите в меню Вставка команду Форма -Форма). На страницу будет помещена форма (рис. 24).
В понятии FrontPage форма представляет собой прямоугольную область на странице, отделенную пунктирной линией, на которую вы можете помещать произвольный текст и поля формы, то есть стандартные элементы типа полей ввода, флажков, открывающихся списков и т.п. В новую форму автоматически включаются две кнопки:Отправить для отправки введенной информации и Сброс для очистки полей или установки исходных значений.
Установите курсор внутри формы и выберите в меню Вставка команду Форма – Текстовое поле. На форму будет помещено поле ввода текста. Ширину поля ввода текста можно изменить, двигая его за край с помощью мыши.
Щелкните правой кнопкой мыши на поле ввода и в появившемся контекстном меню выберите команду Свойства поля формы…. На экране появится диалогСвойства текстового поля (рис. 25).
В поле Имя укажите имя поля формы. Имя поля не отображается на форме, а является внутренним идентификатором, который используется при сохранении значений поля в файле или базе данных. В поле ввода Начальное значение: можно указать текст, который будет присутствовать в поле по умолчанию. Поля Ширина в знаках иЧисло строк определяют видимую область поля ввода. Нажмите кнопку ОК, чтобы закрыть диалог и сохранить изменения.
Выберите в меню Вставка команду Форма - Раскрывающийся список. На форму будет помещен раскрывающийся список. Раскрывающийся список предназначен для выбора одного или нескольких значений из списка.
Щелкните правой кнопкой мыши на открывающемся списке на форме и в появившемся контекстном меню выберите команду Свойства поля формы…. На экране появится диалог Свойства раскрывающегося списка (рис. 26). В поле Имя укажите имя поля формы. Нажмите кнопку Добавить. На экране появится диалог Добавление варианта. В поле ввода Вариант укажите название списка.
Если установить флажок Значение:, то в поле ввода под флажком можно указать значение, которое будет передаваться вместо выбранного названия. При сброшенном флажке значение эквивалентно названию элемента списка. Переключатель Начальное состояние: определяет, будет ли данный элемент выбран по умолчанию.
Нажмите кнопку ОК. Диалог Добавление варианта закроется, и введенный элемент будет добавлен в список в центральной части диалога Свойства раскрывающегося списка.
С помощью кнопок в правой части диалога можно изменять, удалять и перемещать элементы списка. Нажмите кнопку ОК, чтобы закрыть диалог Свойства раскрывающегося списка и сохранить изменения.
Установите курсор на следующую строку формы и выберите в меню Вставка команду Форма - Флажок. На форму будет помещен флажок. Флажок предназначен для выбора возможности, которая имеет два варианта: да или нет.
Введите справа от флажка его заголовок или пояснительный текст. Щелкните правой кнопкой мыши на флажке и в появившемся контекстном меню выберите командуСвойства поля формы…. На экране появится диалог Свойства флажка. В поле Имя укажите имя поля формы. В поле ввода Значение укажите значение, которое будет передаваться в качестве результата при установленном флажке, например, Да. Переключатель Initial Value Начальное состояние определяет, будет ли флажок по умолчанию установлен или снят.
Нажмите кнопку ОК, чтобы закрыть диалог Свойства флажка и сохранить изменения.
Чтобы изменить текст на кнопке Отправить, щелкните правой кнопкой мыши на кнопке и в появившемся контекстном меню выберите команду Свойства поля формы…. На экране появится диалог Свойства кнопки. Введите новый текст в поле ввода Значение или подпись и нажмите кнопку ОК.
Точно так же вы можете заменить текст на кнопке Сброс на более понятный, например, Очистить поля.
Сохраните страницу и запустите браузер, выбрав в меню Файл команду Просмотр в обозревателе. В браузере будет отображена страница с формой.
На форму можно поместить еще ряд элементов, имеющихся в меню Вставка. Чтобы выровнять элементы формы и расположить их нужным образом, можно использовать такие же приемы, как для работы с текстом: добавление символов перевода строки, установка формата абзацев, применение таблиц и команд позиционирования.
После того как посетитель сайта нажмет кнопку Отправить, необходимо получить данные из заполненной формы - результаты формы - и сохранить их для последующей обработки. В программе FrontPage существует несколько способов обработки результатов формы.
Щелкните правой кнопкой мыши в любой области формы и в появившемся контекстном меню выберите команду Свойства формы…. На экране появится диалогСвойства формы (рис. 27). С помощью группы элементов управления Сохранение результатов определяется способ сохранения результатов формы. По умолчанию установлен первый переключатель Отправка. Это значит, что полученные данные могут быть сохранены в текстовом файле, указанном в поле Имя файла, или отправлены по электронной почте по адресу, указанному в поле Адрес почты.
Нажмите кнопку Параметры. На экране появится диалог Сохранение результатов (рис. 28).
В этом диалоге можно настроить различные параметры сохранения результатов в файле или письме. На вкладке Запись результатов можно выбрать формат файла. Это может быть текстовый файл с различными видами разделителей или файл в формате HTML. Здесь же можно указать второй файл для результатов. Такая возможность удобна, например, если требуется подготовить один результат для сохранения в базе данных, а другой - для отображения на странице. На вкладке Отправка результатов по почтеможно выбрать формат письма, указать тему письма и подставить отправителя. На вкладке Страница подтверждения имеется возможность указать адрес страницы с информацией подтверждения ввода, а также адрес страницы, отображаемой при нарушении правил ввода. На вкладке Сохраняемые поля можно выборочно перечислить поля формы, которые требуется сохранить, и указать их порядок, а также включить в результат дополнительные поля: дату, время, имя удаленного компьютера, имя пользователя и тип обозревателя.
Чтобы создать форму, можно также воспользоваться готовыми шаблонами или мастером создания форм. Для этого нужно выбрать в меню Файл команду Создать -Страница и в диалоге Новая страница выбрать один из шаблонов либо выбрать мастера, который запросит необходимую информацию для создания страницы с формой.