45. Основы создания Web-документов средствами специализированных пакетов (на примере Microsoft FrontPage).

Работа в редакторе Frontpage Express

Начиная работу в редакторе Frontpage Express, следует отдавать себе отчет, что в результате его применения получается документ HTML, построенный по тем же правилам, что и создаваемый вручную. Этот факт сразу же определяет возможности и ограничения в работе этого редактора.

• Все функции редактора Frontpage Express однозначно реализуются тегами HTML.

Редактор Frontpage Express не имеет средств, которые нельзя было бы предста­вить в виде тегов HTML.

• Пользователь обычно не знает, какие именно средства HTML используются для достижения заданного эффекта и насколько корректно они применяются.

Редактор Frontpage Express «ориентирован» на применение обозревателя Internet Explorer, так что создаваемый им код HTML наиболее адекватно отображается именно в этом броузере. В частности, Frontpage Express позволяет использовать «бегущую строку», средство, которое не входит в стандарт HTML, но поддерживается Internet Explorer. Из числа стандартных средств HTML редактор Frontpage Express не под­держивает фреймы (точнее говоря, создание документов описания фреймов).

Создание и редактирование документа

Окно программы Frontpage Express (рис. 19.8) представляет собой комбинацию окна редактора и окна броузера. Документ HTML отображается редактором, как специ­фическим броузером, отображающим даже обычно невидимые элементы (такие как якоря). В то же время, этот текст можно редактировать средствами, аналогич­ными имеющимся в текстовом процессоре.

В качестве основного средства форматирования используется Панель инструментов форматирования. Она содержит:

• раскрывающийся список Изменение стиля, позволяющий выбрать стиль оформле­ния абзаца (соответствующий стандартным функциональным элементам HTML);

• раскрывающийся список Изменение шрифта, позволяющий выбрать гарнитуру шрифта (наличие такого же шрифта в ходе просмотра документа через Интернет не гарантируется);

в кнопки увеличения и уменьшения размера текста (в относительных единицах HTML);

• кнопки выбора начертания;

• кнопки выбора выравнивания текста (с помощью атрибута AUGN= в теге абзаца < Р>);

в кнопки создания маркированных (неупорядоченных) и нумерованных (упорядо­ченных) списков;

• кнопки задания отступа текста (на основе некорректного использования элемен­тов ЯГЛЙ).

Панель

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

Стандартная

Панель

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

форматирования

Рис. 19.8. Окно Web-редактора Frontpage Express

Дополнительные элементы форматирования, не вынесенные на панель инструментов, задаются в отдельных диалоговых окнах. Их можно открыть, например, с помощью команд Формат > Шрифт и Формат > Список.

Для создания гиперссылки надо выделить фрагмент текста, который будет исполь­зоваться как ссылка, и дать команду Вставка > Гиперссылка. В открывшемся диало­говом окне Создать гиперссылку выбирают вкладку WWW для создания внешней ссылки, вкладку Открыть страницы для создания ссылки на другую страницу своего узла (используется относительный адрес) и вкладку Новая страница для одновремен­ного создания ссылки и соответствующего документа, который немедленно откры­вается для редактирования.

Поле Кадр назначения служит для указания имени фрейма, в котором будет откры­ваться страница, а поле Закладка — для указания якоря, который при этом исполь­зуется.

Созданная гиперссылка отображается в окне программы Frontpage Express так же, как и в окне броузера: синим цветом и с подчеркиванием. Чтобы проверить работо­способность ссылки, следует щелкнуть на ней правой кнопкой мыши и выбрать в контекстном меню команду Перейти по ссылке.

Таблицы и формы невозможно создать только форматированием. Чтобы создать таблицу, используют команду Таблица > Вставить таблицу. В открывшемся диалого­вом окне указывают размер таблицы (в ячейках), а также дополнительные параметры, реализуемые как атрибуты соответствующих тегов. Чтобы занести информацию в таблицу, следует установить курсор в нужную ячейку и начать ввод. При работе с ячейками таблицы можно применять любые команды форматирования.

Специальной команды создания формы редактор Frontpage Express не имеет. Однако при добавлении поля формы (через меню Вставка > Поле формы) создается и форма, включающая это поле. При добавлении последующих полей следует следить за тем, чтобы они включались в ту же самую форму.

В языке HTML свойства элемента задаются атрибутами тега. Редактор Frontpage Express обеспечивает их задание с помощью специальных диалоговых окон. Чтобы открыть такое диалоговое окно, следует щелкнуть на редактируемом элементе правой кнопкой мыши. В нижней части контекстного меню располагаются команды, относящиеся к элементам документа, рассматриваемым редактором как открытые. Порядок следо­вания команд соответствует порядку вложения элементов. Выбор одной из этих команд приводит к открытию диалогового окна свойств соответствующего элемента. Элементы управления в этом диалоговом окне соответствуют атрибутам открываю­щего тега для выбранного элемента.

Дополнительные объекты вставляются в редактируемый документ при помощи меню Вставка. Например, для вставки изображения используется команда Вставка» Изображение. Если в диалоговом окне Изображение щелкнуть на кнопке Обзор, можно выбрать файл с изображением. В ходе создания документа различные графи­ческие форматы автоматически преобразуются в форматы GIFviJPEG. Сохране­ние преобразованного файла осуществляется при сохранении документа.

Другие элементы, которые можно разместить на странице, — это:

• горизонтальная линейка (Вставка > Горизонтальная линия);

• видеозапись (Вставка > Видеозапись);

• фоновое звуковое сопровождение (Вставка > Фоновый звук);

• «бегущая строка» (Вставка > Бегущая строка, этот элемент воспроизводится только обозревателем Internet Explorer).

Ограниченность возможностей редактирования при помощи Frontpage Express иногда приводит к необходимости вмешательства непосредственно в создаваемый код HTML. Это можно осуществить двумя способами. Во-первых, можно дать команду Вставка > Разметка HTML. В этом случае открывается диалоговое окно Разметка HTML, в котором можно вводить произвольный текст с разметкой. Редактор Frontpage Express маркирует его особым способом и отображает в виде небольшого значка. Чтобы увидеть результат применения этой разметки, надо открыть документ с помощью броузера.

Второй способ заключается в открытии окна просмотра генерируемого кода при помощи команды Вид > HTML При этом открывается диалоговое окно Просмотр или правка HTML, в котором отображается код HTML, сгенерированный программой Frontpage Express (рис. 19.9). Цветная маркировка позволяет немедленно увидеть ключевые слова тегов (изображены фиолетовым цветом), атрибуты (красным) и значения атрибутов (синим). Этот код можно редактировать вручную, однако после щелчка на кнопке ОК редактор проанализирует внесенные изменения и откорректи­рует полученный документ в соответствии с собственным внутренним стандартом.

Рис. 19.9. Просмотр кода, сгенерированного автоматически

Применение мастеров и шаблонов

Для упрощения и автоматизации создания Web-страниц редактор Frontpage Express позволяет использовать мастера и шаблоны. Для этого надо создать новый документ командой Файл > Создать — на экране появится диалоговое окно Новая страница. Выбор в списке Шаблон или мастер любого варианта, кроме пункта Нормальная страница, приводит к использованию мастера или шаблона.

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

Шаблоны (Форма обозрения или Форма подтверждения) представляют собой гото­вый документ «общего характера». В тех местах, где должен располагаться текст, соответствующий нуждам конкретного пользователя, вместо этого помещен текст, описывающий принципы заполнения соответствующего раздела. Этот текст заменя­ется в ходе редактирования документа. В начале документа-шаблона имеется ком­ментарий (не отображаемый в обычном броузере), описывающий общие правила заполнения данного шаблона. Сохранение документа, сформированного на основе шаблона, не изменяет сам шаблон, который может использоваться многократно.