Зачетная работа по Microsoft FrontPage

Microsoft FrontPage является программным продуктом из расширенного комплекта Microsoft Office и предназначен для разработки отдельных web-страниц и целых web-сайтов любой сложности. FrontPage является одним из самых популярных визуальных ин-струментов web-дизайна.
Microsoft FrontPage 2003 включает средства для профессионального проектирования, разработки, работы с данными и публикации, необходимые для создания динамических веб-узлов.
FrontPage позволяет как разрабатывать web-сайты в режиме визуального конструк-тора, без редактирования HTML-кода, так и получать доступ к соответствующему коду, создаваемому во время работы.
FrontPage включает в себя шаблоны сайтов и шаблоны страниц. Инструмент Мастер сайтов на основе выбранного пользователем шаблона сайта формирует набор страниц с ссылками между ними. Пользователю остается заполнить страницы созданного шаблона сайта информацией. Шаблон страницы позволяет выбрать из базы шаблонов требуемый вид страницы и заполнить его информацией.
Главной особенностью FrontPage является то, что этот редактор работает в режиме WYSIWYG (What You See Is What You Get - что видишь – то и получишь), то есть позво-ляет создавать HTML-страницы в визуальном режиме. Для создания страниц пользователь использует те же приемы и навыки, что и при работе в Microsoft Word.. При этом необхо-димый код на языке HTML генерируется автоматически.
Веб-узел
Веб-узел – набор связанных между собой информационных онлайновых ресурсов, предназначенных для просмотра через компьютерную сеть с помощью специальных про-грамм – веб-обозревателей.
Веб-обозреватель (browser, браузер) – программа, используемая для навигации и просмотра различных интернет-ресурсов. Веб-обозреватель считывает HTML-документ и форматирует его для представления пользователю. Наибольшее распространение получи-ли браузеры Microsoft Internet Explorer, Netscape Navigator, Mozilla, Opera.
Веб-узел состоит из отдельных веб-страниц. Структура каждой веб-страницы опре-деляется ее внутренним HTML-кодом. Пользователь может просматривать этот код и ра-ботать с ним в панели Код или панели С разделением режима просмотра страниц, однако большая часть работы выполняется в панели Конструктор. Для работы в программе FrontPage не обязательно знать, как создается HTML-код.
Веб-узел вначале разрабатывается на локальном компьютере, а затем публикуется в Интернет. Пользователь не сможет получить доступ ко многим функциям, пока узел не будет опубликован на сервере, где запущен пакет FrontPage Server Extensions.
В Microsoft FrontPage существует несколько способов просмотра содержимого веб-узла, облегчающих разработку, публикацию и управление им. Работать с веб-страницами можно, используя одно из следующих представлений.
Представления HTML-страниц в FrontPage
В зависимости от необходимого способа просмотра страниц и работы с ними можно использовать один из четырех режимов представления HTML-страниц:
Конструктор. Веб-страницы можно разрабатывать и редактировать по умолчанию в режиме Конструктор. Этот режим предоставляет практически все возможности WYSIWIG (WYSIWYG (What You See Is What You Get — режим точного отображения). Этот режим позволяет пользователю просматривать вид документа в окончательной версии и изменять текст, рисунки и другие элементы непосредственно в этом представлении при создании веб-страниц, такие же, как при работе со средствами разработки.

Код. Позволяет самостоятельно просматривать, записывать и редактировать теги HTML. Используя средства оптимизации кода в Microsoft FrontPage, можно создать чис-тый код HTML, также упрощается процедура удаления ненужного кода.

С разделением. Проверять и редактировать содержимое веб-страницы можно в формате с разделением экрана, одновременно в режимах Код и Конструктор.

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

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

Ход работы
1. Создание одностраничного web-сайта с помощью шаблона
Самый простой способ создания нового сайта – это использование одного из шабло-нов FrontPage. Шаблоны позволяют создать макет определенного типа web-страницы или узла, обозначая с помощью заполнителей тип содержимого, которое пользователь должен поместить в определенных местах узла.
Для создания узла при помощи шаблона нужно выбрать шаблон и указать место, где должен быть создан узел. FrontPage создаст новый узел и применит к нему структуру шаблона.
Для запуска Microsoft FrontPage 2003 следует нажать кнопку Пуск, выбрать пункт Программы, далее – Microsoft Office и далее – Microsoft Office FrontPage 2003. Откроется окно программы Microsoft FrontPage.

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

Далее необходимо определить место расположения нового узла и его имя. FrontPage создает в профиле пользователя (c:\Documents and Setiings\Имя пользователя\Мои доку-менты специальную папку для сохранения веб-узлов – Мои веб-узлы.
В секции Параметры необходимо нажать на кнопку Обзор, и перейти в папку Мои документы в локальном профиле. Далее на панели инструментов диалогового окна Место для нового веб-узла нажать на кнопку Создать новую папку  и ввести имя для создаваемого веб-узла – OnePageHost  и нажать последовательно кнопки ОК и Открыть.

В диалоговом окне Шаблоны веб-узлов нажмите кнопку ОК.
Через несколько секунд FrontPage отобразит структуру только что созданного одно-страничного узла . FrontPage открывает новый узел в режиме отображения, ко-торый использовался в последний раз. Если полученный вид окон FrontPage отличается от представленного, то необходимо в главном меню выбрать пункт Вид | Папки.

Далее в окне Список папок , расположенном в левой части главного окна FrontPage, необходимо дважды щелкнуть на файле index.htm, чтобы открыть этот файл в режиме просмотра Страница. Файл index.htm является стартовой страницей узла – именно с нее будет начинаться просмотр.

Страница index.htm в режиме просмотра страницы является совершенно пустой. В окне необходимо набрать следующий текст:
Фамилия Имя Отчество
Группа _________
Мой первый одностраничный веб-узел

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

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

Далее необходимо сохранить созданную веб-страницу. Для этого следует выбрать пункт главного меню Файл | Сохранить или нажать кнопку на панели инструментов.
Далее следует просмотреть разработанный сайт в браузере. Для этого можно вы-брать пункт главного меню Файл | Просмотреть в обозревателе и далее – желаемое разре-шение экрана, либо нажать кнопку F12.

2. Создание личного веб-узла на основе шаблона
При помощи шаблона Личный веб-узел в папке Мои веб-узлы создайте узел с назва-нием MyPersonalWeb
В панели Список папок дважды щелкните на файле index.htm, чтобы открыть стар-товую страницу веб-узла в режиме просмотра страниц.

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

Откроется диалоговое окно Изменение гиперссылки .
В поле Тест наберите текст гиперссылки "Поисковая система Yandex", а в строке Адрес – URL, по которому будет осуществлен переход при выборе этой гиперссылки – http://www.yandex.ru.

Аналогично вместо ссылок "См. Example.org" и "Загляните на Example.net" создайте ссылки на веб-сайт Херсонский экономично-правовой институт (http://www.hepi.edu.ua).
Абзац "Примечание: Это место для размещения …" замените информацией о сего-дняшней погоде в Херсоне.
Аналогично заполните страницы шаблона "О себе" и "Увлечения". Для перехода к этим страницам в режиме конструктора используйте одноименные ссылки на панели на-вигации сайта, удерживая нажатой кнопку Ctrl.
Сохраните все измененные страницы. Просмотрите разработанный на основе шаб-лона сайт в браузере.
Измените тему оформления с помощью команды Формат-Тема
Сохраните все измененные страницы. Просмотрите разработанный на основе шаб-лона сайт в браузере


Контрольные вопросы
1.    Назначение программного продукта Microsoft FrontPage.
2.    Сформулируйте понятия веб-узла и веб-обозревателя (браузера).
3.    Какие типы узлов могут создаваться при помощи Microsoft FrontPage.
4.    Какие существуют способы представления HTML-страницы в Microsoft Frontpage?