Упражнение 14. Построение web-узла

Для того чтобы создать собственный web-узел, выполните следующие действия.

1. Запустите Frontpage и выполните команду Файл > Создать > Страница или web-узел? (File > New > Page or Web).
2. В области задач в разделе Создание с помощью шаблона (New from Templates) щелкните на значке Шаблоны web-узлов (Web Site Templates) и в появившемся одноименном окне диалога дважды щелкните на значке Личный web-узел (Personal Web). Мастер построения web-узла сформирует необходимые HTML-файлы, построит пять web-страниц и добавит на них рисунки.

Щелчком на кнопке Создать (New) панели инструментов Стандартная (Standard) добавьте еще одну обычную страницу к созданному мастером web-узлу и введите текст в соответствии с рис. 2.19.

Рис. 2.19. Новая web-страница

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

3. Щелкните на кнопке Сохранить (Save) панели инструментов Стандартная (Standard), в поле Имя файла (File Name) открывшегося окна диалога введите имя pagel и щелкните на кнопке Сохранить (Save). ;
4. Щелчком на значке Переходы (Navigation) переключитесь в режим навигатора. В левой части окна навигатора выводится список файлов и папок web-узла, 1а в правой демонстрируется структура подчиненности web-страниц узла (рис. 2.21).
5. Переместите указатель на значок файла pagel.htm.
6. Нажмите левую кнопку мыши и перетащите значок в правое поле навигатора, чтобы пунктирная линия связала прямоугольник новой страницы с прямоугольником Home Page (Домашняя страница).
7. В списке файлов дважды щелкните на значке index.htm. Домашняя страница узла откроется в режиме редактора страниц.
8. В левом поле домашней страницы находится панель ссылок, щелкните на ней правой кнопкой мыши и выберите в контекстном меню пункт Свойства панели ссылок (Link Bar Properties).
9. В открывшемся окне диалога укажите, какие ссылки необходимо поместить в панель ссылок.
10. Щелкните на кнопке ОК.
    - Для домашней страницы (файл Index, htm) следует выбрать положение переключателя Дочерний уровень (Child level) и сбросить флажки Домашняя страница (Home Page) и Родительская страница (Parent Page).
    - Для остальных страниц следует выбрать положение переключателя Тот же уровень (Same Level) и установить флажок (Home Page).
11. Повторяйте указанные действия для всех имеющихся панелей навигации страницы.
12. Щелчком на кнопке Переходы (Navigation) вернитесь в режим навигатора и в списке компонентов узла дважды щелкните на другом файле с расширением HTM. Настройте панели навигации второй web-страницы. Указанным способом переберите все страницы узла и настройте их панели навигации. Немного попрактиковавшись, вы научитесь модифицировать панели по своему вкусу. Завершая редактирование очередной страницы, для сохранения изменений щелкайте на кнопке Сохранить (Save) панели инструментов.
13. Выполните команду Файл > Просмотр в обозревателе (File > Preview In Browser). В открывшемся окне диалога выберите тип браузера и размер окна просмотра. Затем щелкните на кнопке Просмотр (Preview).

- Текущая страница web-узла появится в окне браузера. В верхней части страницы находится стандартный баннер и кнопки ссылок на страницы web-узла. Слева расположена панель со ссылками, щелчки на которых перенесут вас к тем пяти страницам, которые были автоматически построены мастером web-узла.

1. Щелкая на гиперссылках, изучите структуру узла, а затем закройте окно браузера.
2. Чтобы опубликовать созданный узел в Интернете, выберите команду Файл > Опубликовать узел (File > Publish Web).
3. В открывшемся окне диалога введите адрес, по которому должен располагаться web-узел, и щелкните на кнопке Опубликовать (Publish). Теперь ваш новый узел станет доступен всему сообществу Интернета.