Лабораторная работа №17 Технология создания Web – страниц в FrontPage

Цель и содержание: Освоить основные приемы работы с программой Microsoft FrontPage

Теоретическое обоснование

Изучите теоретический материал по данной теме, используя литературу [7,11].

Аппаратура и материалы. Для выполнения лабораторной работы необходим персональный компьютер, с характеристиками позволяющими установить операционную систему Windows XР, интегрированный пакет Microsoft Officе с редактором Web – страниц FrontPage.

Указания по технике безопасности. Самостоятельно не производить: установку и удаление программного обеспечения: ремонт персонального компьютера. Соблюдать правила технической эксплуатации и техники безопасности при работе с электрооборудованием.

Методика и порядок выполнения работы

Выполните предложенные задания, обратив внимание технологию разработки Web-узла с помощью программы FrontPage

Задание 1. Создание нового Web-узла

• Создайте папку Веб_[ фамилия] на Локальном диске (D:) в папке Student в вашей папке.

• Запустите программу Microsoft FrontPage. (Пуск  Программы  Microsoft FrontPage).

• Откройте область задач Файл  Создать в области задач Приступая к работе для перехода в Создание выберите Создать страницу или веб-узел...

• В области задач Создание выберите Пустой веб-узел, в открывшемся окне Шаблоны веб-узлов укажите размещение создаваемого веб узла при помощи кнопки «Обзор»  Мой компьютер  Локальный диск (D:)  Student  Веб _фамилия  Открыть  ОК

• На панели Представления выберите «Переходы».

• На рабочем поле вызовите правой кнопкой мыши контекстное меню. Выберите команду Создать Верхняя страница. На рисунке 17.1 показана структура создаваемого Web-узла.

Рисунок 17.1 – Структура Web-узла

• Выберете пиктограмму «Домашняя страница»  нажмите кнопку [создать страницу].

• Создайте новую страницу и переименуйте ее. Для этого щелкните правой кнопкой мыши на пиктограмме созданной страницы  Переименовать  «Мое образование».

• Аналогично создайте остальные страницы (рисунок 17.1).

Задание 2. Добавление фоновых параметров страниц Web-узла

1. Дважды щелкните мышью на пиктограмме домашней страницы.

2. Выберете набор стилей оформления элементов страниц узла ФорматТема.

3. Установите фоновый звук. Файл  Свойства  Фоновый звук  Расположение  Обзор

4. (Выберите звуковой файл в папке С:\WINNT\Media или в другом месте).Укажите число повторов звукового файла или отметьте его непрерывность.

5. Сохраните страницу в узле. В режиме «Просмотр» убедитесь в наличии фоновых изменений. Вернитесь в режим «Обычный».

Задание 3. Создание общих областей

• Формат  Общие границы  Применить  Ко всем страницам. Установите флажки, определяющие местоположение областей для размещения информации.  ОК (рисунок 17.2)

Рисунок 17.2 – Окно диалога Общие границы

• Вставьте название домашней страницы в общую область, оформленное в стиле темы. Щелчком правой кнопки мыши на словах Домашняя страница вызовите контекстное меню и выберите команду Объявление на странице введите в поле ввода название страницы «О себе»  ОК.

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

Задание 4. Создание таблиц

• Укажите курсором место для вставки таблицы (не в общей области). Таблица  Вставить или нажать кнопку Добавить таблицу на Панели инструментов. Вставить таблицу из одного столбца и двух строк.

• В первую строку поместите графическое изображение: Вставка  Рисунок  Из файла  Выбрать файл  Вставить.

• С помощью мыши перетащите изображение в первую строку таблицы.

• Во вторую строку таблицы введите текстовое пояснение к рисунку.

• Настройте свойства таблицы: Выделите таблицу (Таблица  Выделить  Таблица),

• Чтобы линии таблицы были не видны в обозревателе, задайте толщину линии 0 пикселей. Таблица  Свойства таблицы  Таблица  Границы  Размер  0  ОК.

• Сохраните файл. В диалоговом окне Сохранение внедренных файлов нажать кнопку ОК.

• Просмотрите созданную страницу в обозревателе (Файл  Просмотр в обозревателе  Internet Explorer  Просмотр.

Задание 5. Вставка горизонтальной линии

• Установите курсор под таблицей. ВставкаГоризонтальная линия.

• Вставьте горизонтальные лини на других страницах, используя коллекцию картинок Оформление ® Разделители

Задание 7. Вставка фотоколлекции

• Через «Переходы» выйдете на страницу «Фотоальбом».Вставка  Рисунок  Создать фотоколлекцию.

• В диалоговом окне (рисунок 17.3)выбрать сначала вкладку Рисунки  Добавить  Рисунки из файла  Выбрать рисунок  Открыть.

Повторить указанные действия для каждой фотографии. Затем – Макет  Выбрать понравившийся формат  ОК

• Через «Переходы» перейдите на страницу «Моя работа». Вставьте объект WordArt (аналогично добавлению элемента WordArt в текстовый документ Word).

Задание 7. Создание гиперссылок на странице

• Откройте домашнюю страницу, в левой части напишите «Мой фотоальбом». Выделите название.

• Вставка  Гиперссылка  Связать с  Файлом, веб-страницей  Фотоальбом  ОК.

Рисунок 17.3 – Окно диалога Свойства коллекции фотографий

• Проверьте действие гиперссылки, просмотрев страницу.

• Для создания гиперссылки на сайт интернет в поле Адрес пишите адрес страницы на которую ссылаетесь.

• Например, прикрепите гиперссылку к рисунку в таблице (Отметьте выбранный рисунок и далее Вставка  Гиперссылка  Связать с  Файлом, веб-страницей  адрес интеренет-сайта  ОК

• Для создания гиперссылки на электронную почту выберите пункт Связать с  Электронной почтой  в поле Адрес пишите адрес электронной почты на которую ссылаетесь(адрес своего электронного ящика).

Задание 8. Создание панели ссылок

• Установите курсор на домашней странице внизу.

• Вставка  Панель ссылок  Тип панели  Панель, основанная на структуре переходов  Далее  Выберите стиль панели  Готово  ОК.

Содержание отчета и его форма

Отчет по лабораторной работе должен содержать:

1. название работы;

2. цель лабораторной работы;

3. формулировку задания и технологию его выполнения;

4. ответы на контрольные вопросы;

5. приложение - дискету с файлами, выполненных заданий.

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

1. Как создать новый Web - узел?

2. Как создать новую страницу?

3. Как переименовать страницу?

4. Как установить фоновые параметры страниц Web-узла?

5. Как задать общие границы?

6. Как поместить одну и ту же информацию на всех страницах сайта?

7. Как вставить на страницу фотоколлекцию?

8. Как создать гиперссылки на странице?

9. Как создать новую панель ссылок?

Защита лабораторной работы

По результатам отчета, представленного в письменной форме, проводится собеседование, имеющее контрольные и учебные функции.