Лабораторная работа №2 созДание web-узла на основе шаблонов. Управление web-сервером

Задание к лабораторной работе: создать web-узел с единым оформлением на основе шаблонов FrontPage и заранее подготовленных страниц, сделать доступным просмотр узла в рамках локальной Интранет-сети.

Задание 1. Создать персональный web-узел с использованием шаблона.

1. Запустить FrontPage 2003. С помощью меню Вид перейти в представление Папки, включить отображение иерархической структуры папок узла командой Вид|Список папок (см. рис.6 выше). Выполнить команду Файл|Создать:

• На появившейся в правой части окна приложения FrontPage вкладке Создание в группе Создать веб-узел выбрать ссылку Другие шаблоны веб-узлов.

• В появившемся окне Шаблоны веб-узлов выделить мышью шаблон Личный веб-узел, в строке ввода Укажите расположение нового веб-узла набрать с клавиатуры полный путь к папке на диске для размещения web-узла (например, d:\ivanov2) – указанная папка будет создана автоматически. Нажать ОК.

Примечание. В дальнейшем при необходимости редактирования страниц ранее созданного web-узла, узел следует открыть в FrontPage, использовав команду Файл|Открыть узел.

2. Проанализировать содержимое созданного узла в режиме Папки: имена файлов страниц указаны в поле Имя, а заголовки страниц (title) –в поле Название).

3. Просмотреть организационную структуру (схему) созданного web-узла в режиме Переходы. Домашняя страница «Добро пожаловать» находится на самом верхнем уровне, остальные – на нижних. Карта узла содержит не имена файлов, а заголовки страниц (названия).

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

4. Просмотреть содержимое домашней страницы «Добро пожаловать» в режиме редактирования, дважды щелкнув на ней мышью.

5. Отредактировать текст домашней страницы на нижней вкладке редактора Конструктор, внеся свои фамилии. Работа с текстом осуществляется так же, как в редакторе MS Word. Сохранить изменения.

6. Просмотреть страницы web-узла с помощью встроенного браузера, для чего выбрать вкладку редактора Просмотр. Просмотреть имеющиеся гиперссылки «О себе», «Увлечения», «Избранное», «Фотографии», «Обратная связь» и проверить, что они отвечают организационной структуре узла. Вернуться на начальную страницу с помощью гиперссылки «Домашняя».

7. Отредактировать текст страниц «О себе», «Увлечения», внеся личную информацию.

8. Вернуться в режим Переходы, щелкнув мышью на верхней вкладке веб-узел. Переименовать заголовки страниц, входящие в web-узел: заголовок «Избранное» заменить на «Ссылки», «Фотографии» – на «Фото альбом», «Обратная связь» – на «Написать». Для изменения заголовка в режиме Переходы щелкнуть на нем правой кнопкой мыши и выбрать команду Переименовать.

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

Рис.8. Организационная структура узла после изменения

10. Открыть любую из страниц в режиме редактирования и просмотреть изменения панелей навигации (меню) страниц узла, щелкнув на нижней вкладке Просмотр. Панель отражает изменения, произведенные в названиях страниц и структуре web-узла. Перейти на страницу «О себе». Как видно, она не содержит ссылок на страницы нижнего уровня «Увлечения», «Фото альбом».

11. Отредактировать панели навигации страницы «О себе»:

• Открыть страницу «О себе» для редактирования в режиме редактора Конструктор.

• Добавить строку после заголовка (Объявления) и перед датой создания страницы, для чего щелкнуть мышью на баннере, а затем нажать клавишу со стрелкой вправо , курсор мыши будет установлен в указанное место, нажать клавишу Enter.

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

• Проверить, что вставлены ссылки на страницы «Увлечения», «Фото альбом».

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

• Сохранить изменения страницы.

12. Аналогично предыдущему пункту добавить на страницы «Увлечения» и «Фото альбом» верхние горизонтальные панели навигации со ссылками на страницы верхнего уровня (Родительский уровень) и домашнюю страницу.

13. На страницах «Увлечения» и «Фото альбом» отредактировать левую и нижнюю панели навигации, исключив из них ссылку на домашнюю страницу:

• Щелкнуть правой кнопкой мыши на соответствующей панели ссылок и выбрать из контекстного меню команду Свойства Панель ссылок.

• В окне команды снять флажок домашняя страница.

Задание 2. Добавить в web-узел ранее созданную страницу office.htm, задать единое оформление для всех страниц узла.

14. Добавить в узел ранее созданную страницу оffice.htm:

• В списке папок web-узла, отображаемом в левой части окна FrontPage выделить папку верхнего уровня (рабочую папку, например d:\ivanov2), щелкнув по ней мышью. Выполнить команду Файл|Импорт.

• В окне команды Импорт нажать кнопку Добавить файл и выбрать файл office.htm, предварительно перейдя в ту папку, где он был сохранен. Нажать кнопку Открыть.

• Имя файла с указанием пути добавится в окно команды Импорт. После этого нажать ОК.

15. Аналогичным образом импортировать в папку images узла FrontPage графические файлы, использованные в оформлении страницы «Мой офис». Для этого щелкнуть мышью на папке images и выполнить один раз команду Файл|Импорт: после нажатия кнопки Добавить файл выделить группу нужных графических файлов мышью, удерживая нажатой клавишу Ctrl или Shift – будут открыты все выбранные файлы.

16. Добавить страницу «Мой офис» в структуру узла, для чего перейти в режим Переходы и перетащить мышью значок файла office.htm из списка файлов (в левой части окна) в окно структуры узла (правая часть окна) на один уровень со страницами «О себе», «Ссылки» и «Написать».

17. Добавить на страницу «Мой офис» заголовок и панели навигации по узлу:

• Открыть страницу «Мой офис» для редактирования в режиме Конструктор.

• Добавить в начало страницы «Мой офис» три пустые строки.

• Установить курсор в верхнюю строку и выполнить команду Вставка|Объявление на странице, в окне команду установить переключатель в позицию Рисунок, текст объявления – Мой офис. Нажать ОК. Отцентрировать вставленное объявление.

• Установить курсор на вторую строку и выполнить команду Вставка|Панель ссылок – добавить горизонтальную панель ссылок на страницы того же уровня и домашнюю страницу. Отцентрировать панель.

• В третьей строке вставить дату последнего автоматического обновления страницы, выполнив команду Вставка|Дата и время. Выровнять дату по правому краю.

• Сохранить изменения в странице.

18. Задать для панелей навигации узла отображение названия домашней страницы как «Добро пожаловать». Для этого в окне команды Сервис|Параметры узла выбрать вкладку Переходы и в строке Домашняя страница ввести вместо Домашняя текст Добро пожаловать. Нажать кнопку Применить. Проанализировать изменение панелей ссылок на страницах.

19. Задать общее оформление для всех страниц узла. Выполнить команду Формат|Тема. В самой правой части окна FrontPage отобразятся доступные шаблоны оформления страниц (темы). Просмотреть темы и щелкнуть правой кнопкой мыши на понравившейся. Выбрать команду Применить как тему по умолчанию и нажать Да в окне предупреждения.

20. Просмотреть страницы узла в режиме предварительного просмотра.

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

22. Закрыть окно MS FrontPage. Просмотреть страницы узла как локальные файлы в браузере Internet Explorer. Показать узел преподавателю.

Задание 3. Сделать созданный узел доступным для просмотра через Интранет сеть с помощью web-сервера Internet Information Services.

23. Настроить web-сервер Windows на компьютере:

• Зайти в Windows с правами администратора (по указанию преподавателя)

• Выполнить команду Пуск|Настройка|Панель управления, открыть компонент Администрирование, а в нем – Управление компьютером. Проверить, что на компьютере установлен Internet Information Services, являющийся стандартным компонентом Windows: для этого раскрыть список Службы и приложения и проверить наличие в нем Internet Information Services.

• В списке Службы и приложения раскрыть список Internet Information Services, щелкнуть правой кнопкой мыши по компоненту Веб-узел по умолчанию, открыть его Свойства.

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

• Выйти из окна свойств Веб-узла по умолчанию, закрыть окно Управление компьютером.

24. Щелкнуть правой кнопкой мыши на папке, содержащей созданный web-узел, в окне команды Свойства перейти на вкладку Доступ через веб и установить переключатель в позицию Предоставить совместный доступ к папке. В появившемся окне Изменение псевдонима просмотреть или ввести псевдоним папки (например ivanov2), установить право доступа Чтение и нажать ОК.

25. Просмотреть (и запомнить) имя компьютера в сети на вкладке Сетевая идентификация в окне свойств Моего компьютера.

26. Просмотреть созданный web-узел через локальную Интранет-сеть со своего компьютера.

• В адресную строку Internet Explorer ввести адрес (URL) web-сервера, на котором находится созданный узел. URL-aдрес формируется в виде http://сетевое имя вашего компьютера/псевдоним папки (например, http://P419-1/ivanov2). В окне Internet Explorer должна отобразиться стартовая страница «Добро пожаловать» созданного web-узла.

• Просмотреть страницы узла. Заполнить и попытаться отправить форму на странице «Написать». Форма не отправлена. Для корректной работы страницы «Написать» требуется публикация узла на сервере, поддерживающем серверные расширения FrontPage.

27. Просмотреть на своем компьютере web-узлы, созданные другими студентами (либо просмотреть свой узел с другого компьютера).

28. Показать свой web-узел преподавателю.