Первый сайт с FrontPage

Выравнивание пола |



Глава 22 Создание форм


    Глава 22 Создание форм
    Глава 22 Создание форм Шаблоны и мастера для создания форм Редактирование объектов формы и определение их свойств Свойства формы Самостоятельная разработка формы...
    Шаблоны и мастера для создания...
    Шаблоны и мастера для создания форм Во всех предыдущих главах мы рассматривали размещение на Web-страницах информации, предназначенной для ознакомления посетителей с определенными сведениями. Одна...
    Рис. 22.1. Диалоговое окно Шаблоны...
    Рис. 22.1. Диалоговое окно Шаблоны страниц, содержащее шаблоны и мастера для создания формы В табл. 22.1 представлен список шаблонов и мастеров форм, предоставляемых программой FrontPage. Таблица...
    Создание формы с помощью мастера
    Создание формы с помощью мастера В списке шаблонов форм, предлагаемых программой FrontPage, присутствует мастер создания формы для опроса посетителей. Рассмотрим его работу. Чтобы создать форму с...
    Рис. 22.2. Диалоговое окно для формирования списка вопросов
    Рис. 22.2. Диалоговое окно для формирования списка вопросов 7. В верхней части открывшегося диалогового окна содержится список тем, по которым можно формировать вопросы. Щелкните мышью на требуемо...
    Рис. 22.3. Диалоговое окно для...
    Рис. 22.3. Диалоговое окно для выбора темы, по которой будет формироваться вопрос 8. Следующее диалоговое окно (рис. 22.4) предназначено для выбора полей, размещаемых в форме по сформированному во...
    Рис. 22.4. Диалоговое окно для формирования списка полей
    Рис. 22.4. Диалоговое окно для формирования списка полей 9. На следующем шаге мастера открывается диалоговое окно, показанное ранее на рис. 22.2. Только теперь оно в списке вопросов содержит первы...
    Рис. 22.5. Диалоговое окно, содержащее...
    Рис. 22.5. Диалоговое окно, содержащее параметры для оформления формы Переключатель Выберите способ представления списка вопросов (How should the list of questions be presented) содержит опции, по...
    Замечание
    Замечание Если для выравнивания объектов используются таблицы, то в оформлении формы можно применять любые удобные шрифты. Завершив установку необходимых параметров, перейдите к следующему шагу в...
    Рис. 22.6. Диалоговое окно для...
    Рис. 22.6. Диалоговое окно для указания того, где сохранять вводимые данные Установите одну из следующих опций: сохранить результаты в виде веб-страницы (save results to a web page) сохранить резу...
    Редактирование объектов формы и определение их свойств
    Редактирование объектов формы и определение их свойств На рис. 22.7 представлена созданная с помощью мастера форма. Рассмотрим, какого типа объекты в ней размешены и что нужно делать для изменения...
    Текстовые объекты
    Текстовые объекты Форма, как и любая Web-страница, содержит текст. Это — заголовок страницы, сформулированные вами вопросы, надписи к размешенным в форме объектам. Для форматирования текста, разме...
    Настройка объектов, размещенных в форме
    Настройка объектов, размещенных в форме Помимо текстовой информации, форма содержит объекты, предназначенные для ввода информации. Это — поля ввода, позволяющие вводить данные разных типов, тексто...
    Поле ввода
    Поле ввода Большинство полей, размещенных в форме с помощью мастера, — это поля ввода. На рис 22.7 полями такого типа являются поля для ввода имени посетителя и адреса URL. Поля данного типа можно...
    Рис. 22.8. Диалоговое окно Свойства текстового поля
    Рис. 22.8. Диалоговое окно Свойства текстового поля Диалоговое окно содержит следующие поля: Имя (Name) — наименование поля, используемое при обработке данных, введенных в форму Начальное значение...
    Замечание
    Замечание Если для поля в диалоговом окне Проверка текстового поля установлен флажок Требуется, то вводить в него данные обязательно. Если при вводе информации в форму это поле будет пропущено, то...
    Поле ввода большой длины
    Поле ввода большой длины Программа FrontPage позволяет использовать в форме поля для ввода большого объема текстовой информации. Поле данного типа может занимать несколько строк и содержит полосы...
    Рис. 22.10. Форма, содержащая...
    Рис. 22.10. Форма, содержащая поле для ввода большого объема текстовой информации...
    Рис. 22.11. Диалоговое окно Свойства текстового поля
    Рис. 22.11. Диалоговое окно Свойства текстового поля В нижней части диалогового окна Свойства текстового поля расположена кнопка Проверить (Validate). При ее нажатии открывается диалоговое окно Пр...
    Использование флажков в форме
    Использование флажков в форме Для размещения в форме полей, которые могут иметь только одно из двух допустимых значений, используются объекты, называемые флажками. В форме объекты данного типа мож...
    Рис. 22.12. Диалоговое окно
    Рис. 22.12. Диалоговое окно Свойства флажка...
    Переключатель
    Переключатель При проведении опроса среди посетителей Web-узла не стоит заставлять их вводить информацию во множество полей. В этом случае, скорее всего, они опрос просто проигнорируют. Чтобы узна...
    Рис. 22.13. Диалоговое окно Свойства
    Рис. 22.13. Диалоговое окно Свойства переключателя Поле Имя группы (Group name) содержит групповое имя опций переключателя. Оно должно быть одинаковым для всех опций, входящих в состав данного пер...
    Замечание
    Замечание В переключателе, размещенном в форме, одна из опций (наиболее вероятный вариант ответа) должна иметь в диалоговом окне Свойства переключателя установленное значение Выбран (Selected), а...
    Списки
    Списки Списки, разметаемые в форме, так же, как и переключатели, избавляют посетителей Web-узла от ввода информации, позволяя выбрать предпочтительный ответ из предложенных вариантов. Для настройк...
    Рис. 22.14. Диалоговое окно Свойства раскрывающегося списка
    Рис. 22.14. Диалоговое окно Свойства раскрывающегося списка Кнопки, находящиеся справа в диалоговом окне, позволяют добавлять в список новые элементы, модифицировать существующие, изменять порядок...
    Рис. 22.15. Диалоговое окно Добавление...
    Рис. 22.15. Диалоговое окно Добавление варианта, предназначенное для добавления нового элемента в список По умолчанию при просмотре списка в обозревателе курсор установлен на его первом элементе....
    Рис. 22.16. Диалоговое окно Проверка раскрывающегося списка
    Рис. 22.16. Диалоговое окно Проверка раскрывающегося списка Если вы хотите, чтобы пользователь обязательно выбирал из списка какой-либо элемент, установите флажок Данные обязательны (Data Required...
    Кнопки управления
    Кнопки управления Кнопки, размещаемые в форме, позволяют выполнять заданное действие. Посмотрите на форму, созданную мастером. В ее нижнем части расположены две кнопки: Отправить (Submit Form) и С...
    Рис. 22.17. Диалоговое окно Свойства кнопки
    Рис. 22.17. Диалоговое окно Свойства кнопки Поле Имя (Name) предназначено для ввода имени объекта. Расположенное под ним поле Значение или подпись (Value/label) используется для ввода текста, кото...
    Свойства формы
    Свойства формы Мы рассмотрели свойства всех объектов, разметаемых в форме и предназначенных для ввода информации. Кроме того, сама форма имеет окно свойств Свойства формы (рис. 22.18), позволяющее...
    Рис. 22.18. Диалоговое окно Свойства формы
    Рис. 22.18. Диалоговое окно Свойства формы Диалоговое окно Свойства формы разделено на две области. Верхняя область Сохранение результатов (Where to store results) позволяет указать, где будут хра...
    Замечание
    Замечание Для использования этой опции вы предварительно должны установить на Web-сервере FrontPage Server Extensions. В другом месте (Send to other) — данные из формы направляются одному из трех...
    Замечание
    Замечание Скрипты ISAPI, NSAPI, CGI и ASP являются программными компонентами, размещенными на Web-сервере и предназначенными для обработки данных, получаемых из формы. Одноименная область диалогов...
    Рис. 22.19. Диалоговое окно Сохранение результатов
    Рис. 22.19. Диалоговое окно Сохранение результатов...
    Вкладка Результаты в файле
    Вкладка Результаты в файле Вкладка Результаты в файле (File Results) диалогового окна Сохранение результатов (Saving Results), представленная на рис. 22.19, позволяет задать параметры файла, в кот...
    Вкладка Отправка результатов по почте
    Вкладка Отправка результатов по почте Вкладка Отправка результатов по почте (E-mail Results) диалогового окна Сохранение результатов (Saving Results), представленная на рис. 22.20, позволяет задат...
    Рис. 22.20. Вкладка Отправка результатов...
    Рис. 22.20. Вкладка Отправка результатов по почте диалогового окна Сохранение результатов Область Заголовок сообщения (E-mail message header) содержит два поля следующего назначения: Строка темы (...
    Совет
    Совет Если среди полей формы присутствует адрес электронной почты посетителя, то значение этого поля удобно использовать в качестве обратного адреса....
    Вкладка Страница подтверждения
    Вкладка Страница подтверждения Вкладка Страница подтверждения (Confirmation Page) диалогового окна Сохранение результатов (Saving Results), представленная на рис. 22.21, позволяет задать параметры...
    Рис. 22.21. Вкладка Страница подтверждения
    Рис. 22.21. Вкладка Страница подтверждения URL-адрес страницы сбоя проверки (URL of validation failure page) — предназначена для указания адреса страницы, в которую будет записываться информация п...
    Вкладка Сохраняемые поля
    Вкладка Сохраняемые поля Вкладка Сохраняемые поля (Saved Fields) диалогового окна Сохранение результатов (Saving Results), представленная на рис. 22.22, содержит список всех полей формы, предлагая...
    Рис. 22.22. Вкладка Сохраняемые...
    Рис. 22.22. Вкладка Сохраняемые поля диалогового окна Сохранение результатов...
    Настройка пользовательских обработчиков
    Настройка пользовательских обработчиков При использовании в Web-узле обработчиков ISAPI, NSAP1, CG1 или ASP для настройки их свойств используется диалоговое окно Параметры обработчика форм (Option...
    Диалоговое окно Параметры обработчика форм
    Рис. 22.23. Диалоговое окно Параметры обработчика форм Для открытия диалогового окна Параметры обработчика форм выполните следующие действия: 1. Откройте диалоговое окно свойств формы Свойства фор...
    Самостоятельная разработка формы
    Самостоятельная разработка формы Мы описали процесс создания формы с помощью мастера, познакомились с объектами формы и их свойствами. Прежде чем приступить к самостоятельной разработке формы, рас...
    Инструменты, используемые для размещения в форме объектов
    Инструменты, используемые для размещения в форме объектов Для размещения в форме объектов используются команды (рис. 22.24), появляющиеся при выборе из меню Вставка (Insert) команды Форма (Form)....
    Разработка формы
    Разработка формы Рассмотрим создание формы, в которой разместим по возможности большинство предлагаемых программой FrontPage объектов. После создания форма будет иметь вид, показанный на рис. 22.2...
    Рис. 22.25. Созданная форма
    Рис. 22.25. Созданная форма...
    Рис. 22.26. Область для создания...
    Рис. 22.26. Область для создания формы после размещения на Web-странице первого поля 6. Введите в верхней части формы текст Введите, пожалуйста, о себе следующую информацию:. 7 . Для выравнивания...
    Рис. 22.27. Диалоговое окно Свойства...
    Рис. 22.27. Диалоговое окно Свойства раскрывающегося списка, в котором установлены необходимые параметры Совет Для настройки шрифта, используемого в оформлении списка, можно воспользоваться диалог...









Начало