1. Создание нового сайта

1. Запустить FrontPage и выбрать пункт меню Файл – Создать –Веб-узел, а затем шаблон сайта – Одностраничный сайт. В поле Укажите расположение нового сайта указать папку, в которой будет располагаться сайт, например D:\students\545\web. Затем следует нажать кнопку OK.

2. Панель Папки показывает входящие в web-узел папки и файлы: html-страницы, рисунки и т. п. В настоящий момент сайт содержит лишь одну страницу – index.htm.

3. Работа со страницей возможна в одном из трех режимов:

• конструктор – проводится редактирование страницы;

• код HTML – можно проконтролировать создаваемый код страницы и внести изменения;

• просмотр – страница показана так, как она будет отражена браузером.

4. Переключение осуществляются с помощью вкладок внизу панели.

2. Ввод текста основной страницы (структура и текст страницы разрабатываются самостоятельно)

1. Наберите текст страницы. Для заголовка страницы в поле в левой верхней части экрана FrontPage выберите стиль Заголовок 1.

Затем для ввода данных о группе введите таблицу, выбрав пункт меню Таблица – Вставить или используя соответствующую пиктограмму на панели инструментов. В таблице предусмотрите 2-3 строки по количеству студентов и колонки для Ф. И. О. и адреса электронной почты.

2. После того как в таблицу введен текст, определите свойства таблицы. Установите курсор мыши внутри таблицы, нажмите правую кнопку и в пункте Свойства таблицы определите для поля Выравнивание значение По центру. Установите флажок в поле Задать ширину, переключатель – на пункт В процентах и введите в поле число «80». Это значит, что таблица будет располагаться по центру окна браузера и занимать 80 % ширины окна.

3. В группе Границы можно определить размер и цвет рамки.

Если необходимо, чтобы у таблицы не было видимой рамки, установите в поле Размер значение 0. Группа Фон позволяет задать фон для таблицы.

4. Для определения свойств страницы выберите из контекстного меню пункт Свойства страницы и на вкладке Общие измените поле Название на значение «Главная страница». Теперь это значение будет отражаться в заголовке окна браузера при просмотре страницы.

5. Перейдите на вкладку Форматирование и в разделе Фон уста-новите флажок Фоновый рисунок. Нажав на кнопку Обзор, можно выбрать рисунок для фона страницы. Группа Цвета позволяет задать цвет шрифта по умолчанию, цвет фона по умолчанию, цвета ссылки, посещенной ссылки и активной ссылки. Измените эти параметры.

На вкладке Язык установить Русский и кодировку Кириллица.

6. Для оформления заголовка в виде Бегущей в меню Вставка выбе-рите команду Веб-компонент. В группе Выбор эффекта дважды щелкните значок Бегущая строка и задайте параметры бегущей строки.

3. Определение ссылок на главной странице

Чтобы сделать ссылку на существующую страницу, нужно просто выбрать ее из списка. Можно также определить место внутри страницы (закладку), на которое будет указывать ссылка. Если это место внутри текущей страницы, то заполнять поле URL не нужно, следует просто выбрать закладку в поле Закладка (закладка должна быть предварительно создана). Если нужно создать ссылку на закладку на другой странице, то сначала нужно выбрать эту страницу, а затем – закладку.

1. Создайте ссылки на персональные страницы студентов. Для этого выделите фамилию в таблице и создайте ссылку, нажав на панели инструментов кнопку создания гиперссылки либо выбрав пункт меню Вставка – Гиперссылка.

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

3. Воспользовавшись вкладкой Веб-узел, вернитесь на главную страницу index.htm и создайте ссылку на новую страницу для второго студента. Сохраните ее. В результате в Списке файлов и папок будут отражены все три входящие в сайт страницы.