Зачетная работа по 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?
|