Лабораторная работа № 6. Создание страницы с фреймами

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

Краткие теоретические сведения.

Фреймы позволяют разделить экран пользователя на несколько частей (две или больше), каждая из которых содержит отдельную, независимо просматриваемую страницу. SharePoint Designer позволяет создавать различные конфигурации фреймов, которые в этой программе называются рамками. Наиболее популярной является следующая раскладка фреймов: содержание сайта – слева, а основной фрейм – справа. Часто добавляют еще один фрейм, который располагают в верхней части экрана (для заголовка). Проще всего создать страницу с фреймами на основе одного из готовых шаблонов. Для этого следует:

1. Выполнить команду Файл  Создать  Страница. Откроется окно диалога «Создание»;

2. В левой части окна выбрать пункт «Страница рамок», в правой части появится список шаблонов рамок (фреймов);

3. Выбрать один из шаблонов, например «Объявление и оглавление» и нажать «ОК»

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

Сохранение страниц проводится, как обычно, командой Файл  Сохранить как.

Из контекстного меню фрейма можно вызвать окно диалога «Свойства рамки» (фрейма)

В диалоговом окне «Свойства рамки» (фрейма) можно установить свойства текущего фрейма. Щелкнув по кнопке «Страница рамок» можно открыть окно диалога «Свойства страницы», вкладка «Рамки», на которой флажок «Показать рамки» снимает отображение границ между фреймами.

Создание гиперссылки во фрейме содержания:

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

2. В появившемся окне «Вставка гиперссылки» щелкнуть по кнопке «Выбор рамки», откроется окно диалога «Конечная рамка». Список «Общие объекты» показывает в какую часть экрана будет загружена страница, на которую организован переход по ссылке;

3. Выбрать один из пунктов списка, например «Новое окно» и нажать «ОК»

4. В окне «Вставка гиперссылки» выбрать имя страницы, на которую следует перейти по ссылке.

Задания. Создать Web-сайт, содержащий фреймы. Для это:

1. Создать или использовать, созданные ранее при выполнении лабораторных работ, четыре страницы: Главная, Страница 1, Страница 2, Меню. На Главной странице поместить название сайта, рисунок, небольшой текст, бегущую строку, выполнить оформление страницы. На Странице 1 и Странице 2 поместить небольшой текст произвольного содержания. На странице Меню поместить в столбик в виде оглавления названия Страницы 1, Страницы 2, Главная страница.

2. Используя созданные страницы создать Web-сайт с фреймами.

3. Каждому фрейму дать имена.

4. Выполнить цветовое оформление фреймов.

5. В области оглавления поместить содержание документа. Каждый элемент сделать ссылкой на соответствующую страницу, которая должна отображаться в другом фрейме.

6. Создать фреймы на основе разных шаблонов.

7. Определить разные режимы отображения полос прокрутки.

8. Просмотреть в Internet Explorer созданный Web-сайт и проверить работу ссылок.