Назад Содержание Вперёд

Комментарии

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

Добавление комментария

Чтобы вставить в страницу комментарий:

1. Установите в Редакторе курсор на то место текущей страницы, где должен разместиться комментарий.

2. Выберите в меню Insert опцию Frontpage Component, а далее в открывшемся диалоговом окне Insert Frontpage Component выберите Comment; нажмите кнопку ОК. Вы увидите диалоговое окно Comment, показанное на рис. 9.8.

98.gif
Рис. 9.8. Диалоговое окно Comment

В диалоговом окне Comment введите текст, который вы хотите оставить на странице (текст может быть произвольным); набрав текст комментария, нажмите кнопку ОК. Этот текст, выделенный цветом, вы будете видеть в Редакторе после слова "Comment-"; он будет видим только в Редакторе, но не в браузере.

Включаемые страницы

С помощью компонента включения страницы (Include Page Component) содержимое одной страницы можно вставлять в любое место других страниц; при этом включаемая страница должна принадлежать текущему Web-сайту. Помимо компонента включения страниц, который вставляет одну страницу в другую безусловным образом, есть также компонент временного включения (Scheduled Include Component), который делает то же самое, но только в заданные моменты времени; этот компонент оосуждается ниже в этой главе.

Предположим, что на сайте вашей компании есть обзорный раздел, где в одном месте представлены наиболее актуальные страницы сайта, например, самые свежие новости и корпоративная информация. Подобные разделы в первую очередь предназначены для тех посетителей, которым на вашем сайте нужны только несколько вполне определенных страниц. У очень многих людей нет времени на то, чтобы просматривать ваш сайт подробно, страница за страницей, — у них есть еще масса важных и неотложных дел; войдите в их положение и предоставьте им возможность почерпнуть всю необходимую информацию без долгих поисков. Подобный обзорный раздел вполне может состоять из единственной страницы с несколькими компонентами включения (по одному для каждой страницы). Полное содержимое этой сборной страницы будет состоять из включенных страниц, следующих друг за другом в порядке включения, и будет выглядеть как единое целое.

Добавление компонента включения страницы

Процедура включения содержимого одной страницы в другую выглядит следующим образом:

1. Установите в Редакторе курсор на то место текущей страницы, где появится содержимое вставляемой страницы.

2. Выберите в меню Insert пункт Frontpage Component, в диалоговом окне Insert Frontpage Component укажите Include Page и нажмите кнопку ОК. На экране появится показанное на рис. 9.9. диалоговое окно Include Page Component Properties (Свойства компонента включения страницы).

99.gif
Рис. 9.9. Диалоговое окно Include Page Component Properties

3. В текстовом поле Page URL to include (URL включаемой страницы) введите относительный URL страницы, подлежащей включению. Чтобы увидеть список страниц в текущем сайте, нажмите кнопку Browse; выбрав страницу в этом списке, нажмите кнопку ОК.

4. Задав URL страницы, нажмите кнопку ОК. Содержимое этой страницы будет включено в Редакторе на вашу страницу.

Совет: Прежде чем производить все вышеописанные действия, страницу следует открыть в Редакторе.

Компонент включения также весьма удобно использовать для помещения на все страницы сайта, к примеру, информации об авторских правах или некоторых специальных примечаний и т. п. И если потребуется изменить эту информацию, то не обязательно даже редактировать саму включаемую страницу — вам достаточно будет открыть любую "вызывающую" страницу и внести все изменения в ней; после этого изменения отразятся на всех страницах, использующих тот же компонент включения.

В примере, приведенном на рис. 9.10, примечание в нижней части окна Редактора вставлено в страницу с помощью компонента включения.

910.gif
Рис. 9.10. Пример использования компонента включения страницы

Демонстрация изображений по расписанию

Компонент временное изображение (Scheduled Image) используется для вывода изображений, видимых в течение заданного периода времени: в заданное время изображение помещается на страницу, а по истечении срока изымается.

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

Чтобы быть уверенным в том, что компонент Scheduled Image сработает в тот день, когда изображению по плану предстоит появиться или исчезнуть, внесите в назначенный день какие-либо изменения в ваш сайт или воспользуйтесь командой Проводника Recalculate Hyperlinks, чтобы освежить ссылки и другую информацию на страницах. Эти действия напоминают Frontpage о необходимости обновить также всю информацию, относящуюся к компонентам.

Добавление временного изображения

Чтобы реализовать изображение, видимое в течение заданного периода времени, сделайте следующее:

1. В Редакторе установите курсор на то место, где будет располагаться изображение.

2. В меню Insert выберите Frontpage Component, затем в диалоговом окне Insert Frontpage Component выберите пункт Scheduled Image и нажмите кнопку ОК. Вы увидите диалоговое окно Scheduled Image Properties (Свойства переменного изображения), которое показано на рис. 9.11.

911.gif
Рис. 9.11. Диалоговое окно Scheduled Image Properties

3. В текстовом поле Image To Include (Включаемое изображение) введите имя изображения, которое вы хотели бы видеть. Нужное изображение можно выбрать из доступных на текущем сайте; для этого следует нажать кнопку Browse, выделить нужный файл и затем нажать кнопку ОК.

4. В секциях Starting date and time (Начальные дата и время) и Ending date and time (Конечные дата и время) введите дату и время соответственно начала и конца периода демонстрации изображения.

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

6. Закончив установку параметров в диалоговом окне Scheduled Image Properties, нажмите кнопку ОК.

В течение заданного периода времени вы будете видеть указанное изображение на странице. Если это время еще не наступило (что наиболее вероятно) и для временного изображения не определена замещающая его заставка, то в Редакторе (но не в браузере) на странице в месте включения компонента вы будете видеть надпись Expired Scheduled Image (Просроченное временное изображение). Увидев это сообщение, не пугайтесь — изображение появится на экране в свое время. Если заставка определена, то она будет отображаться во время отсутствия временного изображения и в Редакторе, и в браузере.

Отображение страниц по расписанию

Компонент временное включение (Scheduled Include) предназначен для того, чтобы сделать определенные включаемые страницы доступными пользователям для просмотра в определенное время, — ситуация, совершенно аналогичная временным изображениям, с тем отличием, что компонент Scheduled Include вставляет в заданное время целую страницу.

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

Добавление временных страниц

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

1. В Редакторе установите курсор на то место в текущей странице, где вы хотите видеть включаемый фрагмент.

2. Выберите в меню Insert пункт Frontpage Component, в открывшемся диалоговом окне Insert Frontpage Component выберите Scheduled Include, нажмите кнопку ОК. На экране откроется диалоговое окно Scheduled Include Page Component Properties (Свойства временно включаемой страницы), показанное на рис. 9.12.

3. В текстовом поле Page URL to include введите относительный URL нужной страницы или выберите ее из списка страниц сайта с помощью кнопки Browse; после этого нажмите кнопку ОК.

912.gif
Рис. 9.12. Диалоговое окно Scheduled Include Page Component Properties

4. Введите границы временного диапазона демонстрации страницы.

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

6. Завершив ввод информации в диалоговом окне Scheduled Include Page Component Properties, нажмите кнопку ОК.

Подтверждение введенной пользователем информации

Если вы организуете сбор информации от пользователей вашего сайта, сделайте все возможное, чтобы обеспечить достоверность получаемой информации. В частности, вы должны предоставить пользователям возможность просмотреть введенные сведения. Это, во-первых, дает им возможность проверить, не наделали ли они ошибок при наборе и удостовериться в том, что они на самом деле сказали именно то, что хотели сказать; а во-вторых, подчеркивает, что предоставляемая ими информация ценна для вас.

Совет:  Во Frontpage можно задать правила проверки для полей форм; например, можно указать, что вводимые числа должны попадать в определенный диапазон или что в текстовое поле можно вводить только ограниченный набор символов. Frontpage автоматически сгенерирует соответствующие скрипты прямо на странице, так что браузер сможет выполнить эти проверки самостоятельно. Более подробно о правилах проверки вы прочтете ниже, в разделе "Проверка полей форм" этой главы.

Подобная процедура весьма широко используется в WWW и других форумах Internet. После проверки введенной вами информации вы либо подтверждаете ее достоверность, либо при обнаружении неточности вы, как правило, можете вернуться обратно к исходной странице и исправить ошибки. Этим процессом представления информации пользователю на рассмотрение и утверждение управляет поле подтверждения (компонент Confirmation Field). Страницам подтверждения посвящен далее в этой главе отдельный раздел.

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

Совет:   Поля подтверждения чувствительны к регистру символов; это означает, что слова FirstName и firstname разные.

Добавление компонента Confirmation Field

Чтобы представить на странице подтверждения содержимое одного поля формы, проделайте следующую последовательность действий:

1. В Редакторе установите курсор на том месте страницы подтверждения, где вы хотите расположить компонент Confirmation Field.

2. В меню Insert выберите Frontpage Component, затем в диалоговом окне Insert Frontpage Component выберите пункт Confirmation Field и нажмите кнопку ОК. Вы увидите диалоговое окно Confirmation Field Properties (Свойства поля подтверждения), показанное на рис. 9.13.

913.gif
Рис. 9.13. Диалоговое окно Confirmation Field Properties

3. Введите в нем имя поля формы, содержимое которого следует включить в страницу подтверждения.

Когда вы нажмете кнопку ОК, компонент Confirmation Field займет свое место на странице; Редактор отобразит его в квадратных скобках в виде имени выбранного вами поля. В браузере же вместо компонента вы увидите содержимое поля. Полезно также поместить на странице небольшой сопроводительный текст, поясняющий пользователям, что введенная ими информация предъявляется им обратно для рассмотрения.

Переменные конфигурации

Еще одна разновидность компонентов Frontpage, называемая подстановочным компонентом {Substitution Component), предназначена для включения в страницу содержимого переменных конфигурации. Этот компонент может быть полезен во многих случаях, например, для того, чтобы ввести в страницу переменный URL или вставить легко модифицируемую текстовую строку, например, информацию об авторе страницы или номер факса компании.

Добавление подстановочного компонента

Ниже описывается процедура вставки в страницу значения переменной конфигурации.

1. Установите в Редакторе курсор на том месте страницы, где будет располагаться подстановочный компонент.

2. В меню Insert выберите Frontpage Component, затем в диалоговом окне Insert Frontpage Component выберите пункт Substitution и нажмите кнопку ОК. Вы увидите диалоговое окно Substitution Component Properties (Свойства подстановочного компонента), показанное на рис. 9.14.

914.gif
Рис. 9.14. Диалоговое окно Substitution Component Properties

3. Выберите из раскрывающегося списка переменную конфигурации. Все введенные вами переменные будут фигурировать в этом списке.

Нажав кнопку ОК, вы увидите, что на открытой в Редакторе странице появится значение конфигурационной переменной — это и есть подстановочный компонент.

Добавление переменных конфигурации и присваивание им значений были изучены в главе 3.

Для сбора информации вам придется использовать формы с самыми разнообразными комбинациями этих полей. Например, в сети intranet с помощью форм удобно производить анкетирование сотрудников; если вам захочется узнать мнение посетителей о продукции, представленной на вашем Web-сайте, то форм вам не избежать. Поля формы как раз и предназначены для ответов пользователей на ваши вопросы.

Помещая поле формы на страницу сайта, вы тем самым создаете форму. Некоторые шаблоны — такие, как User Registration (Регистрация пользователя), Feedback Form (Форма обратной связи) и Confirmation Form (Форма подтверждения) и мастера (а именно — Мастер сайта дискуссионных групп (Discussion Web Wizard)) создают страницы, уже содержащие формы.

Для функционирования форм необходимы обработчики (handlers') — специальные приложения на Web-сервере, принимающие и обрабатывающие данные из полей форм. Получив введенную пользователем информацию, обработчик может также вернуть ответ в виде страницы подтверждения. Таким образом, обработчики в известном смысле являются посредниками между формой и Web-сервером. Например, обработчиком может быть дискуссионный компонент (Discussion component), регистрационный компонент (Registration component), пользовательская динамически подключаемая библиотека ISAPI, модуль NSAPI или скрипт CGI (эти обработчики обсуждаются в этой главе далее.

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

Процесс создания форм на первый взгляд может показаться весьма незамысловатым, но в нем достаточно тонкостей. Дальше мы подробно разберем процесс модификации двух страниц, созданных с помощью шаблонов формы обратной связи (Feedback Form) и страницы подтверждения (Confirmation Page). Эти шаблоны генерируют уже работоспособные формы;
на базе этих страниц мы создадим свои формы, чтобы вы поняли, как они строятся, и смогли в дальнейшем строить их самостоятельно.

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

Начнем с создания в Редакторе страницы формы обратной связи.

5555.gif

Рис. 9.15. Диалоговое окно New, вкладка Page

1. Выберите в меню File команду New, в списке шаблонов и мастеров на вкладке Page диалогового окна New укажите Feedback Form и нажмите кнопку ОК.

2. Когда страница будет сгенерирована и загружена в Редактор, сохраните ее под названием Feedback Form и дайте ей в текущем сайте имя feedback.htm. Дальше, говоря о форме обратной связи, мы будем иметь в виду именно эту страницу; пример ее приведен на рис. 9.16.

Назад Содержание Вперёд

Hosted by uCoz