Глава 11 Создание Web-узла с помощью мастеров и шаблонов

Шаблоны и мастера

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

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

Что такое шаблоны и мастера и чем они отличаются друг от друга? С шаблонами вы, вероятно, сталкивались при работе с другими офисными продуктами, например, при работе с Microsoft Word.

Шаблон - это совокупность параметров документа для его многократного использования, иными словами, каркас вашего документа. Выбрав тот или иной шаблон, вы в дальнейшем используете те средства, которые в нем уже заложены. Например, выбрав шаблон Текст одним столбцом (One-column Body), вы получаете страницу, на которой информацию необходимо размещать в одну колонку по центру. В других шаблонах заранее выделены области для размещения текста и графической информации и т. д.

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

Мастера создания Web-узлов

Для запуска мастера по созданию Web-узла выполните следующие действия:

1. В меню Файл (File) выберите команду Создать (New), а затем в открывшемся подменю - опцию Страница или веб-узел (Page or Web). В результате в главном окне программы FrontPage появляется панель Создание веб-страницы или узла (New Page or Web) (рис. 11.1).

Рис. 11.1. Панель Создание веб-страницы или узла для работы с новыми страницами и Web-узлами

2. Выберите на панели значение Шаблоны веб-узлов (Web Site Templates). Открывается диалоговое окно Шаблоны веб-узлов, в котором можно выбрать шаблон или мастер для создания Web-узла (рис. 11.2).

Рис. 11.2. Диалоговое окно Шаблоны веб-узлов

Диалоговое окно содержит одну вкладку Веб-узлы (Web Sites), на которой расположены значки предлагаемых системой шаблонов и мастеров для создания Web-узлов. В табл. 11.1описано назначение мастеров, предлагаемых программой FrontPage.

Таблица 11.1. Мастера, используемые для создания Web-узлов

Мастер	Назначение
Мастер корпоративного веб-узла (Corporate Presence Wizard)	Создает Web-узел по представлению предприятия в World Wide Web
Мастер интерфейса базы данных (Database Interface Wizard)	Создает Web-узел, использующий для хранения информации базу данных, в которой можно просматривать записи, добавлять новые, удалять имеющиеся
Мастер веб-обсуждения (Discussion Web Wizard)	Создает Web-узел по проведению дискуссий
Мастер веб-импорта (Import Web Wizard)	Импортирует данные с Web-узлов, созданных с использованием других программ, в создаваемый в программе FrontPage Web-узел

Замечание

В диалоговом окне Шаблоны веб-узлов программа FrontPage предлагает четыре мастера для создания Web-узла. Они перечислены в табл. 11.1. Остальными в списке являются шаблоны.

3. Выделите значок мастера, услугами которого хотите воспользоваться. При этом в области Описание (Description) появляется краткое описание выбранного мастера.

4. В поле Укажите расположение нового веб-узла (Specify the location of the new web) задайте URL-адрес Web-узла, то есть имя Web-сервера, на котором хотите разместить Web-узел, и имя Web-узла. Имена должны быть разделены символом "/". Например, http://localhost/Corporate. При этом возможны следующие варианты:

• Web-сервер установлен на вашем компьютере. В этом случае имя сервера автоматически подставляется в URL-адрес. Серверу также можно присвоить сетевое имя вашего компьютера по умолчанию localhost.
• Вы используете Web-сервер своего провайдера, доступный в Интернете. В этом случае в качестве имени сервера вводится его реальный URL-адрес.
• Сохраняете Web-узел на своем компьютере. В этом случае в качестве адреса указывается физический путь к нему.
• Чтобы установить с Web-сервером безопасное соединение по протоколу SSL, установите в окне Шаблоны веб-узлов флажок Требуется подключение SSL (Secure connection required (SSL)).

5. Нажмите кнопку ОК. Запускается мастер.

Совет

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

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

Кнопка	Назначение
Отмена (Cancel)	Прекращает работу мастера
Назад (Back)	Позволяет вернуться к предыдущим шагам в работе мастера для изменения введенной ранее информации
	Позволяет перейти к следующему шагу работы мастера
Готово (Finish)	Позволяет перейти к завершающему этапу в создании Web-узла на основе введенной информации

Ответив на все вопросы мастера, вы нажимаете кнопку Готово. Мастер создает Web-узел и выводит его в главном окне программы для просмотра и редактирования.

Замечание

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

Рассмотрим кратко возможности мастеров по созданию Web-узла:

• Мастер корпоративного веб-узла (Corporate Presence Wizard). Создает Web-узел, представляющий компанию в Интернете. В состав созданного Web-узла могут входить:

· Страницы, используемые посетителями Web-узла для просмотра новостей о компании, а также информации о товарах и предоставляемых услугах

· Таблица с оглавлением, облегчающая посетителям перемещение по Web-узлу

· Форма отзывов клиентов по тому или иному вопросу

• Мастер интерфейса базы данных (Database Interface Wizard). Web-узел, созданный с помощью этого мастера, может содержать следующие страницы:

· Страница просмотра информации из базы данных

· Страница, предназначенная для ввода информации

· Страница, позволяющая редактировать базу данных Web-узла из обозревателя

• Мастер веб-обсуждения (Discussion Web Wizard). Создает Web-узел, на страницах которого пользователь высказывает свое мнение по поводу. проводимой дискуссии. В состав созданного Web-узла могут входить:

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

· Оглавление Web-узла

· Форма потоковых ответов

· Поисковая форма, позволяющая посетителям сайта находить на Web-узле интересующую их информацию

• Мастер веб-импорта (Import Web Wizard). Импортирует на создаваемый во FrontPage Web-узел данные с других Web-узлов. Импортировать можно весь Web-узел или его отдельные страницы. Импорт можно осуществлять с вашего компьютера, с компьютера, находящегося в вашей локальной сети или из Интернета, указав его URL-адрес

Мастер создания Web-узла для представления компании

Рассмотрим работу мастера Мастер корпоративного веб-узла (Corporate Presence Wizard), создающего Web-узел для представления предприятия в Интернете. Для создания Web-узла с помощью этого мастера выполните следующие действия:

1. В меню Файл (File) выберите команду Создать (New), а затем в открывшемся подменю - опцию Страница или веб-узел (Page or Web).

2. На появившейся в окне программы FrontPage панели Создание веб-страницы или узла выберите команду Шаблоны веб-узлов (Шаблоны Web-узлов).

3. В поле Укажите расположение нового веб-узла диалогового окна Шаблоны веб-узлов введите местоположение и имя создаваемого Web-узла.

4. Дважды щелкните на значке Мастер корпоративного веб-узла.

5. Мастер начинает свою работу. На экране появляется его первое окно, в котором содержится краткое описание мастера
(рис. 11.3). Ознакомьтесь с предложенной информацией и нажмите кнопку Далее.

Рис. 11.3. Первое информационное окно мастера Мастер корпоративного веб-узла

6. На следующем шаге работы мастера вам предлагается определиться со страницами, которые будут включены в Web-узел (рис. 11.4). В диалоговом окне размещены следующие флажки:

Домашняя (Ноте) - домашняя страница Web-узла
что нового (What"s New) - страница новостей Web-узла
продукты и услуги (Products/Services) - страница, представляющая продукцию или услуги, предлагаемые компанией

Рис. 11.4. Диалоговое окно для выбора страниц Web-узла

Оглавление (Table of Contents) - страница, содержащая оглавление создаваемого Web-узла. С данной страницы возможен переход на все страницы узла
обратная связь (Feedback Form) - страница в виде формы, на которой посетители Web-узла смогут разместить свое мнение о предлагаемых товарах и услугах
форма поиска (Search Form) - страница в виде формы для поиска слов на Web-узле. Данная форма позволит посетителю быстрее найти нужную информацию

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

7. Следующее диалоговое окно мастера позволяет определить формат домашней страницы создаваемого Web-узла (рис. 11.5). В нем расположены флажки, установка которых приводит к резервированию на странице места для следующей информации:

Вступление (Introduction) - для вступительной информации
предназначение (Mission Statement) - о целях и задачах фирмы
профиль организации (Company Profile) - о профиле компании
контактные сведения (Contact Information) - для контактной информации

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

Рис. 11.5. Диалоговое окно для определения формата домашней страницы

Замечание

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

8. Следующее окно мастера позволяет задать параметры страницы, которая будет содержать самые свежие новости вашего Web-узла или сообщать, на какой странице Web-узла появилась новая информация (рис. 11.6). В этом окне находятся три флажка, установка которых приводит к размещению в Web-узле следующих разделов:

Флажок	Назначение раздела
изменения на веб-узле (Web Changes)	Новости о Web-узле
информационные сообщения (Press Release)	Размещение информационных сообщений
статьи и обзоры (Articles and Reviews)	Размещение статей и обозрений

Рис. 11.6. Диалоговое окно для задания параметров страницы новостей

9. На следующем шаге работы мастера в полях продукты (Products) и услуги (Services) (рис. 11.7) можно задать параметры страницы, содержащей информацию о товарах и услугах, предоставляемых фирмой. В соответствии с введенными числами будет создаваться по одной странице на каждый рекламируемый товар или услугу. Введите в эти поля необходимые числа и нажмите кнопку Далее.

Рис. 11.7. Диалоговое окно, позволяющее задать количество рекламируемых товаров и услуг

10. В диалоговом окне, появляющемся на следующем шаге, можно указать разделы, под которые будут зарезервированы места на страницах, рекламирующих товары и услуги (рис. 11.8). Оно содержит две группы флажков. Первая группа флажков определяет параметры страницы, представляющей товары:

Изображение продукта (Product image) - резервирует на странице место для размещения изображения товара
сведения о цене (Pricing information) - резервирует на странице место для размещения цен на указанный товар
форма запроса данных (Information request form) - приводит к созданию формы запроса информации

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

Список возможностей (Capabilities list) - резервирует на странице место для более подробного описания услуги
ссылочные счета (Reference accounts) - резервирует на странице место для размещения учетных записей
форма запроса данных (Information request form) - указывает на необходимость формирования формы запроса к посетителям Web-узла на услуги

Установите необходимые флажки и нажмите кнопку Далее для перехода к следующему шагу.

Рис. 11.8. Диалоговое окно для задания параметров страниц, содержащих информацию о товарах и услугах

11. Следующее диалоговое окно позволяет задать поля формы-анкеты обратной связи с посетителями вашего Web-узла (рис. 11.9). Данная форма используется для сбора информации и последующей ее передачи на Web-узел. Не размещайте слишком много полей в этой форме, чтобы не испугать посетителей, желающих зарегистрироваться на вашем Web-узле. Установите флажки рядом с той информацией, которую вы хотите получить о гостях, и нажмите кнопку Далее.

Рис. 11.9. Диалоговое окно позволяет задать поля формы-анкеты обратной связи с посетителями Web-узла

12. В следующем диалоговом окне необходимо задать формат данных, поступающих из формы-анкеты обратной связи с посетителями вашего Web-узла (рис. 11.10). Выбор того или иного формата будет определяться способом их обработки. Вам предлагается на выбор два варианта:

Да - формат с разделителями табуляцией (Yes, use tab-delimited format) - данные сохраняются в виде таблицы. Эта опция используется в том случае, если результаты опроса будут обрабатываться с помощью базы данных или электронной таблицы Microsoft Excel
Нет - формат веб-страниц (No, use web-page format) - данные сохраняются в формате Web-страницы

Установив необходимую опцию, нажмите кнопку Далее для перехода к следующему шагу мастера.

Рис. 11.10. Диалоговое окно позволяет задать формат данных, поступающих из формы-анкеты

13. На очередном шаге мастер предлагает задать параметры страницы оглавления Web-узла (рис. 11.11). Диалоговое окно содержит три флажка:

Автоматически обновлять список страниц (Keep page list up-to-date automatically) - установка флажка позволяет автоматически обновлять информацию в оглавлении при изменении входящих в Web-узел страниц
показывать страницы, не входящие в веб-узел (Show pages not linked into web) - флажок определяет, необходимо ли в оглавлении показывать страницы, не имеющие прямых ссылок с других страниц
маркеры для страниц верхнего уровня (Use bullets for top-level pages) - при установке флажка список страниц верхнего уровня отображается в виде маркированного списка

Рис. 11.11. Диалоговое окно позволяет задать параметры страницы, содержащей оглавление Web-узла

Предупреждение

Установка флажка автоматически обновлять список страниц (Keep page list up-to-date automatically) при большом количестве страниц в
Web-узле и частом обновлении может увеличить загрузку страницы оглавления.

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

Рис. 11.12. Диалоговое окно для размещения информации в верхней и нижней частях страниц Web-узла

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

Замечание

Установка флажков в этом окне мастера используется только для резервирования места на Web-страницах. После завершения работы мастера в редакторе FrontPage вы можете в этих местах разместить необходимую информацию.

Установите необходимые флажки и нажмите кнопку Далее.

15. Далее в работе мастера предлагается разместить на страницах значок В стадии разработки (Under Construction), указывающий, что создание данной страницы еще не завершено (рис. 11.13). Установите одну из двух предлагаемых опций и нажмите кнопку Далее для перехода к следующему диалоговому окну.

Рис. 11.13. Вам предлагается разместить на страницах значок В стадии разработки

16. В следующих двух диалоговых окнах необходимо задать информацию о компании, для которой Web-узел создается. В диалоговом окне, представленном на рис. 11.14, необходимо ввести полное и сокращенное название компании, а также ее адрес. Остальную информацию о компании - номер телефона, номер факса, адрес электронной почты Web-мастера и адрес электронной почты компании, введите в окне, показанном на рис. 11.15.

Рис. 11.14. Диалоговое окно для ввода полного и сокращенного названия компании, а также адреса

Рис. 11.15. Диалоговое окно для ввода номера телефона, факса и адреса электронной почты

17. На следующем шаге мастер предлагает выбрать стиль оформления вашего Web-узла (рис. 11.16). Вы можете согласиться с оформлением, которое будет принято по умолчанию, и нажать кнопку Далее. Позднее вы сможете изменить оформление как всего Web-узла, так и любых его страниц, воспользовавшись командой Тема (Theme) меню Формат (Format). Если же вы хотите заняться оформлением создаваемого Web-узла в данный момент, то нажмите кнопку Выбрать веб-тему (Choose Web Theme), расположенную в центре диалогового окна. На экране откроется окно Выбор темы (Choose Theme) (рис. 11.17).

Рис. 11.16. Диалоговое окно для задания стиля оформления Web-узла

Рис. 11.17. Диалоговое окно для выбора темы оформления страниц Web-узла

В верхней части диалогового окна Выбор темы по умолчанию установлена опция ко всем страницам (All pages), указывающая, что выбранная вами тема оформления Web-узла будет распространяться на все страницы. Ниже этой опции расположен список тем оформления, предоставляемый в ваше распоряжение программой FrontPage. При выборе значения из этого списка, в области Образец темы (Sample of Theme) вы можете просмотреть предлагаемое оформление текста, заголовков, списков, панелей навигации, гиперссылок. Если установить флажки, расположенные под списком тем, то:

Яркие цвета (Vivid colors) - цвета, используемые в оформлении, будут более насыщенными
Активные рисунки (Active graphics) - можно добавить в оформление активную графику
Фоновый рисунок (Background picture) - можно добавить в оформление страниц фоновое изображение
Применить с помощью CSS (Apply using CSS) - в оформление страниц добавляется внешняя таблица стилей

Выбрав по своему вкусу тему оформления и установив необходимые флажки, нажмите кнопку ОК для закрытия диалогового окна Выбор темы. При этом вы возвращаетесь в окно мастера. Нажмите кнопку Далее.

18. В следующем диалоговом окне (рис. 11.18) мастер сообщает, что он закончил сбор необходимых ему сведений, и готов перейти к построению Web-узла. По умолчанию в диалоговом окне мастера установлен флажок Показывать "Задачи" после загрузки веб-узла (Show Tasks View after web is uploaded), указывающий, что после завершения работы мастера и загрузки созданного Web-узла на экране будет отображаться перечень сформированных задач по доработке узла. Оставьте данный флажок установленным, так как сразу после завершения работы мастера сможете просмотреть список работ, которые вам предстоит выполнить, и убедиться, что мастер всю основную работу за вас выполнил.

Рис. 11.18. Завершающее информационное окно мастера

Замечание

До нажатия кнопки Готово вы можете вернуться к предыдущим диалоговым окнам, просмотреть введенную вами информацию, что-то изменить. Для этого вы можете воспользоваться кнопкой Назад (Back). После просмотра установок вам не обязательно возвращаться к последнему диалоговому окну. Для запуска процесса создания Web-узла нажмите кнопку Готово в любом окне.

Нажмите кнопку Готово для завершения создания Web-узла.

Мастер приступает к созданию Web-узла. Если в последнем диалоговом окне был установлен флажок Показывать "Задачи" после загрузки веб-узла

(Show Tasks View after web is uploaded), то после завершения работы мастера на экране откроется в табличном виде список задач по доработке Web-узла (рис. 11.19). Задания отсортированы по приоритету их выполнения. В столбце Сопоставлено с (Associated With) указано название страницы, требующей доработки, а в столбце Описание (Description) - описание работы, которую вам предстоит выполнить.

Рис. 11.19. Перечень заданий для завершения создания Web-узла

Установите курсор на задачу, к выполнению которой хотите приступить, нажмите "правую кнопку мыши и в появившемся контекстном меню выберите команду Запустить задачу (Start Task). Откроется выбранная вами страница в режиме редактирования. Курсор установлен в том месте, где требуется доработка. Можете приступать к редактированию созданного мастером Web-узла.

Первым в списке заданий стоит редактирование домашней страницы Web-узла. Поэтому при запуске первого в списке задания открывается домашняя страница в режиме редактирования (рис. 11.20). Рассмотрим расположенные на ней элементы. Они будут, как правило, присутствовать и на остальных страницах Web-узла.

• Заголовок страницы (домашняя страница имеет заголовок Домой). Является графическим объектом
• Фон Web-страницы. Как и заголовок, является графическим объектом

Рис. 11.20. Домашняя страница Web-узла

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

Замечание

Графические изображения, размещаемые на Web-страницах, можно создавать с помощью таких программных продуктов, как Microsoft Photo Draw, Microsoft Image Composer, CorelDraw, Adobe Photoshop и т. д.

Располагаемые на странице элементы, а также сама страница характеризуются свойствами, которые можно просмотреть и изменить с помощью диалогового окна свойств элемента. Чтобы открыть данное окно, необходимо выделить элемент, нажать правую кнопку мыши и выбрать из появившегося контекстного меню команду Свойства (Properties) с названием модифицируемого элемента. Например, для открытия окна свойств заголовка страницы необходимо использовать команду Свойства объявления на странице (Page Banner Properties), панели ссылок - Свойства панели ссылок (Link Bar Properties), горизонтальной линии - Свойства горизонтальной линии (Horizontal Line Properties) и т. д.

Рассмотрим структуру навигации Web-узла для представления компании в Интернете (рис. 11.21), а также как связаны входящие в его состав страницы. Для этого перейдите в режим Переходы, нажав на панели Представления (Views) одноименную кнопку.

Рис. 11.21. Структура навигации Web-узла Мастер корпоративного веб-узла

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

Web-узел для проведения дискуссий

Чтобы создать Web-узел дискуссионной группы:

1. В меню Файл (File) выберите команду Создать (New), а затем в открывшемся подменю - опцию Страница или веб-узел
(Page or Web).

2. На появившейся в окне программы FrontPage панели Создание вебстраницы или узла выберите команду Шаблоны веб-узлов (Web Site Templates).

3. В поле Укажите расположение нового веб-узла (Specify the location of the new web) диалогового окна Шаблоны веб-узлов задайте местоположение и имя создаваемого Web-узла, после чего дважды щелкните на значке Мастер веб-обсуждения (Discussion Web Wizard).

4. Мастер начинает свою работу. На экране появляется его первое окно, в котором содержится краткое описание мастера. Ознакомьтесь с предложенной информацией и нажмите кнопку Далее.

5. Во втором диалоговом окне (рис. 11.22) расположены флажки. Они позволяют указать создаваемые на Web-узле страницы и реализуемые функции:

Форма нового раздела (Submission Form) - форма для ввода замечаний в ходе дискуссии
оглавление (Table of Contents) - оглавление, используемое для организации и просмотра ранее представленных замечаний по определенной теме. Оглавление включают в Web-узел, если требуется, чтобы посетители знакомились с вопросами других участников и делали по ним замечания
форма поиска (Search Form) - форма для поиска информации по заданному критерию
цепочки оглавлений (Threaded Replies) - при установке данного флажка замечания по общей тематике объединяются, обеспечивая тем самым посетителю их последовательный просмотр
страница подтверждения (Confirmation Page) - страница подтверждения, позволяющая посетителю узнать, дошло ли его сообщение до Web-узла

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

Рис. 11.22. Окно, позволяющее задать страницы создаваемого Web-узла

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

Рис. 11.23. Диалоговое окно для ввода заголовка

Замечание

Обратите внимание, что название папки должно начинаться с символа подчеркивания "_".

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

Рис. 11.24. Диалоговое окно для задания полей формы

8. В следующем окне мастера (рис. 11.25) необходимо указать, требуется ли ограничить число участников дискуссионной группы. По умолчанию установлена опция Нет, всеми желающими (No, anyone can post article), указывающая, что любой может участвовать в дискуссии. Оставьте данное значение и нажмите кнопку Далее.

Рис. 11.25. Окно, позволяющее ограничить число участников дискуссионной группы

9. В следующих диалоговых окнах мастера указывается, как упорядочивать поступившие на Web-узел статьи, размещать ли оглавление на домашней странице, задаются поля поисковой формы, тема оформления Web-узла, использовать ли фрейм для оформления страниц, и если да, то его вид. В этих окнах можно принять параметры, предлагаемые мастером по умолчанию. В заключительном окне мастера нажмите кнопку Готово (Finish). Мастер приступает к созданию Web-узла. После завершения работы мастера перейдите в режим работы Папки (Folders), нажав одноименную кнопку на панели режимов Представления (Views).

Рис. 11.26. Просмотр посланного сообщения

10. Web-узел в браузере. Выберите на домашней странице ссылку Поместить новую статью (Post a new article). Открывается форма для ввода сообщения. Введите в поля формы тему, свое имя и сообщение, после чего нажмите кнопку Поместить (Post Article). В зависимости от установленного в браузере режима безопасности, на экране может появиться предупреждение системы безопасности. Нажмите в этом окне кнопку Да (Yes). В нижнем фрейме страницы появляется подтверждение о получении
Web-узлом сообщения. На рис. 11.26 показана страница оглавления с посланным сообщением.

Мастер импорта Web-узлов

Рассмотрим работу мастера импорта Web-узла (Import Web Wizard). Данным мастером вы можете воспользоваться, если захотите переписать к себе на компьютер понравившийся в Интернете Web-узел или доработать Web-узел. созданный без использования программы FrontPage.

Для импорта Web-узла с помощью мастера выполните следующие действия:

3. В поле Укажите расположение нового веб-узла (Specify the location of the new web) диалогового окна Шаблоны веб-узлов задайте местоположение и имя создаваемого Web-узла, после чего дважды щелкните мышью на значке Мастер веб-импорта (Import Web Wizard).

Совет

Для запуска мастера Мастер веб-импорта (Import Web Wizard) вы также можете воспользоваться командой Импорт (Import) из меню Файл (File). На экране откроется диалоговое окно Шаблоны веб-узлов и по умолчанию будет выбран значок Мастер веб-импорта.

4. Запускается мастер и на экране появляется его первое диалоговое окно Choose Source (Выбрать источник) (рис. 11.27), в котором необходимо указать, откуда импортируется Web-узел. В окне расположены две опции:

• Каталог на локальном компьютере или в локальной сети (From a source directory of files on a local computer or network) - при выборе этой опции файл будет импортироваться из каталога локального диска или из сети. Установите флажок Включить вложенные папки (Include subfolders), если копируемый каталог содержит подкаталоги. Для указания полного пути к Web-узлу можно воспользоваться кнопкой Обзор (Browse)
• 
  веб-узел в Интернете (From a World Wide Web site) - эта опция позволяет импортировать Web-узел с WWW-сервера. Вам необходимо только в поле Расположение (Location) указать URL-адрес

Установите одну из двух предлагаемых опций, укажите расположение импортируемого Web-узла и нажмите кнопку Далее.

Рис. 11.27. Первое диалоговое окно мастера импорта Web-узла

5. Вид следующего диалогового окна зависит от установленной на первом шаге опции. Если вы импортируете Web-узел из каталога, будет открыто окно Изменение списка файлов (Edit File List) (рис. 11.28), содержащее список всех файлов, включая указанные вами подкаталоги. При импортировании всех файлов нажмите кнопку (Next). В том случае, если вы хотите исключить из импорта отдельные файлы, выделите их и удалите из списка, воспользовавшись для этого кнопкой Исключить (Exclude). Для восстановления в списке ошибочно удаленного файла нажмите кнопку Обновить (Refresh). Завершив формирование списка, нажмите кнопку.

Рис. 11.28. Диалоговое окно мастера при импортировании Web-узла из каталога

6. При импорте файла из Интернета открывается диалоговое окно Выбор ограничений на загрузку (Choose Download Amount) (рис. 11.29), в котором вам предлагается сформировать ряд условий по количеству копируемых уровней в иерархии страниц и максимальному объему информации в килобайтах. Если установлен флажок Только текстовые и графические файлы (Limit to text and image files), то будут импортироваться только текстовые и графические файлы. Задав необходимые параметры, нажмите кнопку для перехода к следующему шагу в работе мастера.

Рис. 11.29. Диалоговое окно мастера при импортировании Web-узла из Интернета

7. Следующее диалоговое окно является информационным. Нажмите кнопку Готово (Finish). Начнется процесс импорта, при котором сохраняется структура импортируемого Web-узла.

Замечание

В случае отсутствия в структуре Web-узла каталога private, в котором FrontPage размещает конфиденциальные файлы, а также каталога images для размещения графических файлов, они будут добавлены в создаваемую структуру.

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

Мастер интерфейса базы данных

Мастер интерфейса базы данных (Database Interface Wizard) (Database Interface Wizard) - это новый мастер, появившийся во FrontPage XP. Он создает Web-узел, позволяющий работать с информацией, содержащейся в базе данных Access, Oracle или SQL Server. Чтобы воспользоваться данным мастером:

1. На панели Создание веб-страницы или узла выберите команду Шаблоны веб-узлов (Web Site Templates).

2. В поле Укажите расположение нового веб-узла (Specify the location of the new web) открывшегося диалогового окна Шаблоны веб-узлов задайте местоположение и имя создаваемого Web-узла, после чего дважды щелкните на значке Мастер интерфейса базы данных (Database Interface Wizard).

3. Мастер начинает свою работу. На экране появляется его первое окно (рис. 11.30), в котором необходимо указать базу данных, с которой будет осуществляться соединение Web-узла. В окне расположены опции:

Новое подключение к БД Access на веб-узле (Create a new Access database within your web) - данная опция указывает, что соединение будет осуществляться с новой базой данных Access
существующее подключение к базе данных (Use an existing database connection) - при выборе этой опции становится возможным выбор существующей базы данных из расположенного под опцией списка
подключение к образцу базы данных (Борей) (Use a sample database connection (Northwind)) - соединение с тестовой базой данных Борей

Рассмотрим, как осуществляется соединение с новой базой данных. Оставьте установленную по умолчанию опцию новое подключение к БД Access на веб-узле и нажмите кнопку Далее.

Рис. 11.30. Окно мастера, предназначенное для выбора базы данных

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

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

Рис. 11.31. Окно для формирования списка полей базы данных

Добавить (Add) - открывает диалоговое окно (рис. 32), с помощью которого в базу данных вводится новое поле
Изменить (Modify) - открывает диалоговое окно, с помощью которого редактируется информация о выбранном в таблице поле создаваемой базы данных
Удалить (Delete) - удаляет выделенное в таблице поле из базы данных Используя данные кнопки, сформируйте поля таблицы.

При вводе нового или редактировании существующего поля открывается окно, аналогичное показанному на рис. 11.32. Оно содержит следующие объекты интерфейса:

Имя столбца (Column name) - наименование поля
Тип столбца (Column type) - тип поля. Определяет тип хранящейся в поле информации. Может быть текстовым (Text), текстовым полем большой длины (Memo), целым числом (Integer), целым числом большой длины (Long), вещественным числом (Float), вещественным числом с двойной точностью (Double), датой (Date), логическим (Boolean)
Тип входных данных поля формы (Form field input type) - указывает объект интерфейса, с помощью которого информация поля будет представлена в форме. Список содержит следующие значения: Над- пись (Text Box), Текстовая область (Text Area), Переключатель (Option Button), Раскрывающийся список (Drop-Down Box)
Число вариантов (Number of options) - количество опций в переключателе или значений в списке. Данный счетчик доступен, когда из списка Тип входных данных поля формы выбраны значения Переключатель (Option Button), Раскрывающийся список (Drop-Down Box)

Рис. 11.32. Окно мастера для ввода и редактирования информации о поле базы данных

6. После того как вся информация о полях задана, нажмите кнопку Далее. Мастер приступает к созданию базы данных на основе введенной информации. После того как база данных будет создана, появится информационное окно, в котором также нажмите кнопку Далее.

7. Устанавливая флажки на следующем шаге работы мастера (рис. 11.33), вы указываете страницы, входящие в Web-узел. Мастер предлагает три страницы:

Страница результатов (Result Page) - страница просмотра информации, содержащейся в базе данных
Форма отправки (Submission Form) - страница, предназначенная для ввода информации в базу данных
Редактор базы данных (Database Editor) - страница, позволяющая редактировать базу данных Web-узла из обозревателя

Рис. 11.33. Формирование списка страниц Web-узла

Рис. 11.34 Диалоговое окно, позволяющее создать пароль для доступа к странице, используемой для редактирования базы данных

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

8. Если в Web-узел включена страница Редактор базы данных (Database Editor), появляется диалоговое окно, позволяющее задать имя пользователя и пароль для доступа к этой странице. Для того чтобы доступ к странице был ограничен, в поле Пользователь (Username) введите имя пользователя, который будет осуществлять редактирование структуры базы данных, в поле Пароль (Password) - пароль и в поле Подтверждение (Confirm) - подтверждение пароля. В том случае, если хотите, чтобы доступ к данной странице осуществлялся без ввода пароля, установите флажок Не защищать мой редактор базы данных именем пользователя и паролем (Don"t project Database Editor with a username and password). Завершив установку параметров, перейдите к следующему шагу, нажав кнопку Далее.

9. Появляется информационное окно, указывающее список страниц, включаемых мастером в Web-узел. Нажмите в этом окне кнопку Готово. Мастер завершает создание Web-узла и открывает его в окне программы FrontPage для просмотра и редактирования (рис. 11.35).

Рис. 11.35. Одна из страниц созданного мастером Web-узла в режиме редактирования

Шаблоны для создания Web-узлов

Помимо мастеров, при разработке Web-узлов можно и нужно использовать шаблоны. Они помогают создавать типовую структуру Web-узла.

Для создания Web-узла с применением одного из предлагаемых шаблонов выполните следующие действия:

1. В меню Файл (File) выберите команду Создать (New), а затем в открывшемся подменю - опцию Страница или веб-узел (Новая страница или Web-узел).

2. На появившейся панели Создание веб-страницы или узла выберите команду Шаблоны веб-узлов (Web Site Templates).

3. Открывшееся диалоговое окно Шаблоны веб-узлов содержит шаблоны для создания Web-узлов (табл. 11.2).

Таблица 11.2. Шаблоны, используемые для создания Web-узлов

Шаблон	Назначение
Одностраничный веб-узел (One Page Web)	Создает Web-узел, содержащий одну страницу
Веб-узел поддержки заказчиков (Customer Support Web)	Создает Web-узел поддержки покупателей вашей продукции, на котором они смогут разместить свои замечания и предложения относительно качества товаров и услуг
Пустой веб-узел (Empty Web)	Создает пустой Web-узел
Личный веб-узел (Personal Web)	Создает многостраничный персональный Web-узел
Веб-узел проекта (Project Web)	Web-узел проекта. Данный шаблон можно использовать как координационный и дискуссионный центр для ведения крупного проекта. На страницах Web-узла можно размещать информацию об участниках проекта, состоянии дел, обсуждать важнейшие вопросы и т.д.
Веб-узел рабочей группы на основе SharePoint (SharePoint-based Team Web Site)	Web-узел по сотрудничеству. Содержит календарь событий, библиотеку совместно используемых документов, список контактов, задач и т.п.

Выделите курсором значок шаблона, услугами которого хотите воспользоваться. При этом в области Описание (Description) появляется краткое назначение выбранного мастера.

4. В поле Укажите расположение нового веб-узла (Specify the location of the new web) введите местоположение и имя создаваемого Web-узла.

5. Нажмите кнопку ОК.

В соответствии с выбранным шаблоном программа FrontPage формирует требуемый шаблон Web-узла и открывает его в режиме просмотра и редактирования. Вы можете приступать к редактированию созданного прообраза Web-узла.

Шаблон создания одностраничного Web-узла

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

Чтобы просмотреть структуру созданного с помощью шаблона Web-узла, отобразите в окне программы панель Список папок (Folder List), выбрав в меню Вид (View) одноименную команду. Страница, входящая в созданную структуру Web-узла, сохранена в файле с именем index.htm. По умолчанию подразумевается, что эта страница будет использоваться в качестве домашней. Откройте эту страницу, дважды щелкнув на имени файла index.htm. Страница будет открыта в режиме редактирования в рабочей области программы FrontPage (рис. 11.36).

Рис. 11.36. Web-узел, созданный с использованием шаблона Одностраничный веб-узел

Замечание

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

Шаблон создания пустого Web-узла

Для создания пустого Web-узла используется шаблон Пустой веб-узел (Empty Web). При использовании этого шаблона программа FrontPage формирует структуру Web-узла, состоящую из папок _private и images.

После завершения формирования шаблона созданный Web-узел открывается в режиме редактирования. На панели папок вы можете просмотреть структуру Web-узла. Она не содержит ни одной страницы.

Замечание

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

Шаблон создания многостраничного персонального Web-узла

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

Чтобы создать персональный Web-узел с помощью шаблона, выполните следующие действия:

1. В меню Файл (File) выберите команду Создать (New), а затем в открывшемся подменю - опцию Страница или веб-узел (Новая страница или Web -узел).

2. На появившейся панели Создание веб-страницы или узла выберите команду Шаблоны веб-узлов (Web Site Templates).

3. В поле Укажите расположение нового веб-узла (Specify the location of the new web) открывшегося диалогового окна Шаблоны веб-узлов введите местоположение и имя создаваемого Web-узла. Назовем Web-узел, например, My Pers_ Web.

4. Дважды щелкните на значке Личный веб-узел (Personal Web). Начинается процесс создания шаблона. Через некоторое время в главном окне программы FrontPage откроется полученный Web-узел для просмотра и редактирования (рис. 11.37).

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

Рис. 11.37. Персональный Web-узел, созданный с использованием шаблона

Модификация персонального Web-узла

На рис. 11.37 показана домашняя страница персонального Web-узла, созданного с помощью шаблона. Она содержит набор элементов, которые вы можете использовать в том виде, в котором они предлагаются мастером, или их изменить.

В верхней части домашней страницы расположен заголовок Добро пожаловать!, представляющий собой объект, называемый объявление на странице (Page Banner). Этот объект используется для отображения в графическом виде заголовков на Web-страницах. Вид заголовка определяется в диалоговом окне Свойства объявления на странице (Page Banner Properties), открываемом двойным щелчком на заголовке или одноименной командой контекстного меню.

В центре домашней страницы (ниже и правее пунктирных линий) расположен обычный текст , который можно изменять. Чтобы разобраться, обычный это текст на Web-странице или какой-либо объект, поэкспериментируйте. Перемещайте курсор внутри домашней страницы и следите за тем, как меняется внешний вид курсора при установке на те или иные объекты.

При нахождении курсора над заголовком страницы, над расположенной под заголовком датой, курсор принимает вид руки, держащей страницу.

Установите курсор на текст в центре страницы. Курсор не меняет своего внешнего вида. Текст вы можете смело удалить и на его месте разместить необходимую информацию.

Для изменения свойств объектов, над которыми курсор принимает вид руки, держащей страницу, используются соответствующие диалоговые окна. Например, для изменения формата отображаемой на странице даты вам необходимо установить курсор на дату и дважды щелкнуть мышью. Откроется диалоговое окно Дата и время (Date and Time) (рис. 11.38), используя которое вы сможете установить иной формат отображения даты.

Рис. 11.38. Диалоговое окно Дата и время

Слева на странице размещена панель ссылок, называемая также панелью навигации. Для настройки свойств панели ссылок используется диалоговое окно Свойства панели ссылок (Link Bar Properties), открываемое при двойном щелчке на этой панели.

Названия кнопок панелей ссылок соответствуют названиям страниц, входящих в Web-узел, на которые по этим ссылкам осуществляется переход. Вы можете проверить действия этих ссылок. Для этого выполните следующие действия:

1. Установите курсор на название одной из страниц на панели навигации.

2. Когда курсор примет вид руки, держащей страницу, нажмите клавишу и, удерживая ее нажатой, щелкните левой кнопкой мыши. Осуществится переход на выбранную вами страницу.

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

1. Откройте в режиме редактирования страницу с названием Увлечения. Для этого выполните одно из следующих действий:

Дважды щелкните мышью значок файла interes.htm на панели Список папок (Folder List)
Для перехода с домашней страницы на страницу Увлечения воспользуйтесь панелью ссылок: удерживая нажатой клавишу , щелкните на надписи Увлечения

2. Установите курсор на заголовок страницы и дважды щелкните мышью.

3. В поле Текст объявления (Page banner) открывшегося диалогового окна Свойства объявления на странице (Page Banner Properties) (рис. 11.39) введите вместо Увлечения новое название заголовка, например, Хобби.

Рис. 11.39. Диалоговое окно Свойства объявления на странице

4. Нажмите кнопку ОК. Диалоговое окно Свойства объявления на странице закроется. Страница будет иметь вид, представленный на рис. 11.40.

Совет

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

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

1. Перейдите в режим работы Переходы (Navigation), нажав одноименную кнопку на панели режимов Представления (Views). В рабочей области программы FrontPage отображается структура навигации персонального Web-узла, в которой страницы представлены в виде прямоугольников.

2. Установите курсор на страницу, название которой хотите изменить, нажмите правую кнопку мыши и выберите в появившемся контекстном меню команду Rename (Переименовать). Название страницы становится доступным для редактирования (рис. 11.41).

3. Введите новое название страницы и нажмите клавишу .

Рис. 11.40. Вид Web-страницы после изменения ее названия

Рис. 11.41. Изменение названий страниц в режиме Переходы

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

Чтобы изменить на панели ссылок название кнопки перехода на домашнюю страницу, вы должны воспользоваться вкладкой Переходы (Navigation) диалогового окна Настройка веб-узла (Web Settings) (рис. 11.42).

Рис. 11.42. Диалоговое окно Настройка веб-узла

Для открытия этого окна воспользуйтесь командой Настройка веб-узла (Web Settings) из меню Сервис (Tools). Затем в текстовое поле Домашняя страница (Home page) вместо Домой введите новое название ссылки и нажмите кнопку ОК. Просмотрите, как теперь выгладят панели ссылок. Походите по страницам Web-узла.

Совет

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

Шрифты, цвет текста и гиперссылок, фоновое изображение персонального Web-узла определены темой, заданной мастером по умолчанию. Для изменения темы оформления Web-узла воспользуйтесь диалоговым окном Темы (Themes), открываемым командой Тема (Theme) из меню Формат (Format). Более подробно о темах оформления Web-узлов рассказано в главе 15.

Шаблон создания Web-узла поддержки покупателей

Шаблон Веб-узел поддержки заказчиков (Customer Support Web) позволяет создать Web-узел поддержки покупателей вашей продукции. На страницах узла посетители смогут ознакомиться с предлагаемыми товарами и услугами, задать интересующие их вопросы, разместить свои замечания и предложения относительно качества товара. На рис. 11.43 показана структура Web-узла, созданного с использованием данного шаблона.

Рис. 11.43. Структура Web-узла, созданного с помощью шаблона Веб-узел поддержки заказчиков

• Что нового (What"s New) - информация о том новом, что предлагается посетителю
• Продукты (Products) - страница с информацией о предлагаемых товарах и услугах
• Типичные вопросы (F.A.Q.) - страница с ответами на часто задаваемые вопросы
• Запрос на обслуживание (Service Request) - страница поддержки покупателей продукции. Содержит форму, в которой пользователь может описать проблему, с которой он столкнулся, и задать соответствующие вопросы
• Предложения (Suggestions) - страница, на которой посетители с помощью формы могут ввести свои предложения
• Каталоги и справочники (Catalogs/Manuals) - страница, используя которую пользователи смогут загрузить на свои компьютеры программное обеспечение или документы с вашего Web-узла, используя протокол FTP (File Transfer Protocol)
• Форум поддержки (Support Forum) - страница для участия в форуме
• Обратитесь к нам (Contact Us) - страница с контактной информацией
• Поиск (Search) - страница, содержащая форму для поиска нужной информации на Web-узле

Шаблон создания Web-узла проекта

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

Рис. 11.44. Структура Web-узла, созданного с помощью шаблона Веб-узел проекта

Web-узел содержит большое количество страниц, имеющих следующее назначение:

• Участники (Members) - страница с информацией об участниках проекта
• Расписание (Schedule) - страница, содержащая план проекта
• Архив (Archive) - страница доступа к совместно используемым документам и файлам
• Поиск (Search) - форма для поиска информации, содержащейся в документах Web-узла
• Обсуждения (Discussions) - страница, содержащая ссылки на дискуссионные группы Обсуждения технических условий (Requirements) и Информационная база данных (Knowledge Base), предназначенные для проведения диалоговых форумов
• Контактные сведения (Contact Inf) - страница с контактной информацией

Шаблоны и мастера для создания Web-страниц

Чтобы просмотреть шаблоны и мастера, предлагаемые программой FrontPage для создания Web-страниц, в меню Файл (File) выберите команду Создать (New), затем в открывшемся подменю - опцию Страница или веб-узел (Page or Web). В окне программы появляется панель Создание веб-страницы или узла (New Page or Web), на которой выберите команду Шаблоны страниц (Page Templates). Появится диалоговое окно Шаблоны страниц, представленное на рис. 11.45.

Рис. 11.45. Диалоговое окно Шаблоны страниц позволяет выбрать шаблоны и мастера для создания Web-страницы

Диалоговое окно Шаблоны страниц содержит три вкладки. На вкладке Общие (General) указаны имена основных шаблонов страниц. Вкладка Страница рамок (Frames Pages) содержит названия шаблонов страниц, использующих фреймы. В этой главе мы ограничимся рассмотрением шаблонов вкладки Общие. Описание шаблонов вкладки Страница рамок будет дано в главе 20.

Количество шаблонов создания Web-страниц, предлагаемых программой FrontPage, намного больше, чем шаблонов для Web-узлов. При перемещении по списку шаблонов в области Описание (Description) окна появляется краткое описание выбранного шаблона, а в области Образец (Preview) отображается примерный вид страницы, создаваемой с его помощью.

Первым в списке шаблонов идет Обычная страница (Normal Page), представляющий собой шаблон пустой страницы. Для создания страницы с использованием данного шаблона нет необходимости открывать диалоговое окно Шаблоны страниц (Page Templates). Достаточно щелкнуть мышью на кнопке Создать (New) стандартной панели инструментов. По умолчанию всегда предполагается использование шаблона Обычная страница.

В табл. 11.3 приведен список шаблонов и мастеров создания страниц, предоставляемых программой FrontPage.

Замечание

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

Таблица 11.3. Шаблоны и мастера создания Web-страниц

Шаблон или мастер	Назначение
Обычная страница (Normal Page)	Пустая страница
Библиография (Bibliography)
Форма подтверждения (Confirmation Form)	Форма подтверждения о получении информации
Форма обратной связи (Feedback Form)	Форма, предназначенная для ввода замечаний
Мастер страницы формы (Form Page Wizard)	Мастер создания формы для опроса клиентов. С помощью этого мастера вы можете сформировать список вопросов, на которые хотите получить ответы от клиентов
Типичные вопросы (Frequently Asked Questions)
Гостевая книга (Guest Book)	Гостевая страница, на которой посетители Web-узла могут высказать свое мнение
Узкий выровненный по левому краю текст (Narrow, Left-aligned Body)	Информация на этой странице размещается в одну колонку вдоль ее левого края; справа можно поместить графическое изображение
Узкий выровненный по правому краю текст (Narrow, Right-aligned Body)	Страница, информация на которой размещается в одну колонку справа; слева можно вставить графическое изображение
Текст одним столбцом (One-column Body)	Информация размещается в одну колонку по центру этой страницы
Текст одним столбцом с оглавлением и врезкой (One-column Body with Contents and Sidebar)	Информация размещается в одну колонку по центру; слева на странице - оглавление, а справа - область эффектов, которая может содержать текст и графику
Текст одним столбцом с оглавлением слева (One-column Body with Contents on Left)	Страница, на которой слева будет показано оглавление, а справа - вся остальная информация
Текст одним столбцом с оглавлением справа (One-column Body with Contents on Right)	Страница, на которой справа будет показано оглавление, а слева - вся остальная информация
Текст одним столбцом с зигзагообразной врезкой (One-column Body with Staggered Sidebar)	Страница, на которой с левой стороны размещаются две колонки с эффектами оформления в шахматном порядке, а с правой - колонка основного текста
Текст одним столбцом с двумя врезками (One-column Body with Two Sidebar)	В центре страницы будет размещен основной текст, слева от текста - две колонки с эффектами оформления в шахматном порядке, а справа - еще одна колонка с эффектами оформления
Текст одним столбцом с врезкой двумя столбцами (One-column Body with Two-column Sidebar)	Страница, на которой с левой стороны размещается колонка основного текста, а с правой - две колонки с эффектами оформления
Коллекция фотографий (Photo Gallery)	Страница, предназначенная для размещения графических изображений
Страница поиска (Search Page)	Страница в виде формы, используемая для поиска слов
Текст тремя столбцами (Three-column Body)
Текст двумя столбцами (Two-column Body)
Текст двумя столбцами с оглавлением и врезкой (Two-column Body with Contents and Sidebar)
Текст двумя столбцами с оглавлением слева (Two-column Body with Contents on Left)
Зигзагообразный текст двумя столбцами (Two-column Staggered Body)
Зигзагообразный текст двумя столбцами с оглавлением и врезкой (Two-column Staggered Body with Contents and Sidebar)
Регистрационная форма (User Registration)	Форма регистрации пользователей
Широкий текст с заголовками (Wide Body with Headings)	Страница, оформленная в виде нескольких абзацев с подзаголовками

Шаблон Коллекция фотографий

Шаблон Коллекция фотографий (Photo Gallery) создает страницу, предназначенную для размещения графических изображений (рис. 11.46). Этот шаблон отсутствовал в предыдущих версиях программы FrontPage. Удобство шаблона Коллекция фотографий заключается в том, что на страницу, созданную с помощью данного шаблона, легко добавлять новые графические изображения, удалять имеющиеся.

Для настройки графических изображений, размещенных на странице, созданной с использованием шаблона Коллекция фотографий, предназначено диалоговое окно Свойства коллекции фотографий (Photo Gallery Properties) (рис. 11.47). Чтобы открыть это окно, установите курсор в область расположения графических изображений и выполните одно из следующих действий:

• Дважды щелкните мышью
• Нажмите правую кнопку мыши и выберите из контекстного меню команду Свойства фотоколлекции (Photo Gallery Properties)

Рис. 11.46. Страница, созданная с помощью шаблона Коллекция фотографий

Рис. 11.47. Диалоговое окно Свойства коллекции фотографий

Диалоговое окно Свойства коллекции фотографий (Photo Gallery Properties) содержит две вкладки. Вкладка Рисунки (Pictures) предназначена для формирования списка размещаемых на странице изображений, указания порядка их следования. Вкладка Макет (Layout) позволяет задать способ расположения графических изображений на Web-странице.

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

• Добавить (Add) - добавляет в список и, соответственно, в Web-страницу новое графическое изображение. При нажатии на эту кнопку появляется меню из двух команд. Команда Рисунки из файлов (Pictures from Files) открывает диалоговое окно Открытие файла (File Open), позволяющее добавить изображение, находящееся в файле. Команда Рисунки из сканера и камеры (Pictures from Scanner or Cameras) добавляет на Web-страницу графическое изображение со сканера или цифровой камеры
• Изменить (Edit) - открывает диалоговое окно Изменение рисунка (Edit Picture) (рис. 11.48), позволяющее отредактировать графическое изображение
• Удалить (Remove) - удаляет графическое изображение из списка

Расположенные под списком кнопки Вверх (Move Up) и Вниз (Move Down) изменяют порядок следования изображений в списке и, соответственно, на Web-странице.

На Web-странице, созданной с помощью шаблона Коллекция фотографий, графические изображения отображаются в виде миниатюр, размер которых задается с помощью полей Ширина (Width) и Высота (Height) области Размер эскиза (Thumbnail).

Вкладка Рисунки содержит два флажка, установка которых:

• Сохранить пропорции (Maintain aspect ratio) - указывает на необходимость сохранять пропорции в миниатюре
• Размер по умолчанию (Set as Default Size) - указывает, что установленный размер необходимо использовать как значение по умолчанию

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

Кнопка Изменить (Edit) вкладки Рисунки (Pictures) открывает диалоговое окно Изменение рисунка (Edit Picture) (рис. 11.48), позволяющее отредактировать размещаемые на Web-странице графические изображения.

Рис. 11.48. Диалоговое окно Изменение рисунка

Счетчики Ширина (Width) и Высота (Height) области Размер рисунка

(Picture Size) позволяют задать размер графического изображения в пикселах. Ниже расположены флажки следующего назначения:

• Сохранить пропорции (Maintain aspect ratio) - при установке флажка сохраняются пропорции в изображении
• Размер по умолчанию (Set as Default Size) - установленный флажок указывает, что заданный размер будет использован как значение по умолчанию

Кнопки области Повернуть рисунок (Rotate Picture) имеют следующее назначение:

Кнопка	Назначение
	Поворачивает изображение против часовой стрелки на 90 градусов
	Поворачивает изображение по часовой стрелки на 90 градусов
	Отображает изображение относительно горизонтальной оси (создает вертикальное зеркальное отражение)
	Отображает изображение относительно вертикальной оси (создает горизонтальное зеркальное отражение)

Расположенная в диалоговом окне Изменение рисунка кнопка Обрезать (Crop) позволяет разместить на Web-странице не все изображение, а его часть. При нажатии этой кнопки на графическом изображении появляется рамка с маркерами выделения. Устанавливая курсор поочередно на маркеры, перемещайте контуры рамки, изменяя размер ограничиваемой рамкой области таким образом, чтобы она выделила на изображении нужную область. Затем повторно нажмите кнопку Обрезать. Вырезанное изображение заменит собой первоначальное.

Помимо названных, в диалоговом окне содержатся также следующие кнопки:

• Назад (Previous) - отображает в окне изображение, находящееся в списке вкладки Рисунки перед текущим
• Далее (Next) - отображает в окне изображение, находящееся в списке вкладки Рисунки после текущего
• Сброс (Reset) - восстанавливает первоначальное изображение

Вкладка Макет (Layout) диалогового окна Свойства коллекции фотографий

(Photo Gallery Properties) (рис. 11.49) позволяет задать способ расположения графических изображений. Список Выберите формат (Choose a layout) содержит варианты расположения изображений и надписей к ним на Web-странице. Область Образец (Preview) позволяет просмотреть, как будет выглядеть страница при выбранном варианте расположения. Список Число рисунков в строке (Number of pictures per row) указывает количество изображений в одном ряду.

Рис. 11.49. Вкладка Макет диалогового окна Свойства коллекции фотографий

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

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

Серверные расширения -- это инструментальные средства создания и управления Web-узлами с помощью Microsoft FrontPage. Они обеспечивают следующие возможности:

• - использование FrontPage для разработки узла непосредственно на Web-сервере;
• - сохранение документов, созданных в приложениях Microsoft Office XP, на Web-сервере;
• - использование на Web-узле компонентов FrontPage, таких как компонент обработки форм, компонент организации конференций, компонент полно-текстового поиска, компонент подсчета обращений к Web-узлу и т. д.

Таким образом, если созданный во FrontPage Web-узел размещается на сервере провайдера, на этом Web-сервере должны быть установлены серверные расширения FrontPage. Только в этом случае можно быть спокойным за нормальное функционирование всех включенных в Web-страницы компонентов. Серверные расширения FrontPage также позволяют разработчику использовать протокол HTTP вместо протокола FTP. Благодаря серверным расширениям, FrontPage сможет обеспечить то, что размещенные на Web-сервере файлы будут такими же, как и на локальном диске.

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

Для файлов, которые еще рано публиковать, а также опубликованных ранее, можное установить в таблице отчета Состояние публикации (Publish Status) (рис. 3) статус Не публиковать (Don"t Publish).

Для открытия данного отчета нужно перейдите в режим Отчеты и выберать на панели инструментов Отчеты из первого списка значение Делопроизводство (Workflow), а затем тип отчета -- Состояние публикации (Publish Status). Изменение состояния публикации осуществляется с помощью списка, находящегося в столбце Опубликован.

Рис. 3. Установка признаков публикации файлов Web-узла

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

• - выберать команду Издать в сети (Publish Web) меню Файл (File);
• - нажать кнопку Издать в сети (Publish Web) на стандартной панели инструментов;
• - нажать комбинацию клавиш

При первой публикации web-узла открывается диалоговое окно Адрес издания (Publish Destination), представленное на рис. 4.

Рис.4. Диалоговое окно для ввода адреса публикации

Если на сервере, где будет размещен Web-узел, установлены серверные расширения FrontPage, для копирования файлов можно использовать HTTP протокол. В этом случае необходимо выполнить следующие действия:

• 1. В поле Введите место публикации (Enter publish destination) ввести адрес Web-узла. Для определения адреса можно использовать диалоговое окно Новое место публикации (Publish location), которое открывается после нажатия кнопки Обзор (Browse).
• 2. Нажать кнопку ОК. Открывается диалоговое окно Публикация веб-узла (Publish Web), предназначенное для задания параметров публикации Web-узла.
• 3. Если созданный Web-узел содержит вложенные узлы, установить в окне Публикация веб-узла (Publish Web) флажок Включить дочерние веб-узлы (Include subwebs).
• 4. Чтобы настроить параметры публикации, нажать расположенную в левом нижнем углу окна кнопку Параметры (Options). Откроется диалоговое окно Параметры (рис. 5) с выбранной по умолчанию вкладкой Публикация (Publish).

Рис. 5. Вкладка Публикация диалогового окна Параметры

• 5. Используя переключатель Публиковать (Publish), выбрать режим копирования файлов. При установке опции только измененные страницы (Changed pages only) на сервер будут копироваться только те выбранные Для публикации файлы, которые были изменены с момента прошлой публикации. Для копирования на сервер всех выбранных файлов установить опцию все страницы с перезаписью существующих страниц (АИ pages, overwriting pages already on destination).
• 6. Переключатель Определять изменения (Changes) указывает, каким образом FrontPage будет определять, отличаются ли публикуемые и размещенные на Web-сервере файлы. При установке опции сравнивая исходный веб-узел и веб-узел в месте публикации (Determine changes bycomparing source and destination webs) осуществляется сравнение содержимого файлов. Опция используя штампы времени (Use source file timestamps to determine changes since last publish) указывает на необходимость при публикации файлов сравнивать время создания публикуемых и размешенных на Web-сервере файлов.
• 7. Диалоговое окно Параметры (Options) содержит флажок Записывать изменения во время публикации (Log changes during publish). При установке флажка в log-файле фиксируются изменения, осуществленные при публикации Web-узла на сервере. Кнопка Просмотреть журнал (View log file) I позволяет просмотреть содержимое log-файла.
• 8. Задав параметры публикации, закрыть диалоговое окно Параметры, нажав кнопку ОК. Пользователь возвращается в окно Публикация веб-узла (Publish Web).
• 9. Для запуска процесса публикации нажать кнопку Опубликовать (Publish).
• 10. После завершения публикации откроется диалоговое окно, которое содержит сообщение об успешной публикации и ссылки на основную страницу опубликованного Web-узла и просмотра сформированного log файла.
• 11. Чтобы проверить результат публикации, выберать ссылку Просмотр опубликованного веб-узла (Click here to view your published web site). Откроется основная страница созданного вами Web-узла, размещенная на сервере.

Если на сервере не установлены серверные расширения FrontPage, для публикации файлов Web-узла используется протокол FTP. В этом случае необходимо ввести адрес домена FTP сервера и корневой каталог, в котором будет храниться Web-узел, например, ftp://ftp.glasnet.ru/books. Остальные действия аналогичны публикации с использованием протокола HTTP.

Общие принципы создания Web-узла

Вы решили создать и разместить в информационном пространстве WWW (World Wide Web, Всемирная паутина) собственный Web-узел. Какие же шаги надо предпринять, чтобы он был интересен, полезен и, что немаловажно, посещаем. Первый вопрос, на который необходимо дать четкий ответ: с какой целью создается Web-узел? От этого зависит многое: стиль оформления, необходимые для создания и последующего функционирования затраты, формат представления информации для размещения в Web, инструментарий и требования, предъявляемые к программному обеспечению Web-сервера и каналам связи с Internet. Здесь возможно несколько вариантов.

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

· изменение имиджа и поднятие престижа компании;

· продвижение торговой марки;

· доступность информации о продукции и ценах для клиентов;

· поддержка дилерской сети, доступность информации о продукции и ценах для дилеров;

· прямая продажа продукции в Internet, организация Web-магазина;

· доступность внутренней информации для сотрудников, работающих вне офиса.

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

И последний вариант - когда вы считаете необходимым разместить в Internet свою личную страницу.

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

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

Типичная структура Web-узла фирмы обычно представлена так:

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

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

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

Новости . Проинформируйте клиентов о новых товарах и услугах, предоставляемых фирмой, опубликуйте пресс-релизы и т.п.

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

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

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

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

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

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

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

Структура . На сегодня представление о структуре документа достаточно устоялось. Web-документ должен содержать в себе следующие разделы: заглавие, название компании, навигационную панель, собственно содержание, контактную информацию, дату и время обновления, авторские права и статус документа.

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

Навигационная панель . Одним из наиболее важных разделов Web-документа является навигационная панель или панель управления. WWW завоевала весь мир во многом благодаря тому, что гипертекстовые ссылки обеспечивают полную связность публикуемых материалов. Но эти же ссылки таят в себе опасность погружения в полный хаос, когда, пройдя цепочку из трех-четырех документов, вы уже не сможете вернуться обратно, запутавшись в обилии ссылок. Ваш Web-узел должен обеспечивать пользователю ясные и интуитивно понятные навигационные маршруты.

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

Навигационная панель вашего Web-узла должна присутствовать в каждом документе. В первую очередь, она должна включать в себя направляющие ссылки типа "Вперед"-"Назад" ("Следующий"-"Предыдущий"), указывающие на соседние документы в структуре Web-узла. Далее от панели управления обязательно должны идти ссылки на все крупные разделы Web-узла - так называемые разделы первого уровня. И, наконец, пользователь всегда должен иметь возможность мгновенно вернуться на главную страницу Web-узла. Помимо ссылок следует указать путь к локальной поисковой системе и индексу.

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

Часто возникает вопрос о размерах документа: какое число страниц является оптимальным? Ответ на первый взгляд может показаться странным: одна экранная страница или вообще никаких ограничений. Многочисленные исследования показали, что пользователи не любят работать с полосами прокрутки браузеров. Больше всего им нравятся документы, которые размещаются на одной экранной странице. Так и в WWW - вы никоим образом не сможете дать пользователю больше информации, чем в концентрированном изложении на одной странице. Если все-таки вы не укладываетесь в эти рамки, создайте еще один документ.

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

Графика . При разработке Web-страницы нужно очень внимательно выбирать оптимальное соотношение графических и текстовых материалов. Одна хорошая картинка может заменить тысячу строк текста, но и загружаться по сети она будет в тысячу раз дольше. Поэтому графикой нужно пользоваться осторожно. Можно исходить из того, что графики на странице должно быть чуть меньше, чем хочется Web-мастеру. Пользователям может просто не хватить терпения, и они закроют документ еще до того, как он полностью загрузится. Задержка отклика системы вызывает у пользователя раздражение. Все понимают, как тяжело сейчас обстоят дела с канальной инфраструктурой в Internet. Поэтому время задержки возрастает в зависимости от времени суток, по разным оценкам до 15-60 секунд. Теперь представьте, что у клиента только модем на 19200 бит/с. Большего на российских телефонных линиях достичь очень тяжело. Тогда за минуту, то есть до того, как клиент потеряет терпение, можно передать только около 170 Кбайт данных. Следовательно, размер документа не должен превышать этого значения.

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

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

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

На что следует обратить внимание при выборе провайдера, размещающего ваш Web-узел на своем сервере?

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

Поддержка сервером провайдера SSI (Server Side Includes, вставки на стороне сервера). Использование SSI позволяет Web-серверу вставлять небольшие объемы динамических данных непосредственно в пересылаемый пользователю HTML-документ. Запрошенная HTML-страница "просматривается" в поисках элементов SSI. Обнаружив такой элемент, сервер вставляет требуемую динамическую информацию. С помощью SSI можно включать один файл в состав другого, исполнять CGI-сценарии и передавать другую информацию. Необходимо уточнить, какие именно функции SSI поддерживаются на сервере провайдера.

Поддержка сервером провайдера CGI-сценариев . CGI (Common Gateway Interface, общий шлюзовой интерфейс) - спецификация, позволяющая Web-серверу выполнять произвольные прикладные программы. В результате работы таких программ (сценариев, или "скриптов") создаются HTML-документы. С помощью CGI-сценариев могут приниматься данные от пользователя, они позволяют организовать диалог на Web-страницах, запросы к базам данных и т.д. Создать CGI-сценарий можно с помощью любого популярного языка программирования: Perl, Basic, C, C++, Pascal и т.п.

Поддержка моментальной перекодировки . К сожалению, для русского языка в Internet при работе на разных платформах (Windows, Mac, Unix и т.д.) приняты различные кодировки. Чтобы пользователю было легко просматривать страницы, Web-сервер провайдера должен уметь автоматически перекодировать документы в зависимости от поступившего запроса. В противном случае либо содержание вашего Web-узла для некоторых посетителей будет нечитаемым, либо придется обеспечивать несколько копий Web-узла - по одной на каждую поддерживаемую кодировку.

Способ обновления страниц . Обычно страницы обновляются по протоколу FTP (File Transfer Protocol, протокол передачи файлов). Некоторые FTP-клиенты позволяют работать с файлами на компьютере провайдера так же, как с собственным диском, - копировать, удалять, переименовывать и т.п.

Как правило, возможность размещения Web-узла провайдер предоставляет своим пользователям за небольшую плату или бесплатно.

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

Работа с web-узлами.

Рассмотрим более подробно различные административные задачи уровня узла, которые можно выполнять в IIS. Мы уже кратко рассматривали диалоговое окно основных свойств для службы WWW, и вы уже знаете, что в нем имеется десять вкладок, содержащих разнообразные настройки, которые можно конфигурировать. Девять из этих десяти вкладок применяются также и на уровне узла (для администрирования отдельных web-узлов); в данном разделе мы подробно изучим эти разнообразные вкладки и их настройки. В качестве примера в данной главе мы будем конфигурировать Веб-узел по умолчанию.

Вкладка веб-узел.

Вкладка Веб-узел окна свойств узла позволяет задать идентификацию web-узла, сконфигурировать ограничение на максимальное количество одновременных соединений TCP, осуществляющих сеансы HTTP, включить или отключить сохранение соединений HTTP и включать на вашем сервере регистрацию IIS.

Идентификация веб-узла.

Каждый web-узел, размещенный на компьютере IIS, должен иметь уникальную идентификацию, чтобы клиенты-браузеры могли соединяться с ним и скачивать с него содержимое. Web-узлы можно определять при помощи трех разных параметров: IP-адреса, номера порта TCP и имени заголовка хоста.
Идентификация web-узла задается в странице окна свойств этого web-узла с вкладкой Веб-узел. Чтобы web-узлы на одном компьютере имели уникальные идентификации, они должны отличаться друг от друга хотя бы одним из трех параметров идентификации. Рассмотрим разные способы задания идентификации web-узла и обсудим, как можно иметь несколько разных web-узлов на одном сервере.

Настройка нескольких IP-адресов для одной сетевой платы сервера

Вы можете сконфигурировать несколько IP-адресов для одной сетевой платы сервера или установить несколько сетевых плат, чтобы у каждой платы был свой IP-адрес. Выберите разные IP-адреса для каждого из web-узлов. Не меняйте у этих сайтов настройку порта TCP (80 - это стандартная для протокола HTTP настройка порта TCP) и не конфигурируйте имена заголовка хоста. Достоинством этого способа является то, что клиентам удобно соединяться с каждым из сайтов при помощи IP-адреса сайта в запрашиваемом ими URL (или при помощи полностью квалифицированного DNS-имени, если на сервере DNS было сконфигурировано уникальное имя хоста для каждого из IP-адресов компьютера IIS).
К недостаткам этого способа относится то, что если на компьютере содержать много web-узлов, то им придется назначать много IP-адресов. Это не проблема для приватных интрасетей, использующих один из блоков приватных IP-адресов, таких как 10.y.z.w, 172.16-31.z.z, 192.168.z.z. Но на серверах, непосредственно подключенных к Интернету, вам придется получать нужное количество IP-адресов у вашего провайдера. Тем не менее, данный способ задания идентификации web-узла является наиболее употребительным.

Настройка только одного IP-адреса для сетевой платы

Задайте разные порты TCP (с номерами, большими 1023) для каждого из web-узлов, с которыми надо соединяться. Главный недостаток этого способа - то, что клиенты должны знать номера портов web-узлов, с которыми им надо соединяться. Например, если DNS-имя сервера - Win2003s.test.fio.ru, а web-узлу на этом сервере присвоен номер порта 8023, то клиенту для доступа к этому сайту придется использовать URL http://Win2003s.test.fio.ru:8023.

Настройка одного IP-адреса с сохранением стандартного порта TCP

При этом способе конфигурируется только один IP-адрес для сетевой платы сервера, а порт TCP остается со стандартным значением (80) для всех сайтов. Сконфигурируйте уникальное имя заголовка хоста для каждого сайта при помощи кнопки Дополнительно. Имена заголовков хоста возможны в протоколе HTTP 1.1. Имя заголовка хоста, сопоставляемое каждому из узлов, является типичным полностью квалифицированным DNS-именем, присвоенным узлу в базе данных доступного сервера DNS (или в локальном файле Hosts на клиентах).

Когда вы открываете окно свойств для Веб-узел по умолчанию и страницу с вкладкой Веб-сайт , то IP-адрес задан как Все неназначенные. Это означает, что web-узел будет отвечать на любой IP-адpec, не назначенный специально другим web-узлам изданном компьютере. Именно поэтому данный сайт является используемым по умолчанию и единственным web-узлом на компьютере IIS, для которого возможен такой способ задания IP-адреса.

Когда клиент запрашивает URL вроде http://vio.fio.ru , клиент передает имя заголовка хоста vio.fio.ru в заголовки запроса HTTP, передаваемые серверу. Сервер производит синтаксический разбор имени заголовка хоста, идентифицирует web-узел, с которым должен соединиться клиент, и возвращает файлы, соответствующие запросу. Недостатком этого способа является то, что клиент тоже должен поддерживать имена заголовков хоста, то есть должен уметь передавать DNS сайта в своих заголовках запроса HTTP. Имена заголовков хостов поддерживаются браузерами Microsoft Internet Explorer версий, начиная от 3 и выше. Другим недостатком использования имен заголовков хостов является то, что данный способ не работает в сочетании с соединениями SSL, потому что в этом случае сеансы HTTP подвергаются шифрованию.

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

При изменении номера порта для web-узла не требуется перезагрузка сервера, чтобы изменения вступили в силу.

Подключения.

Страница с вкладкой Веб-узел позволяет конфигурировать для сеансов HTTP ограничение на максимальное количество действующих одновременно соединений TCP с сервером. Вы также можете включить или отключить настройку сохранения соединений (HTTP Keep-Alives) и задать значения предельного срока сохранения для соединений (connection timeout value). Настройка HTTP Keep-Alives является средством HTTP 1.1, при помощи которого клиент может сохранять открытым соединение TCP с сервером и после скачивания файла, если с этого сервера требуется скачать еще какие-либо другие файлы. Если же клиенты начнут страдать из-за замедления работы сервера или станут часто получать сообщение об ошибке "загруженности"

HTTP 500: Busy errors

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

Время ожидания, задаваемое на вкладке Веб-узел, применяется к активным сеансам TCP. В TCP имеются свои собственные настройки для завершения наполовину открытых соединений TCP, вроде тех, что создаются во время DoS-атак (Denial of Service, отказ в обслуживании), когда злоумышленники пытаются "завалить" web-сервер, переполнив его сетевое соединение пакетами TCP SYN.

Ведение журнала.

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

• Общий формат файла журнала NCSA. Создает файл в кодировке ASCII с разделителями-пробелами с предопределенным набором полей.
• Ведение журнала ODBC . Фиксированный формат ведения журнала в базе данных.
• Расширенный формат файла журнала W3C . Это настраиваемый формат журнала используется по умолчанию; создается ASCII-файл с разделителями-пробелами, причем набор полей определяется администратором.
• Формат файла журнала Microsoft IIS . Создается файл фиксированного формата в кодировке ASCII.

Новые регистрационные файлы IIS могут создаваться ежечасно, ежедневно, раз в неделю или раз в месяц, либо когда существующий регистрационный файл дорастает до некоторого заданного размера. По умолчанию файлы журнала хранятся в папке \%systemroot%\System32\LogFiles, но вы можете изменить эту настройку при помощи кнопки Обзор.

Включение ведения журнала IIS в странице с вкладкой Веб-узел вовсе не означает, что будут регистрироваться посещения всех частей вашего сайта. Вы можете использовать флажок Запись в журнал на вкладке Домашний каталог диалогового окна web-узла, чтобы включить или отключить регистрацию доступа к содержимому, размещенному в домашнем каталоге узла. Посещения других каталогов и даже отдельных файлов вы можете отслеживать с помощью других вкладок.

Вкладка Дополнительно позволяет настроить расширенные параметры журнала.

Вкладка Быстродействие.

Настройка производительности отдельных web-узлов выполняется на странице с вкладкой Быстродействие окна свойств сайта.

В этой странице вы можете конфигурировать следующие настройки:

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

Вкладка Фильтры ISAPI.

Фильтры ISAPI (Internet Server Application Programming Interface) являются дополнительными динамическими DLL-библиотеками, выполняющими специфические действия при обработке клиентских запросов HTTP службой IIS. При этой вкладки вы можете задать набор фильтров ISAPI и последовательность их обработки службой IIS. Фильтры, установленные на уровне web-узла, применяются только для выбранного web-узла. Фильтры, установленные на уровне сервера, применяются ко всем web-узлам сервера.

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

Вкладка Домашний каталог.

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

Домашний каталог.

Домашний каталог сайта задает местоположение содержимого, доступ к которому происходит при помощи URL вида

http://Имя_сайта/Имя_файла

где Имя_сайта является именем NetBIOS, IP-адресом или DNS-именем сайта, а Имя_файла - именем какой-либо страницы HTML, или файла с рисунком, или скрипта, или какого-нибудь другого файла из домашнего каталога сайта.

Домашний каталог сайта можно задать с помощью переключателя Источник содержимого при подключении к ресурсу одним из следующих способов:

• Как имя каталога, находящегося на локальном диске компьютера (положение Каталог данного компьютера).
• Как UNC-путь к сетевому разделяемому ресурсу на файловом сервере (положение Общая папка другого компьютера).
• Как перенаправление к URL, предлагающее клиенту, желающему получить доступ к содержимому, сопоставленному домашнему каталогу, соединиться с другим web-сервером, не обязательно сервером IIS (положение Постоянный адрес URL). Перенаправление может быть как временным, так и постоянным.

Перенаправление доступа.

Возможность перенаправлять доступ для домашнего каталога (или для любого виртуального каталога) к URL полезна, когда web-узел находится в процессе создания или когда он выключен из-за технического обслуживания или из-за обновления. IIS позволяет перенаправлять запрос к любому из файлов в домашнем каталоге к одному и тому же URL (например, к странице с объявлением "Идет техническое обслуживание. Сайт будет доступен через 15 минут") или к такому же файлу в сетевом каталоге (так можно перенаправлять клиентов к временному сайту-зеркалу). Можно также перенаправлять доступ к подкаталогу текущего домашнего каталога, если страница с объявлением о техобслуживании или зеркальное содержимое находятся на том же самом сервере.

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

HTTP 301 Permanent Redirect

Разрешения.

Если вы зададите местоположение домашнего каталога как локального каталога или как сетевого разделяемого ресурса, то на странице с вкладкой Домашний каталог можно задать полномочия доступа и другие настройки для этого каталога.

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

• Доступ к тексту сценария . При установленном флажке пользователи могут получить доступ к исходному тексту скриптов (например, к ASP-файлам). Обратите внимание, что если вы не включите настройку Чтение или Запись, то данная настройка не будет иметь никакого действия. (При включении настройки Чтение пользователи смогут читать исходные тексты скриптов, а при включении настройки Запись - изменять скрипты.) Настройка Доступ к тексту сценария включается обычно при проектировании серверов, в которых создается содержимое. По умолчанию она выключена.
• Чтение . Если установить этот флажок, пользователи смогут видеть содержимое каталога или файла и его свойства, такие как время создания и размер файла. По умолчанию настройка включена.
• Запись . Если установить этот флажок, пользователи смогут изменять содержимое каталога или файла. Запись на сервер могут производить лишь те браузеры, которые поддерживают команду PUT (Поместить) протокола HTTP 1.1 (к ним относится Internet Explorer начиная с версии 4). По умолчанию настройка выключена.
• Обзор каталогов . Если установить этот флажок, пользователи смогут видеть содержимое домашнего каталога в случаях, когда в ней нет принятой по умолчанию домашней страницы. Обычно эту настройку следует выключать (по умолчанию она выключена), чтобы скрыть структуру каталогов с содержимым от случайного просмотра пользователями, желающими войти туда, куда вы их пускать не желаете.
• Запись в журнал . Если установить этот флажок, то, при каждом доступе клиента к любому из файлов в домашнем каталоге, в регистрационный файл будет добавляться запись. Заметьте, что, прежде чем эта настройка начнет работать, нужно установить флажок Вести журнал на странице с вкладкой Веб-узел. По умолчанию регистрация посещений домашнего каталога включена.
• Индексация каталога . При установленном флажке Служба индексирования добавляет содержимое домашнего каталога к главному индексу. По умолчанию Служба индексирования устанавливается во время установки Windows Server 2003.

Хотя полномочие Чтение и устанавливается для Веб-узла по умолчанию, но возможность доступа к содержимому конкретного web-узла зависит от множества условий.

Настройка веб-приложения.

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

В качестве примера web-приложения можно привести набор ASP, работающих совместно и предоставляющих алгоритмические возможности для посетителей сайта. Настройки, которые вы можете pзадавать в области Параметры приложения :

• Поле ввода Имя приложения . В поле задается уникальное имя приложения.
• Исходная папка . Приложение может состоять из дерева каталогов и их содержимого. Вершина этого дерева и есть начальная точка приложения.
• Разрешен запуск . При помощи этой настройки вы можете задать типы приложений, которые можно запускать в домашнем каталоге. Можно выбрать Ничего, Только сценарии или Сценарии и исполняемые файлы.
• Группа приложений . Эта настройка позволяет вам выбрать группу приложений, связанных с данной домашней папкой.
• Кнопка Настройка . Если нажать на эту кнопку, то откроется диалоговое окно Настройка приложения, в котором можно сконфигурировать опции для сопоставления приложения интерпретирующим его машинам скриптов или программам, для копирования приложений ISAPI (с целью повышения производительности); для задания сроков сеансов; для задания используемого по умолчанию языка скриптов ASP, для настроек отладки.

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

Вкладка Документы.

На вкладке Документы окна свойств web-узла можно задать возможные имена файлов для стандартных документов домашнего каталога и порядок доступа к ним для браузера.

По умолчанию задаются четыре файла в следующем порядке: Default.htm, Default.asp, index.htm и iisstart.htm . Например, если браузер пытается соединиться с Веб-узлом по умолчанию на сервере Win2003s.test.fio.ru при помощи URL http://Win2003s.test.fio.ru, то сервер сначала проверит, имеется ли в домашнем каталоге файл Default.htm. Если там есть такой файл, то он будет возвращен клиенту. Если такого файла нет, то сервер будет искать файл Default.asp. Этот процесс будет продолжаться до тех пор, пока не найдется файл или пока не закончится список документов, используемых по умолчанию. Вы можете задать дополнительные стандартные документы (например, Index.html) или убрать документы, уже имеющиеся в списке. Можно и вовсе отменить обращения к стандартным документам, в этом случае клиенты должны знать и указывать фактическое имя файла, к которому они хотят получить доступ на сервере, задавая, например, такие URL: http://Win2003s.test.fio.ru/NoDefault.htm.

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

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

Построение web-узла

На этом занятии вы познакомитесь с новым приложением Microsoft Office - редактором web-узлов программой Frontpage. Вы научитесь создавать и модифицировать структуру узла. Ниже перечислены некоторые компоненты и операции, рассматриваемые в упражнениях занятия:

• мастер web-узла;
• список задач;
• просмотр папок узла;
• навигация;
• проверка гиперссылок;
• отчеты;
• цветовая схема узла;
• общие поля страницы.

Web-узел - это набор файлов в формате HTML, расположенных в определенной папке и связанных друг с другом гиперссылками. Один из файлов web-узла назначается главным, он представляет собой домашнюю страницу и открывается в браузере пользователя при подключении к web-узлу. Остальные web-страницы выводятся в окно браузера по мере перехода к ним по гиперссылкам. Кроме файлов HTML в состав узла входит набор графических объектов формата GIF или JPG, предназначенных для оформления страниц. С развитием браузеров, предлагающих самые разнообразные расширения стандарта HTML, в web-узлах все чаще стали появляться файлы других форматов.

Создание web-узла

Frontpage ХР - это интегрированная среда, содержащая редактор web-страниц, модули управления структурой узла и инструменты публикации узла на сервере. С помощью Frontpage даже совершенно не знакомый с языком HTML новичок может сконструировать вполне работоспособный web-узел. В руках опытного пользователя Frontpage становится мощным инструментом, позволяющим строить web-узлы любой сложности.

Примечание

Во Frontpage ХР три отдельных модуля - редактор страниц, компоновщик узла и средств поддержки web-сервера объединены в одну интегрированную оболочку, обеспечивающую удобный доступ ко всем инструментам.

Мастер web-узла

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

1. Запустите Frontpage.
2. Выберите команду Файл > Создать ^ Страница или web-узел (File > New > Web). В области задач приложения откроется окно Создание web-страниц (New Page or Web) со списком шаблонов и мастеров, которыми можно воспользоваться для построения web-узла (рис. 3.1).
3. В разделе Создание с помощью шаблона (New from Template) щелкните на значке Шаблоны веб-узлов (Web Site Template) и в появившемся окне диалога Шаблоны веб-узлов (Web Site Templates) щелкните на значке Мастер корпоративного веб-узла (Corporate Presence Wizard).
4. В поле раздела Options (Параметры) введите название папки, в которой будут храниться файлы узла (я буду пользоваться для этих целей папкой С: \Мои документы\Му Webs\Corporate).

Рис. 3.1.

1. Щелкните на кнопке ОК.
2. В первом окне мастера щелкните на кнопке Далее (Next).

Второе окно предлагает список основных web-страниц, которые можно включить в новый web-узел:

• Домашняя страница (Home Page);
• Что нового (What"s New);
• Товары и услуги (Products/Services);
• Оглавление (Table of Contents);
• Обратная связь (FeedBack form);
• Форма поиска (Search form).

1. Оставьте установленными все флажки и щелкните на кнопке Далее. Следующее окно мастера, показанное на рис. 3.2, предлагает определить вид домашней страницы. Устанавливая и сбрасывая флажки этого окна, вы добавляете или убираете соответствующие разделы домашней страницы.
2. Установите все четыре флажка.
3. Щелкните на кнопке Далее.

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

Рис. 3.2.

1. Десятое окно мастера задает общее оформление всех страниц. Установите флажки этого окна в соответствии с рис. 3.3, затем щелкните два раза на кнопке Далее.

Рис. 3.3.

1. Введите полное название компании, то же самое название, сокращенное до одного слова, и адрес компании. Щелкните на кнопке Далее.
2. В следующем окне введите телефон компании, номер факса, электронный адрес web-мастера и адрес информационной поддержки. Щелкните два раза на кнопке Далее, а затем на кнопке Готово (Finish). Мастер сгенерирует новый web-узел и откроет его в режиме просмотра задач со списком действий, которые необходимо выполнить для получения законченного узла. Пункты этого списка, показанные на рис. 3.4, были добавлены мастером. В них перечислены операции, с помощью которых вы должны наполнить смысловым содержанием сформированные web-страницы. В процессе разработки узла можно вручную добавлять новые задачи, связанные с той или иной web-страницей. Вы научитесь этому в следующем упражнении. Список задач всегда под рукой, он хранится вместе с файлами web-узла и не даст позабыть о незавершенных операциях. Чтобы открыть его, достаточно щелкнуть на кнопке Задачи (Tasks) панели режимов.