Федеральное агентство по образованию Российской Федерации

Государственное образовательное учреждение

высшего профессионального образования

«Уфимский государственный авиационный технический университет»

Кафедра экономической информатики

Использование Microsoft FrontPage 2003 для создания сайтов

МЕТОДИЧЕСКИЕ УКАЗАНИЯ

к лабораторным работам

по дисциплинам «Основы Интернет - технологий»,

«Теоретические основы Веб - технологий»

Уфа - 2007

Составитель: С.Н. Собко

ББК

УДК

Использование Microsoft FrontPage 2003 для создания сайтов. Методические указания к лабораторным работам по дисциплинам «Основы Интернет - технологий», «Теоретические основы Веб - технологий» /Уфимск. гос. авиац. техн. ун-т; Сост.: С.Н. Собко – Уфа: УГАТУ, 2007. – 27 с.

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

Предназначены для студентов очной формы обучения дипломированных специалистов по направления подготовки бакалавров 08050062 «Менеджмент», 080700 «Бизнес-информатика»,

по специальностям: 080801 «Прикладная информатика (в экономике)», 080504 «Государственное и муниципальное управление», 08050765 «Менеджмент организации», 08011165 «Маркетинг», 08010565 «Финансы и кредит».

Ил. 30. Библиогр.: 3 назв.

Рецензент

© ГОУ ВПО УГАТУ, 2007

Оглавление

ВВЕДЕНИЕ 4

1 Теоретические сведения 4

1.1. Интерфейс Microsoft FrontPage 2003 4

1.1.1 Главное меню 5

1.1.2 Панели инструментов 6

1.1.3 Основные элементы интерфейса 6

1.2 Проектирование сайта 7

1.2.1 Создание узла 7

1.2.2 Содержание 7

1.2.3 Разработка структуры сайта 8

1.3 Разметка страницы 9

1.3.1 Общие границы 9

1.3.2 Панели ссылок 11

1.3.3 Заголовки страниц (Объявления) 12

1.3.4 Таблицы. Макетные таблицы 13

1.4 Наполнение сайта 13

1.4.1 Изображения 13

1.4.2 Гиперссылки 14

1.4.3 Меняющиеся кнопки 15

1.4.4 Слои 15

1.4.5 Настройка формы обратной связи 15

1.4.6 Прочие элементы: Бегущая строка, объекты 16

1.5 Оформление узла 17

1.5.1 Форматирование 17

1.5.2 Динамические эффекты 21

1.6 Публикация узла 22

2 Порядок выполнения работы 24

2.1 Работа, выполняемая студентом самостоятельно до начала работы в компьютерном классе 24

2.2 Работа в компьютерном классе 24

3 Контрольные вопросы 25

4 Требования к форме представления результатов работы 25

4.1 Титульный лист 26

4.2 Цель работы 27

4.3 Задания 27

4.4 Структура сайта 27

4.5 Содержание сайта 27

4.6 Выводы 27

5 Литература 27

Введение

Целью работы является приобретение практического опыта создания сайтов с помощью редактора Microsoft FrontPage: освоение возможностей проектирования узла, разработки систем навигации и вставки элементов.

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

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

В рамках самостоятельной работы студентов предусматривается подготовка к лабораторной работе, которая состоит в ознакомлении с материалами пособия, продумыванию тематики и структуры сайта, подготовке содержимого для наполнения сайта в ходе работы (текстовые материалы, изображения).

1Теоретические сведения

1.1. Интерфейс Microsoft FrontPage 2003

FrontPage представляет собой WYSIWYG – редактор HTML (what you see is what you get — что видите, то и получаете). Это означает, что в браузере веб-страницы будут выглядеть так же, как и в редакторе.

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

Несмотря на значительное сходство с Word, Frontpage является профессиональным программным продуктом для создания сайтов, что определяет существенные отличия.

Если Word предназначен для работы с отдельным документом, то Frontpage – для работы с целым веб-узлом, состоящим из многих файлов и папок. Наличие во Frontpage представлений «Список папок» и «Переходы» облегчает поиск и переход от одной страницы к другой и формирование связей между ними. Инструмент «Общие границы» позволяет выделять на всех (или определенных) страницах часть пространства, элементы на которой совпадают. Таким образом, добавив или изменив изображение или меню из ссылок на одну из страниц в этих общих участках страницы, эти изменения автоматически отобразятся на всех остальных. Это значительно облегчает работу по формированию заголовочной области («шапки») страницы и главного меню. Панели ссылок упрощают формирование меню ссылок, а объявления позволяют автоматически писать заголовок страницы. Динамические эффекты позволяют создавать визуальные эффекты, такие как: изменение изображения по щелчку мыши, изменение цвета ссылки при наведении курсора, или эффектное появление содержимого страницы при загрузке.

Рисунок 1. Интерфейс FrontPage

На Рисунок 1 представлен интерфейс редактора Microsoft Frontpage 2003.

Сверху окна располагается главное меню. Под ним панели инструментов.

Слева представление Список папок. Справа основное окно редактора веб-страницы.

Для работы со страницей существует 4 основные режима (указаны в строке внизу страницы):

«Конструктор». Основной режим. В данном режиме можно добавлять, изменить, удалять элементы. При этом их положение на страницы будет такое же, как в браузере.

«Код». HTML-код страницы.

«С разделением». Совмещение предыдущих режимов. Разделяет окно на 2 части: в одной конструктор, в другой HTML-код.

«Просмотр». Запускает просмотр страницы, близкий к просмотру в браузере. Часть элементов на странице могут не работать, поэтому зачастую удобнее просматривать страницу непосредственно в браузере. Для этого на панели инструментов есть пиктограмма с изображением лупы над страницей.