Создание WEB-СТРАНИЦ СРЕДСТВАМИ FRONTPAGE

Создание WEB-СТРАНИЦ СРЕДСТВАМИ FRONTPAGE

Назначение программы

FrontPage предоставляет набор стандартных возможностей по созданию, редактированию и форматированию Web-страниц, напоминающих аналогичные средства, имеющиеся в редакторе Word. Кроме этого, он позволяет просматривать Web-узел в различных режимах и изменять его структуру, создавать новый Web-узел с помощью мастеров, шаблонов, копировать Web-узел с одного сервера на другой, устанавливать права доступа для отдельных пользователей либо группы пользователей.

Интерфейс программы во многом напоминает интерфейс других программ, входящих в пакет MS Office, таких как Word, Excel и др.

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

Для создания и редактирования Web – страниц обычно используется встроенный редактор режима просмотра страницы.

Для создания пустой страницы достаточно щелкнуть по кнопке Новая страница (New Page) на панели инструментов Стандартная, после чего откроется чистая Web – страница. Допускается одновременное открытие нескольких страниц, переключение между которыми осуществляется через меню Окна.

Новую страницу можно создать и с помощью шаблона, который служит своего рода заготовкой для новой Web – страницы.

Ввод, редактирование и форматирование текста

Ввод и редактирование текста в режиме просмотра страницы осуществляется практически также как и в текстовом процессоре Word. Вид шрифта и его размер можно выбирать при помощи раскрывающихся списков, окна которых расположены на панели Форматирование . Если воспользоваться командой Формат → Шрифт, то можно кроме этого выбрать стиль шрифта, его цвет и различные эффекты его изображения.

Выравнивание абзаца, в конце которого при наборе нажимается клавиша <Enter> (он при этом помечается символом ¶) можно осуществить по левому краю, по центру или по правому краю.

Создание горизонтальной линии. Для этого нужно выполнить следующие действия:

1. Поставить курсор в то место, где должна пройти линия.

2. Выполнить команду Вставка → Горизонтальная строка(Insert → Horizontal Line).

3. Для редактирования свойств созданной линии дважды щелкнуть на ней (или открыть контекстное меню и выбрать в нем команду Свойства горизонтальной линии (Horizontal Lines Properties).

В открывшемся диалоговом окне (рис.3.1.)можно задать: ширину или высоту в пикселах или % от ширины окна, цвет, расположение (выравнивание).

Рис.3.1. Окно для задания свойств горизонтальной линии

Использование заголовков. Заголовки являются очень эффективным и часто используемым средством структуризации Web – страницы. На Web – странице может быть до шести уровней заголовков: от Уровня 1 – самого крупного, до Уровня 6 – самого мелкого.

Для создания заголовка нужно щелкнуть на тексте или абзаце, который будет служить заголовком, а затем раскрыть список Стилина панелиФорматированиеи из шести уровней заголовков в списке выбрать требуемый (рис.3.2.).

Рис.3.2. Окно со списком заголовков

Создание бегущей строки.

Для этого необходимо выполнить следующие действия:

1. Установить курсор туда, где будет начало бегущей строки.

2. Выполнить команду Вставка → Компонент → Бегущая строка (Insert →Component → Marquee).

3. В открывшемся диалоговом окне установить свойства бегущей строки:

· текст (Text) строки:

· направление перемещения текста: влево (Left) или вправо (Right);

· ширину (Width) и высоту (Height) строки в пикселах или % от ширины окна;

· цвет фона (Background color);

· стиль написания текста;

· число повторений и др.

4. Щелкнуть по кнопке ОК, после чего текст бегущей строки будет помещен на страницу.

Чтобы посмотреть, как строка будет выглядеть в окне браузера нужно:

· либо открыть страницу в каком – либо браузере;

· либо открыть страницу в режиме предварительного просмотра.

Для редактирования свойств бегущей строки нужно дважды щелкнуть на ней или, открыв контекстное меню, выбрать пункт Свойства бегущей строки(Marquee Properties).

Редактирование гиперссылки.

Текст созданной гиперссылки можно редактировать так же, как любой другой текст Web – страницы. Можно также изменить рисунок, используемый в качестве графической гиперссылки. Для этого нужно щелкнуть на нем правой кнопкой мыши и выбрать из контекстного меню команду Свойства изображения (Picture Properties). В открывшемся окне указать новый графический файл или найти его в папках Web – узла или других источников, используя кнопку (Browse).

Для изменения ресурса, на который ссылается гиперссылка, нужно выделить изображение, являющееся гиперссылкой, или установить текстовый курсор внутри текста гиперссылки (весь текст выделять не нужно). После чего создать гиперссылку заново или воспользоваться командой Свойства Гиперссылки(Hyperlink Properties) из контекстного меню и в открывшемся диалоговом окне изменить существующий URL ресурса на любой другой. Если URLудалить вообще, то тем самым будет удалена гиперссылка, хотя текст (или изображение) гиперссылки на Web – странице останутся.

Форматирование Web – страниц

К форматированию можно отнести следующие формы представления информации на странице: вид шрифта, его размер, цвет и кодировка, фон страницы, цвет ссылок.

Выбор фона страницы.

Для установки фона страницы можно использовать следующие способы:

· заливка цветом;

· фоновый рисунок.

Заливка цветом выполняется при помощи команды Формат → Фон(Format → Background) и в открывшемся окне (рис.3.5) на вкладке Фон выбираются цвет фона Фон (Background), текста Текст (Text) и ссылок Гиперссылок (Hyperlink).

Установка фонового рисунка.

На той же вкладке, где выбирается фон страницы, нужно установить флажок возле опции Фоновый рисунок (Background Picture), и используя кнопку Обзор (Browse), выбрать фоновую картинку из числа имеющихся на диске через окно Выбрать файл (Select File) или с помощью окна Выбрать фоновый рисунок(Select Background Picture)

В этом окне есть две кнопки:

· - позволяет осуществить поиск фонового рисунка в сети Интернет;

· - служит для поиска файла с рисунком на жестком диске компьютера.

Кнопка позволяет выбрать рисунок из готовой галереи рисунков Clip Art Gallery.

Рис.3.5. Окно для установки свойств страницы

Установка кодировки страницы.

Существует множество вариантов кодировки страницы. Чтобы выбрать желаемый вариант необходимо:

1. Выполнить команду Формат → Фон.

2. В открывшемся окне Свойства страницы(Page Properties) на вкладке Язык (Language) выбрать из списков:

· Язык страницы (Page Language) – Русский(Russian);

· Кодирование HTML (HTML Encoding) – Кириллица(Cyrillic).

4. Сохранение и открытие Web – страницы

Для сохранения Web – страницы нужно выполнить команду:

Файл → Сохранить (File Save) или Файл → Сохранить как(File → Save As).

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

Для открытия Web – страницы нужно выполнить команду Файл → Открыть(File →Open) или нажать на кнопку . После чего в открывшемся диалоговом окне выбрать файл, который содержиткод этой страницы.

Печать Web – страницы.

Предварительно можно сделать просмотр распечатываемого документа на экране, выполнив команду

Файл → Просмотр Печати (File → Print Preview).

Создание WEB-СТРАНИЦ СРЕДСТВАМИ FRONTPAGE

Назначение программы

FrontPage предоставляет набор стандартных возможностей по созданию, редактированию и форматированию Web-страниц, напоминающих аналогичные средства, имеющиеся в редакторе Word. Кроме этого, он позволяет просматривать Web-узел в различных режимах и изменять его структуру, создавать новый Web-узел с помощью мастеров, шаблонов, копировать Web-узел с одного сервера на другой, устанавливать права доступа для отдельных пользователей либо группы пользователей.

Интерфейс программы во многом напоминает интерфейс других программ, входящих в пакет MS Office, таких как Word, Excel и др.

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

Для создания и редактирования Web – страниц обычно используется встроенный редактор режима просмотра страницы.

Для создания пустой страницы достаточно щелкнуть по кнопке Новая страница (New Page) на панели инструментов Стандартная, после чего откроется чистая Web – страница. Допускается одновременное открытие нескольких страниц, переключение между которыми осуществляется через меню Окна.

Новую страницу можно создать и с помощью шаблона, который служит своего рода заготовкой для новой Web – страницы.