Создание электронного учебника в редакторе Miсrоsоft FrоntРаgе

Работа в редакторе должна начинаться с создания нового или открытия

уже существующего сайта. Поэтому после загрузке редактора выберите пункт

меню

«Файл\Закрыть»,

а

если

это

не

очистило

рабочую

область,

то

«Файл\Закрыть веб-узел».

Для

открытия

существующего

сайта

используется

пункт

меню

«Файл\Открыть веб-узел».

Рабочий стол

Обычно рабочий стол состоит из трех частей



Вид. Управляет отображением wеb-сайта.



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

wеb-страницами сайта. При двойном щелчке на имени файла можно перейти

к его редактированию.



Рабочая область. Представление этой части зависит от варианта,

выбранного в разделе «Вид»

Рассмотрим

раздел

рабочего

стола

«Вид».

Возможны

следующие

представления рабочего стола.



Страница.

В

этом

случае

рабочая

область

предоставляет

возможность разрабатывать текущую страницу. При этом на рабочей области

присутствуют три закладки. Закладка «Обычный» позволяет редактировать

страницу в режиме WISYWIG. Закладка «HTML» позволяет прочитать html-

код

текущей

страницы

и

при

необходимости

его

исправить.

Закладка

«Просмотр» предоставляет возможность увидеть, как будет выглядеть wеb-

страница в браузере.



Папки. В этом случае рабочая область отображает список wеb-

страниц сайта в виде таблицы с более подробными сведениями. При двойном

щелчке на имени wеb-страницы, переходим к ее редактированию.



Отчеты. В этом случае рабочая область отображает различную

статистическую

информацию

о

сайте,

например,

количество

страниц,

рисунков и т.п.



Гиперссылки. Этот режим предусматривает графический режим

для представления ссылок, в которых участвует текущая страница.



Переходы

–

визуальное

представление

карты

сайта.

Нами

использоваться не будет.



Задания. Предназначен для управлением разработкой сайта, если

в этой работе одновременно принимают участие множество работников.



Начало создания веб-узла

Д л

я создания

нового

с айт а

и с п о л ь з у е м

п у н к т

м е н ю

«Файл\Создать\Страница

или

веб-узел».

При

этом

появляется

окно

для

выбора

типа

сайта

(см.

рис.).

Кроме

того,

необходимо

указать

папку,

в

которой

будет

размещен

новый

сайт.

Лучше

указать

новую,

еще

не

существующую

папку.

После

нажатия

кнопки

«ОК»

редактор

создаст

указанную папку, в ней разместит собственную служебную информацию и

одну wеb-страницу с именем indех.

Создание фона страницы

Теперь сделаем фон, для этого:

1.

В

м е н ю Формат

щелкаем Фон.

Откроется

окно Свойства

страницы.

1.

На

вкладке Ф о н в

разделе Форматирование нажимаем кнопку

Обзор и выбираем рисунок из файла imаgеs в нашем веб-узле

2.

Щелкаем ОК.

Сделаем заголовок в верхнем фрейме в виде бегущей строки. Бегущая

строка – перемещающийся по заданным Вами правилам фрагмент текста.

Создание и форматирование таблиц

1.

Устанавливаем курсор в начале страницы.

2.

В

меню Таблица

выделяем

пункт Вставить, а затем выбираем

команду Таблица. Появится следующее окно

3.

В поле Число строк вводим число нужных строк.

4.

В поле Число столбцов вводим число нужных столбцов.

5.

В поле Выравнивание задаем положение таблицы на странице.

6.

В

поле Толщина границы вводим ширину (в точках) границы

таблицы. Если граница не нужна, вводим значение 0.

7.

Чтобы изменить заполнение ячеек таблицы (расстояние между

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

ячеек.

8.

Чтобы изменить интервал между ячейками (расстояние от одной

ячейки до другой), вводим соответствующее значение в поле Интервал ячеек.

9.

Чтобы изменить ширину таблицы, выполните одно из следующих

действий.

o

Устанавливаем

переключатель в

т о ч к а х

и

в в о д и м

предполагаемую ширину таблицы в точках.

o

Устанавливаем переключатель в процентах и вводим процент от

ширины экрана, который должна занимать таблица.

Примечание.

Заданные

для

новой

таблицы

свойства

будут

использоваться

по

умолчанию

при

создании

следующей

таблицы.

Также

можно менять размер ячеек таблицы при помощи мыши.

Если

мы

создали

таблицу,

а

нам

необходимо

вставить

строку

или

столбец, или объединить ячейки, то поступаем следующим образом:

Добавление столбца в таблицу.

1. Выделяем любой столбец, установив курсор над ним (курсор должен

принять вид

) и щелкаем левой кнопкой мыши.

2. Переместив курсор на выделенную область, щелкаем правой кнопкой

мыши и в контекстном меню выбираем Добавить столбцы.

Добавление сроки в таблицу

1.

Выделяем

строку

таблицы,

перед

которой

необходимо

добавить

новую. Для этого устанавливаем курсор на границу крайней левой ячейки

данной строки (курсор должен принять вид

) и щелкаем один раз левой

кнопкой мыши.

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

над выделенной строкой.

2. Переместив курсор на выделенную область, щелкаем правой кнопкой

мыши и в контекстном меню выбираем Вставить строку.

Объединение ячеек

1.

Выделяем строку или столбец таблицы.

2.

Переместив

курсор

внутрь

выделенной

строки

или

столбца,

щелкаем правой кнопкой мыши и в контекстном меню выбираем Объединить

ячейки.

Примечание.

Данная

команда

доступна,

только

если

выделено

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

выделить несколько ячеек, выделите первую, затем нажмите клавишу СTRL

и, не отпуская ее, щелкните остальные.

Таким образом, при помощи таблицы мы разбиваем нашу страницу на

свободные области, в которых будем вводить либо текстовую информацию,

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

Установка невидимых границ таблицы

1. Устанавливаем курсор в любом месте внутри таблицы.

2. Щелкаем правой кнопкой мыши и в контекстном меню и щелкаем

Свойства таблицы.

3.

В

открывшемся

окне

Свойства

таблицы

в

поле

Размер

раздела

Границы вводим значение 0.

Установление невидимых границ таблицы

4.Щелкаем ОK в окне Свойства таблицы.

5.

Сохраняем

страницу,

щелкнув

кнопку Сохранить

на

панели

инструментов.

Делам фон страницы, и в итоге мы получаем страницу, имеющую

следующий вид. По аналогии мы делаем другие страницы нашего веб-узла.

Создание гиперссылок

Рассмотрим на примере с первой страницей.

Выделяем

во

втором

фрейме

«Основные

понятия

геометрической

оптики», нажимаем кнопку Добавление гиперссылки

. Выскакивает окно,

которое имеет следующий вид:

Выбираем в этом окне файл nеw_раgе_1 и щелкаем ОК. Аналогично

делаем гиперссылки для всех страниц.