Microsoft Office FrontPage 2003 - уникальная программа, с помощью которой с легкостью можно создать сайт. Наличие Справки, множества простых, можно сказать стандартных программ, делают ее незаменимой помощницей для новичков. Для того, чтобы поподробнее ознакомиться с возможностями Microsoft Office FrontPage мы рассмотрим набор возможных команд.

Чтобы выполнить оптимизацию HTML-текста при публикации страницы, необходимо настроить удаленный веб-узел.

1. В представлении Удаленный веб-узел на вкладке Веб-узел нажмите кнопку Оптимизировать опубликованный HTML-текст.

2. На вкладке Оптимизация HTML выберите вариант При публикации оптимизировать код HTML, удалив следующие элементы.

3. Выберите нужные параметры.

Примечания

· Программа Microsoft FrontPage не применяет эти параметры к веб-страницам, ранее опубликованным на веб-узле. Чтобы применить эти параметры к странице, опубликуйте ее на веб-узле.

· Оптимизацию HTML-текста можно выполнить при публикации с локального веб-узла на удаленный, но не наоборот.

· Если установлен флажок Все примечания HTML или Примечания в динамических веб-шаблонах, при оптимизации HTML-текста программа FrontPage удаляет весь код динамических веб-шаблонов для этой страницы. Поэтому все содержимое страницы, связанное с динамическим веб-шаблоном, не будет больше отображаться для посетителей узла. С помощью веб-компонентов в программе Microsoft FrontPage в веб-узел можно включить широкий спектр функциональных возможностей, начиная от счетчиков посещений, регистрирующих число посетителей на странице, до фотоколлекций, представляющих собой наборы графических изображений. Существует два вида веб-компонентов: компоненты времени разработки и компоненты времени просмотра. Компоненты времени разработки являются средствами создания и разработки веб-страниц. Они доступны в программе FrontPage. При добавлении компонента времени разработки в веб-узел -- например, фотоколлекции или панели ссылок -- не требуется устанавливать дополнительное программное обеспечение или серверные технологии на веб-сервере, на котором размещен веб-узел. Компоненты времени просмотра доступны на веб-узлах, размещенных на веб-серверах, на которых запущены серверные расширения Microsoft FrontPage Server, службы SharePoint Team Services (Microsoft) или Microsoft Windows SharePoint Services.

· Гиперссылка -- это связь между веб-страницами или файлами. При щелчке гиперссылки посетителем узла указанный в ней объект отображается в веб-обозревателе, открывается или запускается в зависимости от типа этого объекта. Например, при щелчке гиперссылки на страницу эта страница отображается в веб-обозревателе, а при щелчке гиперссылки на avi -файл этот файл открывается в проигрывателе Windows. Способы применения гиперссылок:

Переход к файлу или веб-странице в локальной сети, в интрасети или в Интернете

Переход к файлу или веб-странице, которые будут созданы в будущем

Отправка сообщения по электронной почте

Запуск передачи файла, например загрузки файла или отправки файла по протоколу FTP

Переход к закладке

Создав гиперссылку, перейдите по ней до объекта назначения, чтобы убедиться, что она ведет к нужной странице, программе, файлу, адресу электронной почты. При наведении указателя мыши на текст или рисунок, которые содержат гиперссылку, он принимает вид руки с поднятым указательным пальцем, что означает, что этот элемент можно щелкнуть. В программе Microsoft FrontPage переход по гиперссылкам и их отображение выполняется по-разному в зависимости от объекта назначения. При создании гиперссылки ее назначение кодируется в формате URL (Uniform Resource Locator -- универсальный указатель ресурсов). Адрес URL задает протокол (например, HTTP или FTP) и содержит имя веб-сервера или места в сети, а также путь и имя файла, как показано в таблице.

Гиперссылки в рисунках не всегда видны. Однако, чтобы проверить, является ли рисунок гиперссылкой, достаточно навести на него указатель мыши. При наведении на гиперссылку указатель мыши принимает вид руки с поднятым указательным пальцем.Можно создать гиперссылку в виде текста или рисунка. Текстовой гиперссылкой называется слово или фраза, которым назначен адрес URL назначения. Гиперссылкой в виде рисунка называется рисунок, которому назначен адрес URL назначения. Этот адрес может быть назначен рисунку одним из двух способов.

· Всему рисунку назначается гиперссылка, используемая по умолчанию. В этом случае при щелчке любой части рисунка отображается объект назначения. Например, кнопка является рисунком, которому назначена гиперссылка, используемая по умолчанию.

· Рисунку можно назначить один или несколько гиперобъектов, то есть могут быть заданы области рисунка, являющиеся гиперссылками. Рисунок, содержащий гиперобъекты, называется гиперкартой. Например, гиперкартой может быть рисунок, представляющий различные разделы веб-узла, такие как домашняя страница, страница каталога и так далее. Для отображения какой-либо страницы посетитель узла щелкает соответствующую область гиперкарты.

Способы отображения гиперссылок: в веб-обозревателях текстовые гиперссылки обычно подчеркиваются и отображаются другим цветом. Имеется возможность выбрать цвета, которые будут использоваться в веб-обозревателе для отображения гиперссылок. При использовании стандартных HTML-атрибутов можно выбрать три цвета, соответствующие разным состояниям гиперссылок. Гиперссылка -- не использовавшаяся гиперссылка. Активная гиперссылка -- выбранная в настоящий момент гиперссылка. Просмотренная гиперссылка -- гиперссылка, по которой уже был осуществлен переход. Закладкой называется определенное место или выбранный текст на странице, помеченные соответствующим способом.

Закладки могут использоваться в качестве назначений для гиперссылок. Например, если требуется показать посетителю узла определенную часть страницы, добавьте гиперссылку, в которой в качестве назначения будет задана закладка этой части страницы. При щелчке этой гиперссылки будет отображаться соответствующая часть страницы, а не ее начало. Закладки могут также использоваться для поиска определенных мест на странице. Например, можно добавить закладку для каждого основного заголовка на странице. При изменении страницы каждый раздел можно легко найти, перейдя по соответствующей закладке.

Если закладка создается для места, а не для текста, в программе FrontPage она обозначается значком. В противном случае текст подчеркивается штриховой линией. При переименовании файла на веб-узле в Microsoft FrontPage выполняется поиск гиперссылок на этот файл. Если такие гиперссылки существуют, в них автоматически обновляется имя файла. При перемещении файла на веб-узле (например в другую папку или подпапку) в Microsoft FrontPage автоматически обновляются все гиперссылки на него. Перед публикацией веб-узла рекомендуется всегда проверять работу гиперссылок. Если веб-узел содержит неработающую гиперссылку (гиперссылку с неверным адресом URL назначения), при щелчке такой ссылки посетителем узла в веб-обозревателе отображается сообщение об ошибке. Причиной такой ошибки может послужить опечатка в адресе URL, либо адрес URL может указывать на удаленную с веб-узла страницу. Если объектом назначения является другая страница в Интернете, возможно, она была перемещена или удалена.

Проверка специальных возможностей: в Microsoft Ресурсы Office FrontPage 2003 представлено новое средство проверки специальных возможностей на веб-страницах. Проверка специальных возможностей позволяет обнаружить несоответствие определенных возможностей методическим рекомендациям по специальным возможностям для веб-содержимого (Web Content Accessibility Guidelines, WCAG) WWW-консорциума (W3C) или требованиям статьи 508 закона США о реабилитации (Section 508 of the U.S. Rehabilitation Act). WCAG закладывает основы создания веб-страниц со специальными возможностями для людей с нарушениями подвижности, зрения и слуха. Статья 508 устанавливает стандарты правительства США для специальных возможностей широкого спектра информационных источников и технологий.

Дополнительные сведения о функциях проверки специальных возможностей FrontPage см. в справке Microsoft FrontPage. С помощью сочетаний клавиш можно быстро выполнять часто используемые задачи. Доступность сочетаний клавиш в программе Microsoft FrontPage зависит от того, доступна ли требуемая команда в выбранном представлении. Часто используемые задачи в программе Microsoft FrontPage:

Управление и работа с веб-страницами - F8

Запуск средства проверки доступности - CTRL+N

Создание новой веб-страницы - CTRL+O

Открытие веб-страницы - CTRL+F4

Закрытие веб-страницы - CTRL+S

Сохранение веб-страницы - CTRL+P

Печать веб-страницы - F5

Обновление веб-страницы; обновление списка папок - CTRL+TAB

Переход между открытыми веб-страницами - CTRL+SHIFT+B

Просмотр веб-страницы в веб-обозревателе - ALT+F4

Завершение работы Microsoft FrontPage - CTRL+ SHIFT+8

Отображение непечатаемых знаков - CTRL+ /

Отображение тегов HTML в режиме конструктора - CTRL+F

Поиск текста или кода HTML на веб-странице - CTRL+H

Замена текста или кода HTML на веб-странице - F7

Проверка орфографии на веб-странице - SHIFT+F7

Поиск слова в справочнике - ESC

Отмена действия - CTRL+Z или ALT+ПРОБЕЛ

Отмена последнего действия - CTRL+Y или SHIFT+ALT+ПРОБЕЛ

Возврат или повторение действия - DEL

Удаление веб-страницы или папки из списка папок или любого диалогового окна - ПРОБЕЛ

Доступ и использование представлений - F12

Предварительный просмотр текущей страницы в веб-обозревателе CTRL+PAGE DOWN или CTRL+PAGE UP

Перемещение между представлениями Код, Конструктор, С разделением и Просмотр - ALT+PAGE DOWN или ALT+PAGE UP

Перемещение между областями Код и Конструктор в представлении С разделением - ALT+F1

Отображение и скрытие списка папок - Клавиша со стрелкой ВВЕРХ

Переход по узлам гиперссылок в представлении Гиперссылки - СТРЕЛКА ВВЕРХ, ВНИЗ, ВЛЕВО или ВПРАВО

Развертывание текущего узла и переход направо в представлении Гиперссылки - SHIFT+СТРЕЛКА ВЛЕВО

Работа со средствами кодировки

Быстрый редактор тегов - CTRL+F2

Вставка временной закладки - F2

Следующая временная закладка - SHIFT+F2

Предыдущая временная закладка - CTRL+G

Переход к строке - CTRL+L

Автозавершение - CTRL+ВВОД

Вставка фрагментов кода - CTRL+>

Вставка закрывающего тега - CTRL+<

Вставка открывающего тега - CTRL+ /

Вставка примечаний HTML - CTRL+ПРОБЕЛ

Форматирование текста и параграфов - CTRL+SHIFT+F

Изменение шрифта - CTRL+SHIFT+P

Изменение размера шрифта - CTRL+B

Применение полужирного форматирования - CTRL+U

Применение подчеркивания - CTRL+I

Применение наклонного форматирования - SHIFT+TAB

Использование пипетки - CTRL+знак «плюс»

Применение надстрочного форматирования - CTRL+знак «минус»

Применение подстрочного форматирования - CTRL+ SHIFT+C

Копирование форматирования - CTRL+SHIFT+V

Вставка форматирования - CTRL+SHIFT+Z или CTRL+ПРОБЕЛ

Удаление форматирования вручную - CTRL+E

Выравнивание параграфа по центру - CTRL+L

Выравнивание параграфа по левому краю - CTRL+R

Выравнивание параграфа по правому краю - CTRL+M

Задание левого отступа для абзаца - CTRL+ SHIFT+M

Задание правого отступа для абзаца - CTRL+ SHIFT+S

Применение стиля - CTRL+SHIFT+ N

Применение стиля «Обычный» - CTRL+ALT+1

Применение стиля «Заголовок 1» - CTRL+ALT+2

Применение стиля «Заголовок 2» - CTRL+ALT+3

Применение стиля «Заголовок 3» - CTRL+ALT+4

Применение стиля «Заголовок 4» - CTRL+ALT+5

Применение стиля «Заголовок 5» - CTRL+ALT+6

Применение стиля «Заголовок 6» - CTRL+ SHIFT+L

Редактирование и перемещение текста и рисунков - BACKSPACE

Удаление одного символа слева - DEL

Удаление одного символа справа - CTRL+BACKSPACE

Удаление одного слова слева - CTRL+DEL

Удаление одного слова справа - CTRL+C или CTRL+INS

Копирование текста или рисунков - CTRL+X или SHIFT+DEL

Вырезание выбранного текста в буфер обмена Microsoft Office - CTRL+V или SHIFT+INS

Вставка содержимого буфера обмена - SHIFT+ВВОД

Вставка разрыва строки - CTRL+SHIFT+ПРОБЕЛ

Выделение текста и рисунков - SHIFT+СТРЕЛКА ВПРАВО

Выделение одного символа справа - SHIFT+СТРЕЛКА ВЛЕВО

Выделение одного символа слева - CTRL+SHIFT+СТРЕЛКА ВПРАВО

Выделение слова до конца - CTRL+SHIFT+СТРЕЛКА ВЛЕВО

Выделение строки до конца - SHIFT+HOME

Выделение строки с начала - SHIFT+СТРЕЛКА ВВЕРХ

Выделение одной строки вверху - SHIFT+СТРЕЛКА ВНИЗ

Выделение одной строки снизу - CTRL+SHIFT+СТРЕЛКА ВНИЗ

Выделение параграфа до конца - CTRL+SHIFT+СТРЕЛКА ВВЕРХ

Выделение одного экрана снизу - SHIFT+PAGE UP

Выделение одного экрана сверху - CTRL+A

Выделение всей страницы - ALT+ВВОД

Вставка таблицы - TAB

Выделение всех ячеек строки при нахождении курсора в ячейке.

Создание авто-эскиза выделенного рисунка - CTRL+K

Доступ и работа с областью задач Справка и окном справка - SHIFT+CTRL+ALT+T

Вставка таблицы - TAB

Выделение содержимого следующей ячейки таблицы - SHIFT+TAB

Выделение столбца при нахождении курсора в верхней или нижней его ячейке - CTRL +T

Создание авто-эскиза выделенного рисунка - CTRL+K

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

Например, если в форме имеется два переключателя: «Да» и «Нет», и посетитель узла пытается отправить форму, не установив один из них, появится сообщение. Можно потребовать, чтобы посетитель узла выбирал элемент в раскрывающемся списке, указать минимальное и максимальное разрешенное число элементов и запретить выбор первого элемента, если это инструкция, такая как «Выберите элемент». После установки правил ввода данных следует решить, как результаты должны обрабатываться формой. После отправки формы посетителем узла необходимо собрать введенные данные -- результаты формы, можно их просмотреть, отобразить посетителю узла или определенным образом обработать.

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

и

отправляются в обработчик форм (Обработчик форм. Программа на сервере, которая выполняется при отправке формы посетителем узла. Каждая форма в Microsoft FrontPage связана с определенным обработчиком форм.) . Например, если поле формы представляет собой текстовое поле, то значением, которое отправляется в обработчик форм, является текст, введенный в поле. В программе Microsoft FrontPage имеется несколько обработчиков формы, которые принимают результаты формы и выполняют различные операции. Каждый раз при отправке формы в FrontPage сохраняет информацию в базе данных. Например, при использовании формы для сбора сведений о контактах, можно сохранять результаты формы непосредственно в базе данных заказчика. Можно сохранять результаты в существующей базе данных или создать новую с помощью программы FrontPage. Каждый раз при отправке формы посетителем узла FrontPage добавляет к файлу результаты, которые можно просмотреть при следующем открытии файла. Например, можно установить гостевую книгу для посетителей веб-узла и выбрать сохранение результатов в HTML-файл, а также создать ссылку на этот файл, чтобы посетители узла могли посмотреть, что написали другие. В случае сохранения результатов в XML-файле можно использовать результаты в FrontPage или экспортировать их в любое приложение, поддерживающее данные в формате XML, например в Office Excel 2003. Каждый раз при отправке формы посетителем узла будет автоматически отправляться сообщение электронной почты на заданный адрес, содержащее результаты этой формы.

Можно также использовать настроенные сценарии для обработки результатов формы. Процесс публикации веб-узла сопровождается копированием всех составляющих данный узел файлов и папок из исходного расположения в определенное место. В программе Microsoft FrontPage публикация узла выполняется, чтобы сделать его доступным для посетителей, чтобы создать резервную копию узла и чтобы обновить опубликованный ранее веб-узел. Обычно создание файлов и папок веб-узла происходит на локальном компьютере. После завершения создания узла он публикуется в Интернете или локальной интрасети, чтобы посетители могли просматривать его веб-страницы с помощью веб-обозревателя. Иногда возникает необходимость в создании копии веб-узла и сохранении этой копии в определенном расположении на жестком или на сетевом диске. Средство публикации Microsoft FrontPage предоставляет удобный способ создания такой копии. Во время обновления файлов или папок веб-узла в программе FrontPage используются специальные термины, чтобы различать исходный и конечный узел. Локальный веб-узел -- это исходный веб-узел, открытый в программе FrontPage, а удаленный веб-узел -- это конечный узел, на который производится публикация.

Представление Удаленный веб-узел позволяет производить публикацию в двух направлениях, то есть легко перемещать файлы между удаленными и локальными расположениями. Это наиболее полезно при обновлении ранее опубликованного узла. В представлении Удаленный веб-узел на панелях «Локальный веб-узел» и «Удаленный веб-узел» отображаются значки с описанием, показывающим состояние публикации файлов. В совместных рабочих средах обновлением как локальных, так и удаленных веб-узлов могут заниматься несколько авторов. Программа Microsoft FrontPage будет сравнивать файлы на локальном веб-узле с опубликованными файлами на удаленном веб-узле. Далее приведены описания случаев, когда может потребоваться синхронизация локальных и удаленных версий файлов.

Если на локальном веб-узле будет обнаружена более новая версия файла, будет проведена синхронизация для обновления локального и удаленного веб-узла (если вручную не указать другие действия). Можно также выбрать публикацию с удаленного веб-узла на локальный узел. При синхронизации файлов с помощью представления «Удаленный веб-узел» на локальный узел могут загружаться файлы с удаленного веб-узла. Если файлы на удаленный узел поместил злоумышленник, под угрозой может оказаться и локальный узел. Перед синхронизацией файлов проверьте, что только доверенные пользователи имеют доступ к удаленному веб-узлу.

Корпорация Майкрософт, создатель данной программы, подтверждает свою приверженность политике усиления безопасности в отношении личных сведений пользователей. Для этого используются разнообразные технологии и процедуры защиты личных сведений от несанкционированного доступа, использования и разглашения. Корпорация Майкрософт вправе по своему усмотрению обновлять настоящее заявление о конфиденциальности. При каждом таком обновлении изменяется дата обновления в верхней части заявления. Обновленное заявление о конфиденциальности будет включено в очередной пакет обновления (SP) для программы Microsoft Ресурсы Office FrontPage 2003. Продолжение использования программы Microsoft Ресурсы Office FrontPage 2003 означает согласие пользователя с данным заявлением о конфиденциальности и всеми его обновлениями. Корпорация Майкрософт с благодарностью примет любые замечания относительно этого заявления о конфиденциальности.

С развитием Интернета появился протокол обмена информацией,протокол называется HTTP (HyperText Transfer Protocol – протокол передачи гипертекста).Вместе с этим протоколом появилась и служба World Wide Web (часто называемая WWW или просто Web ), которая подставляет собой обширную сеть серверов HTTP , передающих файлы через Интернет .

Основную часть этих файлов представляют собой Web-страницы – специальные файлы, написанные на языке HTML (HyperText Markup Language – язык разметки гипертекста). Web-страницы публикуются в Интернете путем размещения таких файлов на серверах HTTP (Web-узлах) . Содержание Web-страниц может быть разным и посвященным совершенно произвольным темам, но все они используют одну и тужу основу – язык HTML .
Большинство людей желающих создать свой собственный сайт или страничку, знакомы с языком HTML только понаслышке. Поэтому им на помощь может придти программа Microsoft FrontPage ,один из самых известных конструкторов сайтов.

FrontPage, входит в пакет приложений Microsoft Office , стал первым продуктом широкого использования для Internet , сочетающим в себе клиентскую и серверную части и обеспечивающим возможность разработки сайта в целом и установки его на большинство популярных серверов. FrontPage способен взять на себя всю необходимую работу по программированию. Однако FrontPage станет достаточно серьезным помощником и для профессиональных разработчиков, предпочитающих держать в руках полный контроль над творческим процессом.

Окно программы FrontPage 2003.

Программа FrontPage выпущена компанией Microsoft и выполнена в едином стиле продуктов, входящих в пакет Microsoft Office , поэтому внешний вид программы практически не отличается от текстового процессора Word .

В верхней части окна располагается строка меню и две панели инструментов: Стандартная и Форматирование . Включать или отключать отображение панелей инструментов позволяет меню Вид .
В левой части находится Панель представлений , при помощи которой можно переключать режимы документа.
Основную часть окна занимает рабочая область, в которой могут быть открыты одно или несколько окон, содержащих отдельные документы.
В нижней части окна располагается строка состояния , содержащая справочную информацию . Так же в нижней части окна находятся три кнопки просмотра документа.
Отображение панелей инструментов.
Для управления панелями инструментов во FrontPage можно воспользоваться теми же способами, как в Microsoft Word . А именно:
в меню Вид надо выбрать пункт Панели инструментов , а в открывшемся новом подменю - установить флажки напротив тех панелей инструментов, которые вам нужны; или щелкнуть правой кнопкой мыши по какой-либо панели управления (или по области рядом с ней) и точно так же воспользоваться контекстным меню.

FrontPage , как и другие приложения Microsoft Office , позволяет добавлять, удалять, менять местами пункты меню и кнопки на панелях инструментов. Также существует возможность создавать полностью свои панели.
Для этого надо:

В меню Сервис выбрать пункт Настройка …
или
в меню Вид выбрать пункт Панели инструментов , а в появившемся каскадном меню - пункт Настройка …
В результате ваших действий откроется диалоговое окно Настройка , где можно установить необходимые панели.

Создание новой Web-страницы .

Если вы запустили FrontPage , значит, новая Web-страница у вас уже создана (при запуске FrontPage сразу открывается новая пустая Web-страница , готовая для размещения текста и любых других элементов).
Создать новую Web-страницу можно и другими способами:

С помощью кнопки Новая страница на Стандартной панели инструментов.
меню Файл выбрать подменю Создать , а затем – Страница или Web-узел ;
с помощью комбинаций Ctrl+N ;
с помощью контекстного меню (работает во всех режимах, кроме режимов Задачи и Отчеты ) - для этого внутри Списка папок данного Web ) надо щелкнуть правой кнопкой мыши и в появившемся контекстном меню выбрать пункт Создать  Страница .

Создание станиц при помощи мастера и шаблонов.

Как уже говорилось выше, если для создания новой страницы вы воспользовались меню Файл  Создать  Страница или Web-узел , то FrontPage предложит вам воспользоваться шаблоном для создания новой страницы.
Для этого он откроет диалоговое окно, внешний вид которого приведен ниже:

На вкладке Общие данного диалогового окна выводится перечень шаблонов FrontPage , доступных в настоящий момент. Выбрав любой из шаблонов, можно посмотреть его описание в поле Образец .
Создание FrontPage Web .
Microsoft FrontPage Web - это набор Web-страниц , файлов с изображениями и других компонентов, которые можно рассматривать как единое целое.
Если делать сайт во FrontPage , то для его хранения удобней всего использовать FrontPage Web .
самый главный плюс - это возможность переименовывать файлы, входящие в состав FrontPage Web .
Представьте себе, что перед публикацией вашего сайта в Интернет вы вдруг заметили, что пара файлов у вас названа русскими именами. - «Теперь по всем файлам придется лазить и ссылки ручками менять!» дуамете Вы.Вот тут-то и поможет FrontPage Web - вы можете покойно переименовать файлы, а FrontPage самостоятельно пройдется по всем другим файлам, входящим в FrontPage Web и переименует все ссылки на исправленный вами файл.
все остальные преимущества описывать не буду, но хочется сказать, что для использования всех возможностей FrontPage , то лучше использовать FrontPage Web .
Итак, чтобы создать новый FrontPage Web нажмите на стрелочку, расположенную слева от кнопки Новая страница на панели инструментов и в появившемся выпадающем меню выберите пункт Веб-узел…

Открытие Web-страниц.

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

Открыть уже существующую Web-страницу можно в любом из существующих режимов.

Из режима Page Views есть четыре способа открыть существующую страницу:

1 способ

Если вы работаете с FrontPage Web , то просто выберите нужный файл в Списке папок и дважды щелкните по нему мышью.

2 способ

В меню Файл выберите пункт Последние файлы . Из появившегося каскадного меню выберите нужный файл.

3 способ

С помощью диалогового окна Открытие файла: Файл  Открыть .

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

Для того чтобы посмотреть, как ваша страница выглядит непосредственно в браузере можно воспользоваться вкладкой Просмотр в режиме редактирования Web-страницы . Но в данном случае может оказаться, что браузер FrontPage не вполне корректно отобразит некоторые элементы вашей страницы , поэтому лучше всего:
воспользоваться кнопочкой на панели инструментов
или в меню Файл выбрать пункт Предварительный просмот р в обозревателе.

Если вы воспользовались первым способом, то содержимое вашей страницы отобразиться во встроенном браузере FrontPage .
Если же вы воспользовались вторым способами, то FrontPage выведет диалоговое окно Просмотр в обозревателе…

Здесь можно:
Выбрать обозреватель, в котором вы хотите просмотреть свою Web-страницу . Как правило, первоначально здесь отображается браузер , который по умолчанию установлен на вашей машине.
Добавить любой другой обозреватель, для чего необходимо воспользоваться кнопкой Добавить .
Редактировать или удалить установленные обозреватели.
Установить размер экрана, на котором будет просматриваться ваша Web-страничка

Сохранение Web-страниц .

По умолчанию FrontPage вместо названия страницы берет первую строку текста с вашей страницы . Это не всегда то, что надо. Изменить название страницы можно с помощью кнопки Изменить - нажатие на эту кнопку открывает диалоговое окно Название страницы , в котором вы можете изменить название страницы .

Удаление Web-страниц.

При работе с Web-сайтом рано или поздно случиться так, что какие-то страницы вам будут больше не нужны и вам захочется их удалить.

Существует три способа удаления Web-страницы .

1 способ

В панели Список папок выделите файл, который необходимо удалить и нажмите кнопку Delete на клавиатуре.

2 способ

В панели Список папок щелкните правой кнопкой мыши по файлу (или значку файла ), который необходимо удалить и в появившемся контекстном меню выберите пункт Удалить .

3 способ

В панели Список папок выделите файл , который необходимо удалить и затем выберите пункт Удалить в меню Правка .

Работа с текстом.

На первый взгляд, ввод текста во FrontPage ничем не отличается от ввода текста в любом текстовом редакторе (например, в Microsoft Word ).
Для того чтобы набрать текст, достаточно щелкнуть мышью в любом месте страницы, и курсор будет помещен в ближайшую точку, в которую можно ввести текст.
Набор прописных букв, редактирование текста (удаление символов, вставка текста и т.д.) производится точно также, как в Microsoft Word.
Есть только одно небольшое НО: при нажатии клавиши Enter во FrontPage осуществляется принудительный переход курсора на новую строку, при этом до и после абзаца ставятся фиксированные абзацные отступы.
Если вам не надо создавать абзацы, то для перехода на новую строку лучше всего использовать комбинацию клавиш Shift +Enter.

Работа с изображениями.

Графически форматы в Web .

Все компьютерные изображения, все форматы для их хранения (а, следовательно, и все программы для их обработки) делятся на два больших класса - векторные и растровые . Векторное изображение состоит из объектов - геометрических форм, составленных из прямых, дуг, окружностей и кривых Безье. Достоинств у векторной графики немало. С точки зрения дизайнера, самое главное ее достоинство состоит в том, что векторную графику можно «вертеть» как угодно, не боясь «протереть дырку» в изображении или потерять часть информации. Другое достоинство - небольшой объем файлов (в сравнении с растровыми изображениями) и независимость от разрешения устройств вывода (будь то принтер или экран монитора). Эти факторы сделали векторную графику вероятным кандидатом для использования в Internet . Правда стоит оговориться, что на сегодняшний момент векторная графика встречается не так уж часто, как хотелось бы.
Тем не менее, среди реально применяемых векторных форматов хотелось бы отметить формат Shockwave Flash фирмы Macromedia . Для просмотра этого формата в браузере нужен подключаемый модуль (plug-in ), бесплатно распространяемый фирмой Macromedia . На сегодняшний день существуют как сайты целиком и полностью созданные по этой технологии, так и сайты, используемые Flash-формат лишь частично.
Растровое представление графики базируется на понятии растра. Растр – это совокупность объектов (в данном случае пикселей), размещенных в одинаковые строки и столбцы. Т.е. растровый компьютерный файл можно рассматривать как набор маленьких цветных или серых квадратиков, образующих мозаику изображения. Т.к. размер этих квадратиков заведомо мал, то при просмотре растровой графики эти квадратики сливаются друг с другом, образуя непрерывную смену цветов.

Растровый формат хранения изображения имеет как свои преимущества, так и недостатки. Одним из больших плюсов растровой графики является возможность работы с полутонами, т.е. возможность передавать изображение точно также, как оно выглядит в жизни. А вот среди недостатков основной проблемой является размер файла. Естественно, чем больше пикселей отведено для формирования изображения , тем выше качество передаваемого изображения , но, тем самым больше будет и размер файла.
Если мы теперь вернемся к браузерам, то можно сказать следующее, что большинство браузеров без проблем могут отображать графические файлы четырех форматов (*.gif, *.jpg, *.png, *.bmp ), использовать из которых на сегодняшний момент лучше всего два - *.gif и *.jpg . Да и то после предварительной оптимизации.
Вставка изображений на Web-страницу .
Вставлять изображение на вашу Web-страницу можно несколькими способами:
1. Перетащить изображение из Windows Explorer (то есть прямо из проводника).
2. Перетащить изображение из Internet Explorer .
3. Перетащить файл с изображением с панели Список папок , прямо на страницу.
4. С помощью буфера обмена - скопировать изображение в буфер обмена из любой другой программы, а затем на странице вставить его из буфера обмена.
5. С помощью кнопки Добавить рисунок из файла на панели инструментов Стандартная .
6. С помощью меню Вставка  Рисунок.
Рассмотрим эти способы более подробно:
Способ 1
Windows Explorer (то есть прямо из проводника) надо:
во FrontPage
открыть окно проводника;
в окне проводника выделить файл с картинкой, которую вы хотите вставить на свою страницу;
левой клавишей мыши перетащить файл-картинку на свою Web-страницу картинка вставиться в то место, где на странице находился курсор вставки.
Способ 2
Для того чтобы перетащить изображение из Internet Explorer надо:
во FrontPage открыть страницу, на которую вы хотите добавить изображение;
в браузере откройте то изображение, которое вы хотите поместить на своей Web-странице браузера название файла должно оканчиваться на jpg, jpeg, gif );
левой клавишей мыши перетащите выделенную картинку на свою Web-страницу ;
Способ 3
Для того чтобы перетащить файл с изображением с панели Список папок, прямо на страницу надо:
во FrontPage открыть страницу, на которую вы хотите добавить изображение ;
выбрать необходимый файл с картинкой на панели Список папок ;
левой клавишей мыши перетащите выделенную картинку на свою Web-страничку ;
выбранная картинка вставиться в то место, где на странице находился курсор вставки.
Способ 4
Для того чтобы вставить изображение на свою Web-страницу с помощью буфера обмена, надо:
в том приложении, из которого вы хотите скопировать картинку, выделить изображение и при помощи клавиш Ctrl + C скопировать рисунок в буфер обмена;
на своей Web-странице вставить это изображение из буфера обмена при помощи клавиш Ctrl + V
Способ 5
Web-страницу вы решили воспользоваться кнопкой Добавить изображение из файла на панели инструментов Стандартная , то FrontPage откроет диалоговое окно Рисунок .
В данном диалоговом окне укажите тот файл с картинкой, который вы хотели бы добавить на свою Web-страницу и нажмите кнопку Вставить.

Способ 6
Если для вставки изображения на свою Web-страницу вы решили воспользоваться меню Вставка  Рисунок , то FrontPage предложит сделать вам дальнейший выбор:

Картинки … – выбор того пункта меню предоставляет вам возможность воспользоваться готовой библиотекой картинок.
Из файла … – выбор данного пункта меню предоставляет вам возможность самостоятельно указать местонахождение файла с картинкой, который вы хотите добавить на свою Web-страницу (использование этого пункта приведет к открытию диалогового окна Рисунок , работа с которым была описана выше).
Создать фото коллекцию … - при помощи этого пункта меню можно создать коллекцию изображений в определенном стиле. Для это в открывшемся окне Свойства коллекции фотографий при помощи кнопки Добавить на вкладке Рисунки выбрать изображения, а на вкладке Макет выбрать формат оформления.
Добавление файлов мультимедиа.

Помимо простой графики, как – изображения в форматах *.gif, *.jpg, *.png и т.д. FrontPage позволяет размещать на ваших Web-страницах файлы мультимедиа. К ним относятся: видеоклипы, звуки…

Для вставки видеоклипа надо в меню Вставка выбрать пункт Рисунок , а затем Видеозапись.. .

Откроется диалоговое окно Видео , в нем будут отображаться видеоклипы в формате *.avi, *.asf, *.ram, *.ra .

Добавить звук на Web-страницу можно на вкладке Общие диалогового окна Свойства страницы .

Работа с таблицами.

Таблица - одно из наиболее мощных инструментов используемых при создании сайтов.
Изначально таблицы применялись только для представления структурированных данных. Однако постепенно они превратились в мощное универсальное средство для компоновки Web-страниц.

Создание таблиц

Самый простой способ создания таблицы – использовать кнопку Добавить таблицу , расположенную на панели инструментов Стандартная.
Еще один способ – при помощи пункта меню Таблица  Вставить  Таблица .
А так же таблицу можно нарисовать и вставить при помощи буфера обмена.

Ввод данных и навигация по таблице.

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

Перед тем, как заносить данные в таблицу , необходимо поместить текстовый курсор в нужную ячейку таблицы . Это можно сделать, щелкнув на ней мышью.

Однако более удобно для перемещения между ячейками использовать комбинации клавиш:
Сочетания клавиш: Действие:

Tab в любом месте таблицы,кроме конца последней строки перейти в соседнюю ячейку и выделить ее содержимое
Tab в конце последней строки добавить новую строку в низ таблицы
Shift +Tab перейти в предыдущую ячейку и выделить ее содержимое
Enter начать новый абзац
Enter в начале первой ячейки добавить текст перед таблицей в начале документа

Создание и применение форм.

Формы представляют собой текстовые поля, переключатели, флажки, кнопки и многие другие элементы управления. Посетителю сайта достаточно ввести какую-нибудь информацию в то или иное текстовое поле, выбрать какие-нибудь данные из предложенного списка, нажать на кнопочку Отправить, чтобы данные отправились на Web-сервер для обработки (или обработались тут же на странице).

Давай познакомимся с тобой - пожалуйста, заполни следующие поля:
Твое имя:

Твоя фамилия:

Дата твоего рождения: год месяц число

Спасибо! А теперь - в путь!
1. Мала, а проворна.
Где бывает, там повелевает.
В шатер зайдет -
Богатыря перевернет.
Кто это?
Муха Блоха Капризный ребенок
2. Выпуча глаза сидит,
По-французски говорит,
По-блошьи прыгает,
По-человечьи плавает.
О ком идет речь?
Кот Лягушка Попугай

3. Чем дышит тюлень, нырнув под лед?

4. Почему плачут большие черепахи?

5. Какую одежду может и селедка носить?
Шубу Пальто Тельняшку
6. Кого называют «речной лошадью»?
Выдру Бегемота Крокодила

7. Какие птицы не высиживают птенцов?

8. Какие птицы не умеют летать?

Если вам необходимо выберать несколько ответов - нажмите и не отпускайте клавишу Ctrl и щелкайте левой клавишей мыши по нужному ответу

Но создание форм на самой страничке это только половина работы. Так как обязательно должна существовать программа, которая сможет обработать данные, введенные пользователем с помощью форм.
Такая программа может быть расположена на сервере; она может находиться в вашем Web-сайте в виде отдельного файла, а может быть просто прописана в коде html на вашей Web-страничке .
Именно она определяет - что же произойдет с той информацией, которую ввел пользователь:

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

В отношении форм существует несколько основных правил:

1. Каждая форма занимает определенный участок Web-страницы . На одной Web-страничке может быть расположена одна или несколько форм.
2. Внутри каждой формы должен размещаться, по крайней мере, один из элементов форм (хотя, как правило, их несколько).
3.Каждый элемент формы имеет имя и значение. Имя идентифицирует поле для ввода информации, а значение приравнивается к значению, выбранному пользователем.
4. Один из элементов формы (им может быть обычная кнопка или любой рисунок) должен выполнять функцию кнопки Отправить.

Создание форм во FrontPage .
Чтобы добавить форму на Web-страницу , надо:

Установить курсор в то место, где вы хотите вставить форму.
В меню Вставка выбрать пункт Форма , в открывшемся меню снова выбрать пункт Форма . Форма будет помещена на вашу Web-страницу - появиться область, помеченная пунктирной рамочкой, с двумя кнопками: Отправить и Сброс .
Пользуясь все тем же пунктом меню Вставка  Форма последовательно вставить необходимые вам элементы форм , выбирая их из раскрывающегося каскадного меню (при этом необходимо помнить, что все элементы формы вставляются внутри области формы, помеченной пунктирной рамочкой).
После того, как форма создана, остается только наполнить ее содержанием - элементами форм , текстом, изображениями, таблицами… (при этом размеры формы будут меняться автоматически).
Добавлять содержание форм можно обычным образом. Например, текст можно набирать, а можно вставлять из буфера обмена… Все действия с добавленными объектами аналогичны.
Однако создание формы - это только начало работы. После ее создания необходимо настроить свойства, как самой формы , так и ее элементов.

Настройка свойств формы.

Для обработки или сохранения данных, вводимых посетителями Web-странички , необходимо либо воспользоваться возможностями, предоставляемыми FrontPage Server Extensions , либо какой-нибудь другой программой, работающей на Web-сервере .
Но какую бы программу вы не выбрали, вам все равно придется настроить свойства формы и элементов в ней.
Чтобы открыть окно свойств формы, надо:
в меню Вставка выбрать пункт Форма , а затем -
или
вызвать контекстное меню к форме и в открывшемся контекстном меню выбрать пункт Свойства формы .
В результате откроется диалоговое окно Свойства формы .

1. В поле Сохранение результатов необходимо указать, что надо будет сделать с данными, введенными в форму . Вы можете выбрать следующие варианты:
o Отправка Имя файла - данные будут помещены в указанный файл на Web-сервере . Этот файл может быть Web-страницей , которая со временем будет становиться все длиннее и длиннее, или файлом данных, который потом можно будет обработать в Excel, Access или любой другой программой;
o Отправка Адрес почты - в этом случае каждый раз при нажатии посетителем Web-странички кнопки Отправить на форме будет генерироваться электронное сообщение, которое будет отправляться по указанному вами адресу. В этом сообщении будут содержаться все данные, которые были введены пользователем на Web-страничке.
o В базе данных - в этом случае данные формы будут отправлены в базу данных. База должна находиться на Web-сервере (или быть доступной для него).
2. В поле Свойства формы необходимо указать имя формы
Режимы просмотра во FrontPage .
FrontPage предлагает шесть различных режимов для просмотра содержимого Web-сайта:

Страница,
Папки,
Отчеты,
Переходы,
Гиперссылки,
Задачи.
Для выбора нужного режима можно воспользоваться панелью Представления , расположенной в левой части экрана, или в меню Вид на панели инструментов Стандартная выбрать соответствующий пункт меню.

Страница
В этом режиме осуществляется создание и редактирование Web-страниц. Здесь можно создавать пустые Web-страницы и страницы, базирующиеся на шаблонах, назначать страницам темы (набор стилей представления страницы на экране). В этом режимы можно добавлять и форматировать текст, оформлять страницы с использованием графических и видеоизображений (поддерживается преобразование ряда графических форматов в форматы *.gif, *.jpg и *.png ), добавлять к странице звуковое сопровождение, представлять информацию в таблицах, кадрах и формах и, наконец, создавать гиперссылки. Таков далеко не полный перечень возможностей FrontPage по редактированию содержимого Web-страниц .
Папки
В этом режиме можно просматривать структуру Web-узла (файлы и папки) и управлять ею аналогично тому, как вы это делаете в Windows , данный режим дает возможность получить более подробные сведения о файлах и папках, чем это предусмотрено в режиме просмотра Страница.
Отчеты
Предоставляет вашему вниманию более десятка отчетов, содержащих разнообразную информацию о Web-узле , открытом во FrontPage.
Переходы
Предназначен для просмотра иерархии сайта. В этом режиме можно управлять иерархией, перетаскивая прямоугольники (каждый из которых представляет определенную Web-страницу ).
Гиперссылки
Демонстрирует систему гиперссылок, которыми связаны между собой страницы Web-узла (а также систему гиперссылок на другие узлы), обеспечивает проверку их целостности и возможность изменения.
Задачи
Этот режим предназначен для управления задачами Web-узла (добавления, удаления, выполнения, установления приоритета выполнения, а также отслеживания состояния задач).

Скачать БЕСПЛАТНО FrontPage можно по следующей ссылке:

http://letitbit.net/download/28576.28615a37d4f2a575882748541adf3bf00/Microsoft_Office_FrontPage_2003.rar.html

Глава 9 Программа FrontPage

Почему FrontPage?

В первых главах этого учебника вы познакомились с основными возможностями сети Интернет. Путешествуя по ней, вы, конечно, обратили внимание, что там можно найти разнообразную информацию. Многие газеты и журналы размещают на своих Web-узлах самые свежие новости. Тысячи фирм имеют собственные Web-страницы, где можно узнать о предлагаемых ими товарах и услугах. С помощью Интернета вы получите не только информацию справочного характера, но и сможете сделать заказ на покупку товара.

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

Программа FrontPage 2002, входящая в состав Microsoft Office XP, предназначена для создания Web-страниц и Web-узлов. Применяя панели инструментов и команды меню, на странице можно размещать текстовую и графическую информацию, панели навигации и ссылки, предназначенные для перехода от одной страницы к другой. Кроме того, для оформления Web-страницы можно использовать таблицы, фреймы, бегущие строки, анимацию и многое другое. Чтобы ускорить разработку Web-страниц и узлов, можно применять шаблоны и мастера. FrontPage позволяет использовать в Web-узле материал, подготовленный в других программных продуктах, входящих в Microsoft Office, таких как Word, Excel, Access и PowerPoint.

Перед разработчиком Web-узла встает вопрос, какие средства могут быстро и качественно выполнить поставленную задачу. В настоящее время существует два типа редакторов, создающих Web-узлы. Это редакторы, работающие непосредственно с кодом, и визуальные редакторы. У обеих технологий есть плюсы и минусы. При создании Web-сайтов с помощью кодовых редакторов разработчику необходимо знать язык HTML. Работа в визуальном редакторе, к которому относится и FrontPage, достаточно проста и напоминает процесс создания документа в Microsoft Word. Увидеть, как будет выглядеть созданная с использованием FrontPage страница при просмотре в обозревателе можно, не выходя из редактора.

По некоторым источникам в мировом Интернете до 50% всех страниц и Web-узлов, включая и крупные проекты, создается с помощью Microsoft FrontPage. А на территории СНГ, вполне возможно, что эта цифра достигает 80-90 %.

Преимущества FrontPage перед другими редакторами очевидны:

• FrontPage имеет мощную поддержку в Интернете. Существует много Web-узлов, групп новостей, конференций, ориентированных на пользователей FrontPage. Также к FrontPage существует масса платных и бесплатных плагинов (plug-ins), расширяющих его возможности. Например, самые лучшие, на сегодняшний день, оптимизаторы графики Ulead SmartSaver и Ulead SmartSaver Pro от компании Ulead встраиваются плагинами не только в Photoshop, но и в FrontPage. Помимо этого, имеется целая индустрия фирм, разрабатывающих и выпускающих темы для FrontPage.
• Интерфейс FrontPage схож с интерфейсом программ, входящих в Microsoft Office, что облегчает его освоение. К тому же между программами, входящими в Microsoft Office, существует полная интеграция, что позволяет использовать во FrontPage информацию, созданную в других приложениях.

Замечание

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

Отличие FrontPage 2002 от FrontPage 2000

Программа FrontPage достаточно молода. Информация о первой версии визуального редактора FrontPage 1.0 появилась на Web-узле небольшой фирмы Vermeer в Интернете в конце 1995 года. В продукте было много передовых на то время решений. Через полгода фирма была куплена корпорацией Microsoft. Уже в первые три месяца под торговой маркой Microsoft было продано порядка 150 000 копий пакета. Весной 1996 года выходит следующая версия пакета - FrontPage 1.1, и уже к лету 1996 года она поднялась в США на третье место по продажам, опередив даже сам Microsoft Office. Далee одна за другой появляются следующие версии FrontPage, и он уверенно занимает позицию мирового лидера среди визуальных средств разработки для Интернета. В 2000 году выходит программа FrontPage 2000, имеющая существенные отличия от предыдущих версий. И вот новая версия продукта - FrontPage 2002.

• В программе FrontPage появились новые панели:
• Панель Буфер обмена (Clipboard), позволяющая хранить в буфере обмена одновременно до 24 фрагментов данных с сохранением использованных элементов форматирования.
• Панель Создание веб-страницы или узла (New Page or Web), предназначенная для создания новых страниц и Web-узлов, а также содержащая ссылки на последние открывавшиеся страницы, шаблоны и мастера.
• Панель Вставка картинки (Insert Clip Art), предназначенная для работы с объектами галереи Clip Art.

FrontPage содержит новые мастера и шаблоны для создания страниц и Web-узлов. С помощью мастера Мастер интерфейса базы данных (Database Interface Wizard) создается Web-узел, связанный с базой данных, в которой можно просматривать записи, добавлять новые, удалять имеющиеся. Шаблон страницы Коллекция фотографий (Photo Gallery) позволяет легко создавать фотогалерею, а также с помощью окна свойств осуществлять редактирование расположенных на странице графических элементов.

• Появились средства, позволяющие создавать панель ссылок без использования структуры Web-узла на основе списка ссылок, включаемых в панель.
• Расширен список отчетов по Web-узлу. Теперь формировать отчет можно как с помощью панели инструментов Отчеты (Reporting), так и команд меню. FrontPage позволяет формировать отчеты о посещениях вашего Web-узла, используемых посетителями браузерах, наиболее посещаемых страницах, а также отчеты с итоговой информацией по дням, неделям, месяцам и т. п.
• Добавлены расширенные средства оформления текста с использованием WordArt.
• Появилась возможность публикации отдельной Web-страницы. Для этого достаточно на панели Список папок выбрать файл и выполнить команду контекстного меню Опубликовать выделенные файлы (Publish Selected Files).
• Появились новые средства форматирования таблиц:
• Копирование содержащейся в ячейке информации в выделенные ниже или справа ячейки таблицы с помощью кнопок Заполнить вниз (Fill Down) и Заполнить вправо (Fill Right) панели инструментов Таблицы (Tables).
• Автоматическое форматирование таблицы в соответствии с предопределенными форматами. В программе FrontPage можно открывать одновременно несколько Web-страниц и перемещаться между ними с помощью вкладок, отображаемых в верхней части рабочей области.
• Количество языков, поддерживаемых программой, увеличилось до 26. Теперь при разработке Web-страницы можно использовать кодировку Unicode.

Запуск FrontPage

Вы приступаете к работе с программой FrontPage. Многое из того, с чем вам придется работать (меню, панели инструментов, окна диалога), покажется знакомым, если вы работали в среде Windows.

Для запуска программы FrontPage выполните следующие действия:

1. Нажмите кнопку Пуск.

2. Выберите из открывшегося главного меню команду Программы Появится меню данной команды.

3. Выполните команду Microsoft FrontPage (рис. 9.1). Запустится программа FrontPage, и на экране откроется ее главное окно
(рис. 9.2).

Рис. 9.1. Запуск Microsoft FrontPage

Замечание

Для удобства запуска программы FrontPage вы можете создать ярлык на Рабочем столе Windows. Вы даже можете установить режим загрузки FrontPage при запуске системы Windows. Для этого необходимо создать ярлык программы и поместить его в папку Автозагрузка.

Главное окно

На рис. 9.2 показано главное окно Microsoft FrontPage, каким вы его увидите после запуска программы. Оно содержит заголовок, меню, панели инструментов, панель режимов работы и рабочую область программы. Рассмотрим назначение элементов главного окна.

Рис. 9.2. Главное окно программы FrontPage

Заголовок

В заголовке главного окна находятся три объекта: уменьшенная копия значка программы, наименование программы Microsoft FrontPage и кнопки управления размерами окна. После щелчка левой кнопкой мыши на значке программы открывается меню управления, содержащее команды перемещения и изменения размеров главного окна (табл. 9.1).

Таблица 9.1. Команды меню управления

Команда	Назначение
Восстановить	Восстанавливает окно после его минимизации или максимизации
Переместить	Позволяет перемещать главное окно FrontPage с помощью клавиш со стрелками
Размер	Позволяет изменять размеры главного окна программы FrontPage с помощью клавиш со стрелками
Свернуть	Уменьшает окно программы FrontPage до размеров значка
Развернуть	Развертывает главное окно FrontPage; это окно не имеет рамки
Закрыть	Закрывает FrontPage

В правой стороне заголовка расположены кнопки управления главным окном программы:

Кнопка	Назначение
	Минимизирует главное окно FrontPage и помещает его значок на панель задач Windows
	Переводит главное окно FrontPage в режим изменения его размеров
	Максимизирует главное окно FrontPage
	Закрывает главное окно программы FrontPage

Стандартная панель инструментов FrontPage

В программе FrontPage имеется много самых разнообразных панелей инструментов , содержащих набор кнопок, который зависит от назначения данной панели.

Если вы переходите в какой-либо режим работы, в главном окне программы появляется необходимая панель инструментов. Например, при переходе в режим просмотра и создания отчетов о Web-узле загружается панель Отчеты (Reporting), а при работе с графическими изображениями - Рисунки (Pictures). В том случае, если панель инструментов отсутствует на экране, для ее отображения используется команда Панели инструментов (Toolbars) из меню Вид (View), при выборе которой появляется меню, содержащее список всех панелей программы FrontPage, представленный в табл. 9.2.

Таблица 9.2. Панели инструментов программы FrontPage

Панель инструментов	Назначение
Стандартная (Standard)
Форматирование (Formatting)	Стандартная панель инструментов; располагается по умчанию в главном окне FrontPage
Эффекты DHTML (DHTML Effects)	Создает на Web-странице динамические HTML-эффекты (о них речь пойдет в главе 20)
Рисование (Drawing)	Панель инструментов, предназначенная для рисования
Переход (Navigation)	Панель, предназначенная для работы в режиме Переходы
Рисунки (Pictures)	Панель инструментов, предназначенная для работы с изображениями
Размещение (Positioning)	Содержит кнопки, позволяющие позиционировать объекты
Отчеты (Reporting)	Панель инструментов, позволяющая задавать типы формируемых отчетов по Web-узлу
Стиль (Style)	Панель инструментов, предназначенная для задания стиля оформления
Таблицы (Tables)	Содержит кнопки, позволяющие создавать и модифицировать таблицы
Область задач (Task Pane)	Отображает в окне программы FrontPage панель Создание веб-страницы или узла (New Page or Web), содержащую список команд, используемых для открытия существующих страниц и Web-узлов и создания новых
	Панель инструментов для работы с коллекцией WordArt

Выберите из этого меню нужную панель. При этом в меню с левой стороны наименования выбранной панели инструментов отобразится галочка, а сама панель появится в главном окне. Для удаления с экрана ненужной панели инструментов необходимо выбрать соответствующую команду меню еще раз. Галочка, располагаемая в меню рядом с наименованием, исчезнет, а панель инструментов будет удалена из главного окна программы FrontPage.

Совет

Для отображения на экране списка панелей инструментов достаточно установить курсор на любую находящуюся в главном окне программы FrontPage панель инструментов и нажать правую кнопку мыши.

Познакомимся со стандартной панелью инструментов программы FrontPage, которая используется во всех режимах (рис. 9.3).

Рис. 9.3. Стандартная панель инструментов программы FrontPage

Назначение кнопок данной панели инструментов описано в табл. 9.3.

Таблица 9.3. Назначение кнопок стандартной панели инструментов

Кнопка	Название	Назначение
	Создать (New)	По умолчанию создает новую страницу шаблона Обычная страница (Normal Page). При нажатии стрелки, расположенной на кнопке открывается меню, содержащее команды, предназначенные для создания страницы, Web-узла, папки или задания
	Открыть (Open)	Открывает существующий файл или Web-узел
		Сохраняет открытый файл
	Найти (Search)	Управляет отображением в главном окне панели Обычный поиск (Search)
		Размещает Web-узел на сервере
	Переключить панель (Toggle Pane)	Управляет отображением в главном окне программы панелей Список папок (Folder List) и Область переходов (Navigation Pane)
	Печать (Print)	Печатает Web-страницу
	Просмотр в обозревателе (Preview in Browser)	Загружает страницу в обозреватель для просмотра
	Орфография (Spelling)	Проверяет орфографию
	Вырезать (Cut)	Удаляет выделенный текст или объекты и помещает их в буфер обмена
	Копировать (Copy)	Копирует в буфер обмена выделенный текст или объекты, не удаляя их
	Вставить (Paste)	Вставляет содержимое буфера обмена в текущее место Web-страницы
	Формат по образцу (Format Painter)	Копирует формат, который можно применять для дальнейшего форматирования
	Отменить (Undo)	Отменяет последнее действие
	Вернуть (Redo)	Восстанавливает действия, отмененные командой Отменить (Undo)
	Веб-компонент (Web Component)	Открывает диалоговое окно Вставка компонента веб-узла (Insert Web Component), предназначенное для размещения на Web-странице компонента из предлагаемого списка
	Добавить таблицу (Insert Table)	Вставляет в Web-страницу таблицу
	Добавить рисунок из файла (Insert Picture From File)	Вставляет в Web-страницу графическое изображение
	Рисование (Drawing)	Управляет отображением в главном окне программы панели инструментов Рисование (Drawing)
		Открывает диалоговое окно Добавление гиперссылки (Insert Hyperlink) для создания ссылки
	Обновить (Refresh)	Обновляет информацию в окне программы в соответствии с осуществленными изменениями
	Завершить (Stop)	Останавливает загрузку информации в окно программы
	Справка по Microsoft FrontPage (Microsoft FrontPage Help)	Вызывает справочную систему программы - F rontPage
	Параметры панелей инструментов (More Buttons)	Открывает список всех кнопок панели инструментов, используя который можно изменить их состав

Совет

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

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

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

Меню

Взаимодействие с FrontPage осуществляется с помощью команд меню. Большинство команд являются иерархическими. В результате выбора одной из таких команд на экране появляется ее подменю.

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

• Наиболее простой - использование мыши (поместите курсор на требуемую команду и щелкните левой кнопкой мыши).
• Если вы предпочитаете применять клавиатуру, сначала переместите курсор в строку меню. Для этого нажмите либо клавишу , либо . Выделяется первая команда в меню. Поместите выделение на требуемую команду, используя для этого клавиши <←>, <→>, <>, <↓>, затем нажмите клавишу .
• Можно нажать <Аlt>+<подчеркнутый символ имени команды> (команда будет выполняться без нажатия клавиши ).

Замечание

Справа от названия некоторых команд меню могут быть указаны комбинации клавиш, при нажатии на которые данные команды вызываются быстро.

Рассмотрим команды Файл (File), Правка (Edit) и Вид (View). Назначение остальных команд будет описано далее в книге по мере рассмотрения режимов, в которых они используются.

Файл

Меню Файл (File) содержит команды создания, открытия, закрытия, сохранения и печати файлов (табл. 9.4). Последняя команда этого меню - Выход (Exit). Она предназначена для выхода из FrontPage.

Таблица 9.4. Команды меню Файл

Команда	Описание
Создать (New)	Используется для создания новой страницы, Web-узла, папки или задания
Открыть (Open)	Открывает диалоговое окно Открытие файла (Open File) для выбора файлов разных типов
Закрыть (Close)	Закрывает открытый файл или Web-страницу
Открыть веб-узел (Open Web)	Открывает диалоговое окно Открытие веб-узла (Open Web), позволяющее выбрать Web-узел
Закрыть веб-узел (Close Web)	Закрывает активный Web-узел. Данная команда важна, т. к. открытие нового узла без закрытия активного открывает новое окно программы FrontPage
	Сохраняет файл, находящийся в активном окне. Для файла, который не имеет имени, открывается диалоговое окно Сохранить как (Save As), позволяющее задать его имя и папку, где файл будет расположен
Найти (Search)	Управляет отображением в главном окне панели Обычный поиск (Search)
	Размещает созданный Web-узел на сервере
Импорт (Import)	Импортирует в Web-узел файлы, созданные с помощью FrontPage предыдущих версий или другими программными продуктами
Экспорт (Export)	Экспортирует открытую в окне программы FrontPage Web-страницу в файл указанного типа
Параметры страницы (Page Setup)	Позволяет задать параметры выводимой на печать страницы
Просмотр в обозревателе (Preview in Browse)	Открывает диалоговое окно, позволяющее указать обозреватель, в котором будет просматриваться Web-страница
Print Preview	Открывает окно предварительного просмотра печатаемой информации
Печать (Print)	Печатает содержимое текущего окна или файла
Отправить (Send)	Позволяет сформировать и отправить по электронной почте сообщение, в которое будет вложен файл, открытый в окне программы FrontPage
Свойства (Properties)	Открывает диалоговое окно Свойства страницы (Page Properties), предназначенное для просмотра и редактирования свойств открытого файла
Последние файлы (Recent Files)	Содержит имена восьми последних открываемых файлов, позволяя их открыть
Последние веб-узлы (Recent Webs)	Содержит имена четырех последних открываемых Web-узлов, позволяя их открыть
Выход (Exit)	Выход из программы FrontPage

Правка

Большинство команд меню Правка (Edit) вам знакомы, если вы работали с другими приложения Windows. Они используются при редактировании Web-страниц (табл. 9.5).

Таблица 9.5. Команды меню Правка

Команда	Описание
Отменить (Undo)	Отменяет изменения, сделанные в текущем сеансе редактирования
Повторить (Redo)	Восстанавливает действия, отмененные командой Отменить
Вырезать (Cut)	Удаляет выделенный текст или объект, помещая его в буфер обмена
Копировать (Сору)	Копирует выделенный текст или объект в буфер обмена
Буфер обмена Office (Office Clipboard)	Отображает в окне программы FrontPage панель Буфер обмена (Clipboard), позволяющую работать с буфером обмена данных
Вставить (Paste)	Вставляет содержимое буфера обмена
Специальная вставка (Paste Special)	Открывает диалоговое окно Преобразовать текст (Convert Text), позволяющее вставить содержимое буфера обмена с конвертированием данных
Удалить (Delete)	Удаляет выделенные объекты
Выделить все (Select All)	Выбирает все объекты в текущем файле
Найти (Find)	Открывает диалоговое окно Найти и заменить (Find and Replace) для поиска текстовых строк в файле
Заменить (Replace)	Открывает диалоговое окно Найти и заменить для поиска и замены текстовых строк в файле
Извлечь (Check Out)	Устанавливает режим монопольного редактирования файла, при котором запрещается его редактирование другим разработчикам
Вернуть (Check In)	Устанавливает режим совместного редактирования файла
Отменить извлечение (Undo Check Out)	Отменяет режим монопольного редактирования файла
Задачи (Tasks)	Содержит команды, управляющие задачами

Команда Задачи (Tasks) открывает меню следующего уровня, содержащее опции, управляющие задачами:

• Добавить задачу (Add Task) - добавляет новую задачу
• Изменить задачу (Edit Task) - редактирует текущую задачу
• Запустить задачу (Start Task) - запускает текущую задачу на выполнение
• Пометить как завершенную (Mark Complete) - изменяет статус задачи
• Отобразить журнал (Show History) - позволяет просмотреть весь списо к задач, включая выполненные ранее

Вид

В меню Вид (View) содержит команды (табл. 9.6), управляющие режимами работы программы FrontPage, а также отображением в главном окне пане л ей Представления (Views), Область переходов (Navigation Pane), Список па п ок (Folder List) и панелей инструментов.

Таблица 9.6. Команды меню Вид

Команда	Описание
Страница (Раде)	Переводит программу FrontPage в режим просмотра и редактирования страниц
Папки (Folders)	Переводит программу в режим работы с папками Web-узла
Отчеты (Reports)	Переводит программу FrontPage в режим просмотра отчетов по Web-узлу
Способ перехода (Navigation)	Переводит программу в режим работы со структурой Web-узла
	Переводит программу в режим, при котором в рабочей области программы FrontPage можно просмотреть все ссылки Web-узла
Задачи (Tasks)	Переводит программу FrontPage в режим просмотра задач
Панель представлений (Views Bar)	Управляет отображением панели Представления (Views) в главном окне FrontPage
Список папок (Folder List)	Управляет отображением панели Список папок (Folder List) в главном окне FrontPage
Область переходов (Navigation Pane)	Управляет отображением панели Область переходов в главном окне FrontPage
Область задач (Task Pane)	Управляет отображением панели Создание веб-страницы или узла (New Page or Web), содержащей список команд, используемых для открытия существующих страниц и Web-узлов и создания новых
Показать теги (Reveal Tags)	Управляет отображением HTML-тегов на вкладке Обычный (Normal) для элементов Web-страницы
Панели инструментов (Toolbars)	Открывает список всех панелей инструментов FrontPage, позволяя разместить или удалить панель инструментов в главном окне программы
Обновить (Refresh)	Загружает последнюю сохраненную версию текущей Web-страницы

Контекстное меню

Программа FrontPage (помимо основного меню) предоставляет контекстное меню, состав команд которого зависит от текущего режима работы. Для получения доступа к контекстному меню достаточно установить курсор на объект, с которым вы в данный момент работаете, и нажать правую кнопку мыши. Выбор команд осуществляется так же, как и из главного меню.

Панель режимов работы

FrontPage предлагает 6 режимов просмотра и создания Web-узла. Для перехода в тот или иной режим предназначена располагаемая с левой стороны главного окна FrontPage панель Представления (Views), содержащая 6 кнопок. Назначение кнопок данной панели описано в табл. 9.7.

Отображением на экране этой панели управляет команда Панель представлений (Views Bar) меню Вид (View). Если вы не хотите, чтобы панель режимов присутствовала в главном окне, занимая рабочую область, удалите ее с экрана, выбрав команду Панель представлений еще раз.

Таблица 9.7. Кнопки панели режимов работы

Кнопка	Название	Назначение
	Страница (Page)	Просмотр и редактирование страниц; в данном режиме в рабочей области программы FrontPage можно создавать новые и редактировать существующие Web-страницы
	Папки (Folders)	Просмотр структуры папок создаваемого Web-узла
	Отчеты (Reports)	Просмотр отчетов; этот режим предназначен для формирования и просмотра отчетов о Web-узле
	Переходы (Navigation)	Проектирование структуры Web-узла; эта структура в дальнейшем используется при создании панелей ссылок
		Просмотр гиперссылок Web-узла
	Задачи (Tasks)	Режим формирования и просмотра задач, которые можно использовать при создании Web-узла

Замечание

Для перехода в один из режимов работы помимо кнопок на панели Представления (Views) можно использовать одноименные команды меню
Вид (View).

Открытие файлов

Для просмотра и редактирования в программе FrontPage имеющихся Web- узл ов и страниц их необходимо открыть, используя команды меню, клавиа т уру или стандартную панель инструментов.

Открытие Web-узла

Для открытия Web-узла в программе FrontPage выполните следующие дей ст вия:

1.В меню Файл (File) выберите команду Открыть веб-узел (Open Web) или на стандартной панели инструментов нажмите стрелку справа от кнопки Открыть (Open) и в открывшемся меню выберите команду Открыть веб-узел (Open Web).

2.Используя раскрывающийся список Папка (Look in) открывшегося диалогового окна Открытие веб-узла (Open Web) (рис. 9.4), выберите папку, в которой располагается открываемый вами Web-узел.

3.Выберите необходимый Web-узел и нажмите кнопку Открыть (Open).

Рис. 9.4. Диалоговое окно Открытие веб-узла

Замечание

Значки, которыми обозначаются Web-узлы (рис. 9.4), похожи на значки папок, на которых размещено изображение глобуса.

В диалоговом окне Открытие веб-узла находятся кнопки, предназначенные для облегчения поиска Web-узла на диске, если он расположен в одной из системных папок:

Кнопка	Назначение
Журнал (History)	Открывает папку Recent , содержащую Web-узлы, ранее открывавшиеся в программе FrontPage
Мои документы (My Documents)	Открывает папку Мои документы
Рабочий стол (Desktop)	Открывает папку Windows Рабочий стол
Избранное (Favorites)	Открывает папку Избранное
Мое сетевое окружение (My Network Places)	Открывает папку Мое сетевое окружение

Совет

Для открытия после запуска программы Web-узла, с которым вы работали при предыдущем запуске FrontPage, необходимо в меню Сервис (Tools) выбрать команду Параметры (Options) и на вкладке Общие (General) появившегося диалогового окна установить флажок Открывать последний веб-узел при запуске FrontPage (Open last web automatically when FrontPage starts).

Совет

Чтобы открыть Web-узел, можно воспользоваться командой Последние веб-узлы (Recent Webs) из меню Файл (File), содержащей имена четырех последних открывавшихся Web-узлов.

Каждый открываемый Web-узел располагается в новом окне программы FrontPage. Чтобы этого не возникало, перед загрузкой нового Web-узла закрывайте открытый узел с помощью команды Закрыть веб-узел (Close Web) из меню Файл (File).

Открытие Web-страницы

С помощью диалогового окна Открытие файла (Open File) в программе FrontPage можно открывать Web-страницы, сохраненные на диске в виде отдельных файлов, Web-страницы из Интернета, а также страницы Web-узла. При открытии страницы, входящей в состав Web-узла, открывается и сам Web-узел.

Для открытия Web-страницы выполните одно из следующих действий:

• В меню Файл (File) выберите команду Открыть (Open).
• На стандартной панели инструментов нажмите стрелку с правой стороны кнопки Открыть (Open) и в появившемся меню выберите команду Открыть.
• Нажмите комбинацию клавиш +.

При выполнении любого из этих действий открывается диалоговое окно Открытие файла (Open File) (рис. 9.5). Используя раскрывающийся список (Look in), выберите папку, в которой располагается открываемая вами Web-страница. Затем установите на выбранную страницу курсор и нажмите кнопку Открыть (Open).

Замечание

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

Рис. 9.5. Диалоговое окно Открытие файла

Используя кнопки диалогового окна Открытие файла (Open File), можно ускорить поиск необходимой Web-страницы, если она расположена в системной папке, название которой размещено с левой стороны окна. Для открытия Web-узла можно также использовать команду Последние файлы (Recent Files) из меню Файл (File), которая содержит имена четырех последних открытых Web-страниц.

Панели Список папок и Область переходов

В главном окне программы в режимах Страница (Page), Переходы (Navigation) и Гиперссылки (Hyperlinks) можно отобразить панель Список папок (Folder List), показывающую структуру папок открытого Web-узла (рис. 9.6). Для этого необходимо в меню Вид (View) выбрать команду Список папок (Folder List). При переходе в режим работы Папки (Folders) эта панель располагается в главном окне программы FrontPage по умолчанию.

Рис. 9.6. Панель Список папок

Замечание

Используя панель Список папок (Folder List), посмотрите на расширения имен файлов Web-узла. Web-страница имеет расширение имени файла НТМ. Помимо Web-страниц, Web-узел может содержать файлы типа GIF и JPG (графические файлы), а также файлы других типов, если при создании страниц вы используете программы, входящие в Microsoft Office.

В режимах работы Страница (Page), Переходы (Navigation) и Гиперссылки (Hyperlinks) справа от панели Список папок (Folder List) размещается рабочая область для просмотра и редактирования Web-узла или Web-страницы (в зависимости от режима, в котором вы находитесь). На рис. 9.7 в рабочей области располагается открытая Web-страница.

Обратите внимание на нижнюю часть панели Список папок в режиме работы Страница (Page). Там располагаются вкладки Список папок (Folder List) и Переходы (Navigation), позволяющие без использования меню и кнопок основной панели инструментов отображать панель папок или панель навигации, соответственно.

Рис. 9.7. Отображение структуры папок Web-узла в режиме работы Страница

Работа с панелью Список папок (Folder List) аналогична работе в окне Проводника системы Windows. Открывая папки, определяющие структуру открытого в программе FrontPage Web-узла, вы легко можете отыскать необходимую страницу и открыть ее для просмотра и редактирования. Чтобы открыть страницу, дважды щелкните на ее имени или значке. При этом в рабочей области программы FrontPage появится выбранная страница, которую можно просмотреть или отредактировать. Если открыто несколько страниц, в верхней части этой области располагаются вкладки с их названиями, служащие для перехода между страницами
(см. рис. 9.7).

Замечание

Если вы находитесь в режиме Переходы (Navigation) и Гиперссылки (Hyperlinks), то после двойного щелчка на имени выбранной Web-страницы вы автоматически переходите в режим ее редактирования.

В режиме работы Страница в окне программы FrontPage можно разместить панель Область переходов (Navigation Pane), предназначенную для просмотра навигационной структуры открытого Web-узла. На данной панели показываются страницы узла и их иерархическая связь друг с другом. Для отображения панели Область переходов можно использовать одноименную команду из меню Вид (View), кнопку Переключить панель (Toggle Pane) на стандартной панели инструментов или вкладку в нижней части панели Список папок (Folder List).

Ширину панели режимов работы Представления (Views), панели структуры папок Список папок (Folder List) и панели Область переходов (Navigation Pane) можно регулировать с помощью мыши. Для этого выполните следующие действия:

1.Установите курсор на правую вертикальную границу панели или области, ширину которой хотите изменить.

2.Когда курсор примет вид двунаправленной стрелки, нажмите кнопку мыши и, удерживая ее нажатой, перемещайте курсор вправо для увеличения ширины панели или области папок, или влево - для уменьшения.

3.Установив требуемую ширину панели или области, отпустите кнопку мыши.

Режимы работы

Как уже было сказано выше, в программе FrontPage существует 6 режимов работы, для перехода в которые предназначены кнопки на панели Представления (Views), а также первые шесть команд меню Вид (View). Рассмотрим кратко основные режимы работы.

Режимы просмотра и редактирования Web-страницы

При открытии в программе FrontPage новой или ранее созданной Web-границы вы оказываетесь в режиме просмотра и редактирования страницы траница (Page). Для перехода в режим редактирования из других режимов используется кнопка Страница (Page) панели Представления (Views) или команда Страница меню Вид (View).

На рис. 9.8 показано главное окно программы в режиме Страница. Как вы видите, в окне расположена панель режимов работы Представления, панель Список папок (Folder List), а справа - рабочая область, предназначенная для просмотра и редактирования Web-страницы. В верхней части рабочей области находятся вкладки с названиями открытых вами страниц, используемые перемещения между ними.

Рис. 9.8. Режим работы Страница

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

При переходе в режим редактирования страницы становятся доступными команды меню и кнопки на панелях инструментов, отвечающие за редактирование содержимого Web-страницы.

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

Таблица 9.8. Режимы просмотра Web-страницы

Вкладка	Назначение
Обычный (Normal)	Обычный режим работы, при котором осуществляется создание страницы с помощью визуальных средств. Страница создается путем размещения в ней текста, линий, кнопок, ссылок и других объектов с использованием меню и панелей инструментов, при этом вам не требуется знать HTML-коды
HTML-код (HTML)	Режим просмотра и создания страницы в HTML-кодах (рис. 9.9). Его можно использовать как для просмотра HTML-кодов страницы, созданной в обычном режиме работы, так и для создания страницы с помощью кодов. При этом часть страницы может создаваться в обычном режиме, а отдельные места дописываться в кодах
Просмотр (Preview)	Предварительный просмотр страницы в том виде, в котором она будет представлена на сервере Интернета

Рис. 9.9. Просмотр страницы в HTML-кодах

Совет

Чтобы правильно сориентироваться в HTML-кодах и легко найти редактируемое место, в нормальном режиме установите курсор в то место страницы, где вы хотите внести изменения, и перейдите на вкладку HTML-код. Курсор точно укажет место редактирования.

Режим просмотра структуры папок

Для перехода в режим просмотра структуры папок Web-узла используется лопка Папки (Folders) на панели Представления (Views) или команда Пап-Я (Folders) из меню Вид (View). В этом режиме работы в главном окне по молчанию размещается панель Список папок (Folder List) с именами папок пгкрытого Web-узла, расположенных по иерархии, а в рабочей области программы - содержимое папки, выделенной на панели (рис. 9.10).

Рис. 9.10. Главное окно программы FrontPage в режиме работы Папки

Информация в рабочей области представлена в табличном виде и содержит подробные сведения о файлах выбранной папки. Используя данный режим, можно узнать название файла, с которым он сохранен на диске, его тип, размер, имя разработчика и дату последней модификации файла, а также наименование Web-страницы.

Список файлов, находящихся в таблице, можно сортировать по возрастанию или убыванию значений, размещенных в том или ином столбце. Для сортировки списка файлов в алфавитном порядке по возрастанию достаточно щелкнуть на заголовке столбца, по значениям которого хотите осуществить упорядочение данных. Чтобы изменить порядок сортировки, можно щелкнуть на заголовке еще раз. Для сортировки файлов по дате их последней модификации используется столбец Изменен (Modified Date).

Посмотрите на значки файлов, размещенных в рабочей области программы. Значки папок вам знакомы по работе с системой Windows. Наиболее часто встречаются значки Web-страниц и значки графических файлов. Значки файлов, импортированных из Microsoft Office, содержат логотипы исходных программ. Для упорядочения файлов по их типам необходимо в правой рабочей области щелкнуть на заголовке столбца Тип (Туре).

Из режима просмотра структуры папок вы можете перейти в режим редактирования страницы, не используя панель Представления (Views). Для этого в рабочей области программы FrontPage в списке файлов установите курсор на модифицируемую страницу и выполните одно из следующих действий:

• Дважды щелкните кнопкой мыши
• Нажмите клавишу

При выполнении любого из этих действий в рабочей области главного окна программы вместо списка файлов в табличном виде откроется выбранная страница в режиме редактирования. Для выхода из этого режима и возвращения в режим просмотра структуры папок нажмите на панели Представления (Views) кнопку Папки (Folders).

Создание новых папок

Если при работе в программе FrontPage возникнет необходимость в новой папке для упорядочения имеющихся файлов, то создать ее вы можете из режима просмотра структуры папок. Для этого выполните следующие действия:

2. На панели Список папок (Folder List), отображающей иерархическую структуру папок, установите курсор на папку, в которой хотите разместить создаваемую папку.

3. В меню Файл (File) выберите команду Создать (New), а затем из появившегося подменю команду Папка (Folder) или нажмите правую кнопку мыши и выберите последовательно команды Создать и Папка контекстного меню. В иерархической структуре папок левой рабочей области появится новая папка с именем Новая папка (New_Folder). Эта же папка отобразится в правой области, и ее имя активно для переименования (рис. 9.11).

4. Введите имя папки и нажмите клавишу .

Замечание

Если вы сразу не ввели имя для созданной папки, то папка будет иметь имя Новая_папка (New_Folder), присвоенное ей по умолчанию программой FrontPage. Позднее вы можете папку переименовать, воспользовавшись командой контекстного меню Переименовать (Rename). Кроме того, для переименования можно также выделить имя папки и, выдержав небольшую паузу, нажать кнопку мыши. Имя папки станет доступным для редактирования, и вы сможете ввести новое имя.

Рис. 9.11. Создание новой папки в режиме работы Папки

Перемещение файлов

Для перемещения файлов между папками Web-узла в режиме просмотра структуры папок программа FrontPage позволяет использовать метод "перенести-поставить". Например, для упорядочения файлов вы создали новую папку и хотите разместить в ней файлы определенного типа или по конкретной тематике. Для перемещения файлов выполните следующие действия:

1. Перейдите в режим просмотра структуры папок Папки (Folders).

2. Используя рабочую область программы FrontPage, содержащую в этом режиме работы список файлов и папок Web-узла, выберите перемещаемый файл или группу файлов (рис. 9.12). Для выделения подряд расположенных файлов используйте нажатую клавишу , а для файлов, которые располагаются не подряд, - клавишу .

Рис. 9.12. Выделение файлов для дальнейшего перемещения

3. Нажмите левую кнопку мыши и, удерживая ее нажатой, переместите курсор на панель Список папок (Folder List), отображающую иерархическую структуру Web-узла, на папку, в которой хотите разместить выбранные файлы.

4. Отпустите кнопку мыши. Начнется процедура перемещения файлов, в процессе которой на экране монитора появляется окно, в котором указываются выполненные операции. После завершения перемещения это окно удаляется с экрана, указывая, что операция успешно проведена.

Замечание

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

Режим Переходы

Режим работы Переходы (Navigation), называемый также режимом навигации, позволяет разработчику наглядно просматривать и модифицировать иерархическую структуру страниц создаваемого Web-узла. Эта структура используется при создании панелей ссылок, размещаемых на страницах и служащих для перемещения между страницами Web-узла. Для перехода в режим Переходы предназначена кнопка Переходы на панели режимов Представления (Views) и команда Способ перехода (Navigation) из меню Вид (View).

В режиме работы Переходы в главном окне программы появляется панель Список папок (Folder List), а в рабочей области программы размещается иерархическая структура Web-узла (рис. 9.13), на которой в виде прямоугольников представлены страницы. Название прямоугольника соответствует названию отображаемой им страницы. Прямоугольник со значком домика указывает домашнюю страницу. Эта страница всегда располагается в структуре на самом верхнем уровне иерархии.

Создание и изменение иерархической структуры осуществляется с помощью метода "перенести-и-оставить", позволяющего "взять" страницу Web-узла с панели Список папок (Folder List) и поместить ее в требуемое место структуры, а также перемещать внутри структуры уже находящуюся в ней страницу.

Рис. 9.13. Web-узел в режиме работы Переходы

Режим работы Гиперссылки

Режим работы Гиперссылки позволяет разработчику просмотреть в графическом виде все ссылки, установленные на страницах Web-узла. Для перехода в режим просмотра гиперссылок предназначена кнопка Гиперссылки на панели режимов Представления (Views) и команда Гиперссылки (Hyperlinks) из меню Вид (View).

В режиме просмотра гиперссылок в главном окне программы FrontPage отображается панель Список папок (Folder List), а в рабочей области - схема ссылок открытого Web-узла (рис. 9.14).

Рис. 9.14. Режим просмотра гиперссылок Web-узла

Нa схеме гиперссылок файлы представлены в виде значков, рядом с которыми расположены их имена. Ссылки на схеме представлены в виде линий. Слева от значка располагаются входящие на страницу ссылки, а справа - исходящие.

Если внутри значка расположен знак "плюс", значит, существуют файлы, имеющие ссылки на данный файл или сам файл имеет ссылки на другие страницы. При нажатии на знак "плюс" эти ссылки раскрываются, а знак плюс" заменяется знаком "минус". По значку можно судить о самом файле. Так, например, значком с изображением глобуса обозначаются файлы, размещенные в Интернете. Если значок имеет вид рисунка, то данный файл является графическим.

Режим формирования и просмотра отчетов

Как правило, Web-узел представляет собой сложный объект, состоящий, в свою очередь, из большого количества Web-страниц, гиперссылок, файлов (графических, мультимедийных, текстовых). Режим просмотра отчетов Отеты (Reports) позволяет сгруппировать файлы по определенным признакам, посмотреть занимаемый ими объем, предполагаемую скорость их загрузки, видеть список файлов, созданных или измененных за определенный интервал времени и т. д.

Для перехода в режим работы Отчеты используется кнопка Отчеты на панели режимов Представления (Views) и команда Отчеты (Reports) из меню Вид (View). При выполнении этих действий в рабочей области программы FrontPage отображается таблица (рис. 9.15), наименования столбцов которой, а также их количество зависят от типа отчета, задаваемого с помощью -панели инструментов Отчеты (Reporting) и опций меню Отчеты (Reports).

Рис. 9.15. Режим просмотра отчетов

Режим формирования и просмотра задач

Режим работы Задачи (Tasks) предназначен для помощи в планировании и организации работ по созданию Web-узла, что актуально при ведении крупной разработки с большим количеством участников. В этом режиме можно формировать список работ, приоритет их выполнения и в какие сроки эти заботы должны быть завершены, указать исполнителей.

Идя перехода в режим формирования и просмотра задач предназначена кнопка Задачи (Tasks) на панели режимов работы Представления (Views) и команда Задачи (Tasks) из меню Вид (View). При переходе в режим Задачи в правой рабочей области программы располагается в табличном виде список сформированных задач (рис. 9.16). Работа в данном режиме осуществляется с помощью команды Задачи (Tasks) из меню Правка (Edit) и контекстного меню.

Рис. 9.16. Режим формирования и просмотра задач

Выход из программы FrontPage

После завершения текущего сеанса работы необходимо закрыть программу F rontPage. Для этого вы можете воспользоваться одним из следующих способов:

• Выберите в меню Файл (File) команду Выход (Exit)
• Выберите команду Закрыть в системном меню главного окна FrontPage
• Дважды щелкните на значке программы FrontPage в заголовке главного окна

Если вы не сохранили информацию, FrontPage предложит вам указать, как поступить с ней. Для этого на экране появляется диалоговое окно, аналогичное представленному на рис. 9.17.

Рис. 9.17. Диалоговое окно, появляющееся при попытке выхода из программы FrontPage без сохранения информации

Для продолжения операции нажмите одну из кнопок:

Кнопка	Назначение
	Сохраняет введенные изменения и выходит из программы FrontPage
	Осуществляет выход из FrontPage без сохранения информации
Отмена	Закрывает диалоговое окно и возвращается в программу FrontPage

Если был открыт Web-узел, то появится отдельный запрос по каждой странице, на которой осуществлялось редактирование данных.

Задание 1. Создание Web-сайтов средствами MS FrontPage

Выполняя предыдущие задания, вы познакомились с возможностями языка HTML для создания Web-сайтов. Хотя освоение этого языка не очень трудное дело, однако создание действительно эффективного Web-сайта –кропотливая задача, требующая значительных навыков и знаний. Упростить подготовку материалов для публикации в сети Интернет может использование средств MS Office. Однако для больших сайтов этот инструмент не всегда оказывается удобным, поскольку в нем отсутствуют возможности редактирования сайта в целом, нет сервисных средств проверки корректности подготовленных документов и т.д. Кроме того, форматирование документов средствами MS Office, рассмотренными выше, происходит по принципу WYSIWYG – соответствия его реального образа содержанию. Однако технические средства пользователей очень отличаются друг от друга и разработчик сайта может видеть его иначе, чем пользователь сети, то есть, принцип соответствия нарушается. Все это является существенным ограничением применения Ms Office (Word, Excel, Power Point) для разработки сайтов.

Вместе с тем, работу по созданию Web-сайтов можно автоматизировать, и одним из таких инструментов является MS FrontPage - специализированный редактор Web-страниц.

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

Создание Web-сайта состоит из трех основных этапов:

§ проектирование структуры узла;

§ создание страниц, входящих в структуру;

§ определение связей между страницами.

MS FrontPage позволяет выполнить проектирование структуры сайта и его отдельных страниц можно выполнять любыми техническими средствами, в том числе и с помощью.

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

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

Допустим, что разрабатываемый нами сайт будет состоять из трех страниц:

Домашняя страница "Русский хлеб", сохраняемая в файле index.htm, должна содержать краткую информацию об истории фирмы и общую характеристику производимой продукции.

Страница "Прайс-лист" (файл price.htm) представляет сведения о товаре такие как название, цена и характеристика.

Страница "Заказ" (файл order.htm) должна обеспечить возможность оформить заказ и внести свои предложения производителю.

Схематично структуру такого сайта и потоки информации между страницами можно представить в виде рис. 4.1.

Рис. 4.1. Структура сайта

Для создания структуры Web-сайта необходимо осуществить загрузку приложения MS FrontPage и выполнить команду File/New/Web (Файл/Новый/Web), а затем в появившемся диалоговом окне New (рис. 4.2) указать тип сайта (One Page Web) и место его расположения.

Рис. 4.2. Структура окна MS FrotnPage

Созданный сайт сохраняется в новой папке (по умолчанию My Webs), которая помещается на локальный диск или на сервер Web. Его можно впоследствии открыть с помощью команды File/Open Web… или выбрать из списка последних открытых узлов (команда File/Reсent Webs ).

Окно приложения FrontPage содержит три части:

§ панель Views (Представление) содержит ярлыки для отображения различных представлений Web-сайта;

§ панель Folder List отображает дерево файлов и папок, составляющих физическую структуру узла;

§ окно для работы с выбранным представлением.

Панель Views позволяет выполнить просмотр Web-сайта в следующих режимах:

§ Page view (просмотр страницы);

§ Folders view (просмотр папок);

§ Reports view (просмотр отчета);

§ Navigator view (просмотр в режиме навигации);

§ Hyperlinks view (просмотр гиперссылок);

§ Тasks view (просмотр задач).

Для сохранения станицы Web-сайта, расположенной в активном окне FrontPage, используется команда File/Save (Файл/Сохранить). Если Web-страница ни разу не сохранялась, появится диалоговое окно Save As (Сохранить как).

Новые Web-страницы можно создавать несколькими способами. Например, для создания страницы "Прайс-лист" установите курсор в список папок Folder List и выполните команду File/New/Page (Файл/Создать/Страница). Используя контекстное меню и команду Rename (Переименовать), введите имя файла price.htm. Для создания следующей страницы "Заказ", предназначенной для ввода информации от покупателей и поставщиков воспользуйтесь кнопкой New Page на панели инструментов. Определите имя нового файла как order.htm.

Для включения страниц в структуру сайта перетащите файлы из панели Folder List в окно работы в режиме Navigation .

Встроенный редактор FrontPage становится доступным в режиме Page и позволяет работать с Web- страницей одним из трех способов:

§ Normal - редактирование страницы в режиме WYSIWYG, т.е. когда страница представлена так как она будет выглядеть Internet Explorer;

§ HTML - редактирование страницы в текстовом представлении;

§ Preview - просмотр и тестирование страницы.

Чтобы представить принципы редактирования Web-страниц, выполним открытие страницы index.htm. Существует несколько способов открытия страниц в FrontPage. Можно использовать команду File/Open (Файл/Открыть) или щелкнуть на кнопке Open (Открыть) панели инструментов Стандартная . Попробуйте открыть страницу, дважды щелкнув на имени файла страницы в одном из режимов - Folders, Hyperlinks, Navigator или Page. Web-страница откроется в режиме Page/Normal и будет доступна для редактирования. Введите текст, соответствующий содержанию Домашней страницы (рис.4.3). Обратите внимание, что эффектным средством структуризации документа является применение заголовков для различных абзацев текста.

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

Для создания логических разделов на Web-странице применяются горизонтальные линии, установка которых производится с помощью команды Insert/Horizontal Line (Вставка/Горизонтальная линия). Для изменения внешнего вида горизонтальной линии необходимо:

§ выделить горизонтальную линию;

§ из контекстного меню выбрать пункт Horizontal Line Properties (Свойcтва горизонтальной линии) и установить в открывшемся диалоговом окне ширину (Width ), высоту (Height ),цвет (Color ) и расположение на странице (Alignments ).

Рис. 4.3. Домашняя страница

Выполните предварительный просмотр результатов форматирования страницы, щелкнув на ярлыке Preview . Это режим не может воспроизвести все нюансы отредактированной страницы, как не может этого сделать никакой редактор. Окончательный просмотр Web-страницы следует производить Web-браузером. Для запуска браузера используйте команду File/Preview in Browser (Файл/Просмотреть браузером). В открывшемся диалоговом окне Preview in Browser выберите один из браузеров, установленных на вашем компьютере, установите размер окна браузера в группе параметров Window Size (Размер окна) и нажмите кнопку Preview . Если страница не была ранее сохранена, то появится диалоговое окно Save As (Сохранить как).

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

Создать навигационные панели можно следующим образом:

§ Выберите команду Format/Shared Borders (Формат/Общие поля) в одном из режимов - Folders ,Hyperlinks ,Navigator или Page .

§ В диалоговом окне Shared Borders (рис. 4.4) укажите страницы, на которых требуется отображать общие поля (на всех или на выделенных страницах), определите размещение общих полей и кнопок навигации.

Рис. 4.4. Диалоговое Shared Borders (

Добавление панели навигации осуществляется командой Insert/Navigation Bar .

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

Для применения темы необходимо выполнить команду Format/Themes (Формат/Тема), что открывает диалоговое окно Themes для выбора темы и настройки ее свойств – рис. 4.5. Так, установка опций Vivid Colors (Яркие цвета) делает цвет некоторых блоков текста или графических объектов более яркими, Active Graphics (Активная графика) создает анимацию некоторых элементов Web-страницы, Background Image (Фоновый узор) добавляет текстуру фона на Web-страницу, Apply Using CSS (С использованием таблицы стилей) позволяет использовать каскадные таблицы стилей.

Рис. 4.5. Окно Themes (Тема)

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

Рис. 4.6. Внешний вид Домашней страницы с использованием темы

Задание 2. Оформление таблиц средствами MS FrontPage

Использование таблиц на Web-страницах рассмотрим на примере оформления страницы "Прайс-лист", назначением которой является представлении информации о товарах, производимых фирмой.

При разработке Web-сайтов применение таблиц обеспечивает структурирование информации любого типа: числовой, тестовой и даже графической. В зависимости от типа представляемой информации таблица может иметь традиционный вид, то есть с линиями обрамления вокруг таблицы и составляющих ее ячеек, или без линий обрамления, что часто используется для представления графической информации. Разместим на странице "Прайс-лист" таблицу, содержащую название и изображение внешнего вида товара. Для этого:

§ в режиме Page выберем файл price.htm и установим курсор в то место Web-страницы, где мы предполагаем разместить левый угол таблицы;

§ создадим на странице "Прайс-лист" таблицу, состоящую из четырех строк и трех столбцов, используя команду Table/Insert/Table (Таблица/Вставить/Таблица). При появлении диалогового окне Insert Table (Вставить таблицу) в поле Rows (Число строк) и в поле Columns (Число столбцов) введем число 3.

§ заполним таблицу информацией в соответствии с рис. 4.7. Остальную информацию, представленную на странице, введем несколько позже.

Рис. 4.7. Web-страница Прайс-лист

После создания таблицы вы можете изменить ее вид в диалоговом окне Table Properties (Свойства таблицы). Выберите для этого любую ячейку таблицы и выполните команду Table/Properties/Table (Таблица/Свойства/Таблица). В диалоговом окне Table Properties (рис. 4.8) установке доступны следующие опции:

Рис. 4.8. Диалоговое окно Table Properties (файл F_Table_Properties)

Группа Layout (расположение) :

Alignment (Выравнивание) – устанавливает вид выравнивания таблицы по горизонтали относительно ширины Web-страницы;

Float (Обтекание) – позволяет расположить текст, не входящий в таблицу слева или справа от таблицы.

Cell padding (Поля ячеек) – определяет размер отступов в пикселях от краев ячейки до заполняющих ее элементов (по умолчанию принимается равным 1);

Call spacing (Шаг ячейки) – определяет расстояние в пикселях между прилегающими ячейками (по умолчнию принимается равным 2).

Группа Borders (границы) изменяет толщину линий и цвета обрамления таблицы. Обрамление состоит из двух линий – светлой и темной и применение разных цветов к ним создает эффект трехмерного изображения:

Light Border (Светлая граница) – определяет цвет светлой линии;

Dark Border (Темная граница) – определяет цвет темной линии;

Border (Граница) – определяет цвет обрамления, если опции Light Border и Dark Border определены по умолчанию (Default)/

Группа Background (Фон):

Color (Цвет) - позволяет установить цвет фона таблицы;

Use background picture (Использовать фоновый рисунок) – позволяет выбрать рисунок, который будет выбран в качестве фона в таблице.

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

§ Установите курсор в любую ячейку таблицы и выполните команду Table/Insert/Caption (Таблица/Вставить/Подпись). Указатель вставки текста переместится над таблицей по центру.

§ Введите текст подписи, например, дату обновления таблицы.

Задание 3. Создание ссылок и форм на страницах средствами MS FrontPage

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

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

Просмотр всех ссылок, относящиеся к выбранной странице, можно осуществить в режиме Hyperlinks .

Рассмотрим некоторые способы создания гиперссылок на примере дальнейшего оформления Web-страницы "Прайс-лист". Сначала введите всю исходную информацию на редактируемую страницу в соответствии с рис. 4.7. Затем для создания ссылки на закладку необходимо:

§ Создать закладки с использованием команды Insert/Bookmark (Вставить/Закладка).

§ Выделить текст или объект, при указании на который требуется перейти по гиперссылке и выполнить команду Insert/Hyperlink (Вставка/Гиперссылка).

§ В появившемся диалоговом окне – рис. 4.9, выделить страницу, на которой размещены закладки, и выбрать нужную закладку из списка Bookmark (Закладка).

Рис. 4.9. Диалоговое окно Insert Hyperlinks (создание гиперссылки)

Выполните операцию создания гиперссылок, обеспечивающих переход от рисунков из столбца Характеристики собственно к тексту страницы, где помещены характеристики товара.

Для создания гиперссылок, осуществляющих переход к другим целевым ресурсам, внимательно изучите возможности диалогового окна Insert Hyperlink .

Кроме обыкновенных ссылок в виде текста или рисунков, приложение FrontPage позволяет создавать так называемые карты – графические изображения, которым назначена ссылка. Щелчок по активной зоне позволяет перейти по указанной ссылке. Можно назначить ссылку целому рисунку или отдельному фрагменту. Рассмотрим эту операцию на примере оформления Web-страницы "Заказ". Подготовьте небольшой рисунок, сохранив его в папке Images вашего сайта, и только потом вставьте его на страницу "Заказ". Далее создание карты необходимо производить в следующей последовательности:

§ выберите рисунок на странице. На экране отобразится панель инструментов Pictures ;

§ используя инструмент рисования прямоугольника, эллипса, многоугольника, нарисуйте контур на активной зоне изображения;

При этом будем считать, что та часть рисунка, в которой расположен текст "Отдел маркетинга" должна иметь гиперссылку на форму заказа товара, а текст "Web-администратор" – гиперссылку на адрес электронной почты web-администратора. Форма заказа может размещаться на этой же странице. Введите заголовок формы в нижней части страницы и установите перед ним закладку, к которой будет осуществляться переход при нажатии на текст "Отдел маркетинга". Страницы order.htm представлен на рис.4.10.

Рис. 4.10. Фрагмент страницы оrder.htm

Кроме гиперссылок на этой странице представлено использование – распространенного и эффективного способа установления контактов между пользователем и владельцем Web-сайта. Формы могут создаваться несколькими способами. Один из них – использование шаблонов, когда разработчик Web-страницы выбирает подходящую форму из набора имеющихся шаблонов. В случае, когда ни один из предлагаемых шаблонов вас не устраивает, можно воспользоваться мастером форм Form Page Wizard . Для этого при создании новой страницы из списка предлагаемых шаблонов выбирается шаблон Form Page Wizard . Проектирование формы выполняется в этом случае в диалоговом режиме в соответствии с запросами мастера.

Некоторые разработчики предпочитают разрабатывать формы самостоятельно. Для этого с помощью панели инструментов Form (Форма) создается новая форма, в которую затем помещаются элементы управления, текст и графические объекты.

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

Каждый элемент управления формы имеет набор свойств, определяющих название элемента, установки по умолчанию, внешний вид, тип принимаемых данных. Для открытия диалогового окна, в котором задаются свойства, необходимо выбрать элемент управления, вызвать контекстное меню, нажатием правой кнопки мыши, и выполнить команду From Field Properties (Свойства поля формы).

Для ввода фамилии, имени, отчества и другой текстовой информации целесообразно выбрать однострочное текстовое поле On-line Text Box. Это поле имеет следующие свойства, отраженные в диалоговом окне (рис. 4.11):

Рис. 4.11. Диалоговое окно Text Box Properties

Name (Имя) – имя элемента управления, служащее для идентификации содержащихся в нем данных.

Initial value (Начальное значение) – символы, отражающиеся после открытия формы.

Width in characters (Количество символов) – длина текстового поля в символах.

Tab order (Порядок перебора) – определяет порядок перебора элементов управления при нажатии клавиши Tab .

Password field (Пароль) – устанавливается Yes при необходимости ввода пароля.

Для фиксации заказа товара следует использовать поле Check Box (Флажок). Свойства этого поля состоят описания его имени, пересылаемого на сервер значения и указания и необходимости его установления при открытии формы.

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

Рис. 4.12. Диалоговое окно Drop-Down Menu

В этом окне предоставляется возможность заполнить или изменить раскрывающийся список:

§ кнопка Add (Добавить) - добавление элементов списка;

§ кнопка Modify (Изменить) –изменение имени, значения или начального состояния записи;

§ кнопка Remove (Удалить) – удаление строки из списка;

§ Move Up (Вверх) и Move Down (Вниз) –изменение расположения записей.

По умолчанию в диалоговом окне установлена опция, позволяющая выбрать только одну запись из списка. Для разрешения множественного выбора в строке Allow multiple selections (разрешить множественный выбор) необходимо установить значение переключателя в позицию Yes (Да).

При самостоятельном создании формы необходимо указать средство для обработки данных, пересылаемых на сервер. С этой целью откройте контекстное меню, щелкнув правой кнопкой мыши в любом месте формы, и выберите строку Form Properties (Свойства формы) - рис. 4.13.

Рис. 4.13. Диалоговое окно Form Properties

В этом диалоговом окне предлагаются различные средства обработки формы:

§ Send to File name (Направить в файл);

§ Send to E-mail (Направить по электронной почте);

§ Send to other (Другое).

После выбора способа обработки данных, например, направления данных в файл, необходимо установить опции в диалоговом окне (Параметры сохранения результатов формы) – рис.4.14. Доступ к этому окну осуществляется нажатием кнопки Options (Параметры) диалогового окна Form Properties (Свойства формы).

Рис. 4.14. Диалоговое окно Options of Form

Данное окно имеет четыре вкладки:

§ File Results (Запись результатов в файл);

§ E-mail Results (Отправка результатов по электронной почте);

§ Confirmation Page (Страница подтверждения);

§ Saved Fields (Сохраняемые поля).

При пересылке данных в файл на соответствующей вкладке устанавливаются имя файл для сохранения данных формы (File name ), формат файла (File format ), а также опции, позволяющие пересылать данные в паре с именем поля (Include field names ) и добавлялись в конец файла HTML (Latest results at and ). Если направление данных происходит в текстовый файл, то они всегда дописываются в конец.

После создания формы, откройте Web-сайт в браузере. Перейдя на страницу "Заказы", вы можете очистить форму или ввести в нее свою информацию. Данные формы сохраняются сервером в формате, который вы определили в окне Options for Saving Results of Form (Параметры сохранения результатов формы).

Задание 4. Контроль над разработкой Web-сайта

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

Для получения информации о создаваемом узле и ее анализе, можно воспользоваться режимом Reports view (просмотр отчета) на панели Views . При нажатии на значок Reports (Отчеты) на панели инструментов появится панель Report (Отчеты), на которой в раскрывающемся списке следует выбрать тип отчета. Стандартный режим –Site Summary (Обзор сайта) – рис. 4.15.

Рис. 4.15. Общий отчет о содержании Web-сайта

В этом режиме приводится общая информация о страницах сайта. В отчете All Files (Все файлы) указывается общее число файлов и их суммарный размер. Отчет Pictures (Изображения) дает информацию о числе и размере изображений. Сроки Linked Files (Связанные файлы) и Unlinked Files (Несвязанные файлы) показывают, к каким файлам есть доступ по гиперссылкам с начальной страницы, а к каким - отсутствует. Строка Slow pages (Медленные страницы) дает информацию о медленно загружающихся страницах. Задание ограничения на время загрузки страницы выполняется с использованием команды Tools /Options /вкладка Reports View (Сервис/Параметры/ вкладка Отчеты). Страница считается медленной, если время ее загрузки превосходит значение счетчика "Slow page " take at least … ("Медленные страницы загружаются как минимум…"). Расчет времени загрузки производится с учетом предполагаемой скорости соединения, выбрать которое можно из списка Assume connection speed (Считать скорость соединения равной).

Для просмотра отчетов, представляющих информацию о корректности гиперссылок на сайте, используется строка Broken hyperlinks ("Мертвые" ссылки). Этот режим позволяет выявить наличие ссылок на несуществующий ресурс.

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

Во FrontPage предусмотрена автоматизация ведения такого списка. Для ввода новой задачи и просмотра списка уже созданных задач на панели Views (представление) используется режим Тasks view (просмотр задач). Новая задача в этом режиме включается с помощью команды File/New/Tasks (Файл/Создать/Задача), выполнение которой приводит к открытию диалогового окна New Task (Создание задачи). Ввод информации в соответствующие поля этого диалогового окна позволяет ввести информацию, необходимую для контроля за ходом выполнения работ.

Доступ к задаче осуществляется двойным щелчком на строке с описанием задачи в окне Tasks .

Рис. 10.28. Диалоговое окно «Insert Table» Рис. 10.29. Создание таблиц в HTML-документе Рис. 10.30. Панель «Таблица» Рис. 10.37. Панель «Формы» Рис. 10.38. Примеры форм Рис. 10.39. Меню команды «Form Field» Рис. 10.44. Пример титульного листа типовой Web-страницы Рис. 10.45. Диалоговое окно «Marqueе Properties» Рис. 10.46. Диалоговое окно для создания кнопки Рис. 10.47. Диалоговое окно вставки таблицы Рис. 10.48. Диалоговое окно «Select File» Рис. 10.49. Диалоговое окно «Создание гиперссылки»

Программный пакет FrontPage был разработан компанией Vermeer Technologies, известной своими разработками стандартных графических средств представления и размещения информации в WWW. Microsoft приобрела этот пакет и включила его в состав MS Office.

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

При его создании разработчики полагали, что у пользователей не хватает времени или опыта для того, чтобы разбираться в тонкостях языка HTML. Поэтому в данной программной среде пользователю предоставляется возможность собирать Web-страницу из готовых компонентов в том виде, в каком она появится на экране браузера. На программу возложены функции генерирования соответствующих управляющих кодов HTML. Фактически задача создателя сайта при работе в этой программе сводится к подбору материалов и форматированию текста. Тем самым публикация материалов в Internet стала доступной для непрофессионалов. С другой стороны, и у специалистов меньше времени стало уходить на написание кодов стандартных операций.

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

Программный пакет FrontPage поставляется с несколькими дополнительными утилитами, вместе составляющими так называемый FrontPage Bonus Pack:

Microsoft Image Composer, графический редактор, предназначенный для создания изображений для Web-сайта и манипулирования ими. Утилита содержит различные эффекты для обработки изображений и более 200 Мбайт электронных фотографий, которые можно использовать.

Microsoft Personal Web Server (Персональный Web-сервер Microsoft), версия Internet Information Server (US, Информационный сервер Internet), работающая под Windows 9.х и Windows NT Workstation. От FrontPage Personal Web Server (Персонального Web-сервера FrontPage), входящего в состав собственно FrontPage, Microsoft Personal Web Server отличают более высокая производительность и наличие дополнительных возможностей.

Web Publishing Wizard (Мастер публикации в WWW), который позволяет размещать Web-сайты у провайдера или в онлайновых службах. Обычно этот мастер используется для серверов, не поддерживающих серверные расширения FrontPage (FrontPage Server Extensions).

В FrontPage используется графический FrontPage Explorer для создания, просмотра и сопровождения Web-сайтов, а также для размещения их на компьютере, в локальной сети или Internet. FrontPage Explorer содержит команды для администрирования Web-сайтов FrontPage, проверки, просмотра и управления гиперссылами (URL).

Программный пакет Microsoft FrontPage, по определению разработчиков, предназначен для создания и сопровождения Web-узлов. Он может быть использован для эффективной разработки и построения динамичного Web-узла.

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

Функциональные возможности пакета MS FrontPage от версии к версии приближаются к возможностям программного пакета Macromedia Dreamweaver, рассмотренного ранее. Поэтому материал данного параграфа в определенном плане можно считать дополнением к материалу предыдущей главы.

Одно из основных свойств Редактора FrontPage - возможность для пользователей разрабатывать Web-страницы в режиме WYSIWYG. При этом нет необходимости вручную задавать параметры управляющих тегов HTML. В своей работе с разметкой HTML FrontPage использует методы работы текстового редактора и среды визуального программирования, что позволяет сделать процесс более быстрым и понятным.

FrontPage может как создавать новые страницы, так и редактировать подготовленные ранее HTML-документы. Web-cтраницы можно рассматривать в режиме WYSIWYG, в виде разметки HTML-кода и в виде предварительного просмотра (подобного окну браузера). Помимо этого имеется возможность загрузки Web-страницы в браузер для предварительного просмотра (обычно Internet Explorer).

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

Форматирование текста . Пакет FrontPage предоставляет возможности настройки гарнитуры символов текста, их цвета и размера (кегля). Большинство параметров оформления можно изменять, используя кнопки на панели инструментов.

В программе поддерживается набор функций форматирования абзацев: установка интервала и центровки, отступов и т.д. Имеется выбор форматирования стилей списков.

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

Возможно несколько вариантов размещения таблицы стилей:

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

Внутренняя таблица стилей. Таблица включается в код страницы. Определенные в ней стили относятся только к одной странице.

Встроенный стиль. Действие стиля распространяется только на отдельные элементы страницы и определяется в открывающем теге документа.

Вставка фрагментов кода . HTML быстро изменяется, и со временем в нем могут появиться новые управляющие теги или их атрибуты, которые в определенных версиях FrontPage не поддерживаются. Тем не менее FrontPage предоставляет возможность вставить любой фрагмент HTML, даже содержащий новые директивы. Правда, FrontPage не проверяет допустимость введенной разметки. В окне редактора такой текст будет отмечен значком Unknown HTML (Неизвестный код HTML) .

Ссылки . Предоставляется возможность использования закладок (переходов по ссылке внутри текста страницы), позволяющая пользователям перемещаться между разделами текста. Дополнительно задан интерфейс поиска закладки.

Программный пакет FrontPage поддерживает несколько видов ссылок:

Ссылки на URL-адрес (можно ввести адрес вручную или выбрать из имеющихся ссылок). При работе с гиперссылками предоставляется возможность перетаскивания URL-адреса из проводника или браузера на разрабатываемую страницу.

Ссылки на адрес электронной почты. Этот тип ссылок позволяет посетителям Web-сайта отправить сообщение по какому-либо конкретному адресу, заданному в ссылке. После ее выбора открывается окно составления сообщения в программе электронной почты.

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

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

Таблицы . FrontPage имеет удобный механизм построения таблиц. Таблицу можно задать с помощью меню Table . В Редакторе также существует панель рисования таблиц, из которой при помощи инструментов Карандаш и Ластик можно соответственно рисовать и стирать ячейки таблицы. В Редакторе предусмотрены такие механизмы работы с таблицами, как удаление, вставка и объединение ячеек, установка выравнивания (вертикального и горизонтального) данных внутри таблицы, заливка ячеек определенным цветом.

Таблицы Excel и диаграммы Microsoft Office также могут быть встроены в Web-страницу.

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

Изображения . Важным вопросом является представление изображений в Web-страницах. В FrontPage предусмотрена процедура вставки как стандартных картинок из библиотеки (clip art), так и изображений из графических файлов (используются форматы: *.gif, *.jpg, *.bmp, *.tif, *.wmf, *.ras, *.pcx, *.pcd, *.tag, *.eps). После вставки изображения выводится панель с кнопками опций редактирования изображений. К ним относятся функции расположения изображения относительно соседних объектов, размещения текста на изображении, поворота и симметричного отображения картинки, управления яркостью и контрастностью, получения фрагмента, восстановления первоначальных параметров, задания рамки.

Клиентские карты изображений . Особое внимание следует обратить на механизмы создания гиперссылок с помощью изображения. Возможно автоматическое создание уменьшенной копии (thumbnail) для предварительного просмотра изображения. Редактор в этом случае автоматически формирует гиперссылку на исходный файл изображения и представляет на странице уменьшенную копию.

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

Формы . При работе с Web-страницами часто используются формы. Данные в них либо вводятся в текстовые поля вручную, либо осуществляется выбор из определенного множества значений (радиокнопки, поля со списками и т.д.). Как правило, в таких формах присутствуют кнопки посылки информации или сброса значений. Формы предназначены для интерактивного общения с посетителями сайта. Если нужно сделать гостевую книгу или страницу, где посетители бы высказывали свое мнение или указывали на ошибки в Web-сайте, если посетителям предлагается дополнять Web-сайт (например, они имеют возможность вносить свои ссылки прямо из браузера) - применяются интерактивные формы.

Когда посетитель Web-страницы заполняет форму и делает щелчок по предлагаемой кнопке, данные отправляются в программу на сервере. Программа сервера должна существовать. Без нее информация просто не будет сохранена. При поступлении данных программа сервера их обрабатывает. Обработка может быть простой, например сохранение данных в файле, или сложной, такой, как сортировка, расчеты по предоставленным данным или передача подтверждения об отправке информации. Стандарт программирования, который определяет, как посетители взаимодействуют с Web-узлом, назван CGI - Common Gateway Interface (общий интерфейс шлюзов). Программы сервера, имеющие дело с входной информацией типа форм, называются скриптами CGI и написаны в соответствии со спецификациями CGI. Без помощи пакета FrontPage (или аналогичного) приходится писать CGI-скрипт для управления формами и устанавливать его на Web-сервере. Однако многие провайдеры Internet не разрешают устанавливать пользовательские скрипты на своих серверах.

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

Формы можно создавать в FrontPage только в том случае, если у разработчика установлен Personal Web Server. Формы FrontPage можно создать с помощью Мастера форм, путем разработки собственной пользовательской формы и с помощью шаблона.

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

однострочное текстовое поле (One-line text box);

прокручивающееся текстовое окно (скроллинг);

флажки (Checkbox);

переключатели (Radio button);

раскрывающееся меню (Drop-down menu);

нажимающиеся кнопки (Push button);

графические кнопки (Image).

Для придания странице динамичности используются бегущие строки. Предусмотрен элемент marquee (бегущая строка).

Счетчик визитов позволяет оценить количество посетителей страницы. Как правило, устанавливается только на заглавную страницу. В FrontPage существует форма вставки счетчика, предлагающая разработчику несколько вариантов представления счетчиков, а также дающая возможность выбора особого файла (для счетчика выбирается файл в графическом формате, в котором должны быть приведены все цифры от 0 до 9).

Microsoft FrontPage предназначен для создания и последующего администрирования Web-узлов сетей Internet/Intranet. Microsoft FrontPage состоит из двух модулей: FrontPage Explorer и FrontPage Editor.

Модуль FrontPage Explorer предназначен для:

создания Web-узла;

установления прав доступа;

организации файловой структуры Web-узла;

запуска FrontPage Editor для редактирования страниц.

По окончании процесса создания Web-узла данный модуль используется для его размещения на сервере в сети Internet/ Intranet.

Пользователи могут создавать, удалять, открывать, редактировать и закрывать узлы, используя FrontPage Explorer и FrontPage Editor на клиентском рабочем месте.

Особенностями модуля FrontPage Explorer являются:

На рис. 10.1 приведено рабочее окно FrontPage Explorer.

Интерфейс программного пакета FrontPage выдержан в стиле других приложений Microsoft Office. Он имеет многостраничное окно документа с указателями страниц, окно с пиктограммами основных разделов проекта, панели инструментов, плавающие меню и т.д. Для большинства объектов поддерживается метод перетаскивания (drag and drop) между окнами и панелями. Предусмотрены возможности управления составом панелей.

FrontPage построен как SDI-приложение (Single Document Interface - в окне программы отображается только текущий документ). Для каждого вновь открытого документа формируется свое рабочее окно.

Рабочие окна программного пакета . После запуска программы на экран выводится исходное рабочее окно программного пакета. На рис. 10.4 приведено рабочее окно, формируемое приложением после начала работы по умолчанию. В этом окне представлен HTML-код, создаваемый по умолчанию для каждой новой страницы.

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

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

Первая страница предназначена для проектирования с использованием визуальных компонентов по принципу WYSIWYG. Можно непосредственно редактировать текст, изображения, вставлять и удалять готовые компоненты, передвигать элементы по странице. С помощью всплывающих меню можно редактировать свойства компонентов. Внешний вид окна страницы приведен на рис. 10.5.

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

Если выбрана страница HTML, пользователь может создавать разметку страницы вручную. Как правило, в этот режим документ переводится, когда создание визуального образа уже закончено и нужно задать дополнительные настройки, отредактировать выполнение скриптов и т.д. Управляющие теги выделяются цветом. Для каждого тега можно вывести всплывающее меню с набором его свойств. Свойства тега можно также задать с помощью команды Tag Properties .

На рис. 10.6 приведен вид рабочего окна в режиме работы с HTML-кодом.

Режим Preview служит для просмотра документа в том виде, как он будет выглядеть в окне браузера. Просмотр в Preview не должен быть единственным контролем проделанной работы. Необходимо тестирование работы Web-сайта в основных браузерах.

Для управления содержимым проекта - иерархией папок и составом файлов - служит рабочее окно, выводимое с помощью пиктограммы Folders панели Views (рис. 10.7).

В списке слева перечисляются подпапки в составе основной папки Web-сайта. В основной части окна представлен список файлов с группировкой по подпапкам. Каждый файл сопровождается комментариями, в которых приведены сведения о типе файла, времени его модификации, авторе и дополнительные пояснения. Подпапки могут быть преобразованы в дочерние Web-сайты. В этом случае в список папок будет добавлена запись о дочернем Web-сайте (subweb).

При работе на Web-сайте могут потребоваться самые разные отчеты о состоянии работы. Отчеты представлены в специальном окне (рис. 10.8), выводящемся при нажатии на пиктограмму Reports панели Views . В списке присутствуют следующие отчеты:

All files (список всех файлов в составе Web-сайта).

Pictures (список графических файлов в составе Web-сайта).

Unlinked files (файлы, недостижимые из основной страницы Web-сайта).

Linked files (файлы, достижимые из основной страницы Web-сайта).

Slow Pages (страницы, скорость передачи которых превышает предел (например, 30 с для скорости 28,8 Кбит/с).

Older files - файлы, созданные ранее последних 72 дней.

Recently added files - файлы, добавленные в течение последних 30 дней.

Hyperlinks - список всех гиперссылок.

Unverified hyperlinks - неподтвержденные гиперссылки.

Component errors - список файлов, в которых возникают ошибки представления компонентов.

Uncompleted tasks - список незавершенных заданий.

Unused themes - список неиспользованных декораций.

В каждом из списков можно перейти непосредственно к редактированию того или иного объекта, щелкнув мышью на соответствующей записи.

При разработке Web-сайта важно иметь представление о характере переходов между страницами. Топологию сайта можно оценить при помощи страницы карты навигации Navigation панели Views (рис. 10.9). На карте каждая страница представляется в виде прямоугольника, с названием. Страницы на схеме можно разделить на страницы-родители (страницы, с которыми связаны страницы-потомки более низкого уровня); страницы-потомки (связанные с родительскими страницами графическими или текстовыми гиперссылками); страницы-братья (страницы, имеющие общих родителей).

На схеме гиперссылок FrontPage (рис. 10.10) демонстрирует графическое представление ссылок между фрагментами Web-сайта. Экран разделяется на две панели - список файлов и схему ссылок. На схеме отображается характер ссылок в виде значков. Конверт обозначает возможность посылки электронной почты прямо со страницы; рисунок - графический файл; глобус - внешнюю ссылку; разорванная ссылка - адрес ссылки задан неправильно; треугольник с восклицательным знаком - ошибка в задании компонента. На схеме также показаны пиктограммы типов файлов Microsoft Office, на которые ссылаются страницы

Сегодня проекты становятся все более сложными. Поэтому разработчику необходимо представлять объем работ, который предстоит выполнить, а также выстроить продуманную последовательность действий при создании Web-сайта. С другой стороны, разработка Web-сайтов ведется, как правило, рабочей группой, членам которой нужно координировать свои действия. В связи с этим предусматривается ведение списков заданий.

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

Окно (рис. 10.11) открывается по нажатии пиктограммы Tasks или при выборе в меню View Проводника опции Tasks .

В окне выводится список заданий, состоящий из следующих полей:

Status - состояние заданий (красный маркер - не выполнено, зеленый - выполнено),

Task (Задание) - содержит описание задания,

Assigned To (Кому предназначено) - показывает ответственных за выполнение каждого из заданий,

Priority (Приоритет) - указывает приоритет задания: high (высокий), medium (средний) или low (низкий),

Associated With (Связано с) - имя страницы или файла, требующих редактирования для выполнения задания,

Modified Date (Дата изменения) - дата последнего изменения задания,

Description (Описание) - описание каждой задачи.

Главное меню программного пакета . Главное меню программы выполнено в виде стандартного меню Microsoft Office 2000 и включает десять команд: File , Edit , View , Insert , Format , Tools , Table , Frame , Windows , Help .

В меню File объединены функции управления файлами и проектами, создания Web-сайта и отдельной Web-страницы, их сохранения, закрытия, печати и выхода из программы. Например:

New/FrontPage Web - создание нового Web-сайта.

New/Folder - создание нового каталога в существующем сайте.

Open FrontPage Web - открытие существующего Web-сайта для просмотра или редактирования.

Close FrontPage Web - закрытие текущего Web-сайта.

Publish FrontPage Web - перенос текущего содержимого на другой Web-сервер или в папку.

Delete FrontPage Web - удаление содержимого текущего Web-сайта.

Import - импорт файлов или папок в текущий Web-сайт.

Export - экспорт документа в файл.

Page Setup - настройка параметров страницы при печати.

Print Preview - предварительный просмотр документа перед печатью.

Recent File - список файлов, изменявшихся в последнее время.

В меню Edit включены команды отмены совершенного действия, копирования объекта в буфер, вставки объекта, поиска и замены фрагментов текста, а также работы с заданиями. Состав этого меню наиболее близок к традиционным:

Cut - вырезать документ с помещением в буфер обмена.

Redo - отмена отмены.

Copy - скопировать документ в буфер обмена.

Paste - вставить документ из буфера обмена.

Delete - удалить документ.

Rename - переименовать документ (при этом автоматически изменяются ссылки во всех документах на переименовываемый объект для обеспечения целостности данных).

Open - открыть документ для редактирования (FrontPage Editor для HTML и т.д.).

Open with - открыть документ для редактирования с указанием типа редактора.

Add To Do Task - добавить элемент в список задач.

Bookmark - вставка/редактирование закладки.

Database - управление отбором данных из БД в документ.

Properties - просмотр свойств документа и т.д.

Меню View включает команды установки режимов работы, визуализации тегов, вид плавающих панелей:

Toolbar - включение/выключение панели инструментов.

Status Bar - включение/выключение строки состояния.

Format Marks - включение/выключение отображения символов форматирования.

Refresh - обновление информации в документе.

Hyperlink View - включение режима просмотра связей.

Folder View - включение режима просмотра структуры папок.

Hyperlinks to Images - включение/выключение режима просмотра связей документов с графическими файлами.

Repeated Hyperlinks - включение/выключение отображения повторяющихся связей.

Hyperlinks inside Page - включение/выключение режима отображения связей внутри документа.

Refresh - обновление отображаемой информации.

Меню Insert включает команды вставки элементов различных типов (разрыва, горизонтальной линии, символа, комментария, графического изображения, видеоизображения, фоновой музыки, текстового файла, управляющего компонента, гиперссылки, ActiveX, JavaScript, PowerPoint Animation, формы, даты и времени и т.д.), собранные в соответствующие подменю.

Меню Format объединяет опции форматирования, управления внешним видом страниц, установки стиля оформления, параметров шрифта и абзаца, настройки типа списка, управления эффектами, установки фонового изображения и т.д.

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

Меню Table , Frames и Window включают специфические опции работы с таблицами, фреймами (кадрами) и окнами.

Некоторые опции указанных подменю поддерживаются меню более низкого уровня, так что получается иерархическая структура. Ниже, на рис. 10.12 приведено подменю Insert/Active Elements (Вставить/Активные элементы) .

Следует отметить, что от версии к версии происходит изменение как состава главного меню, так и поддерживающих его опций.

Диалоговые окна . При работе с программным пакетом MS FrontPage многие опции требуют установки дополнительных настроек, для чего служат диалоговые окна. Помимо стандартных окон Microsoft Office (открытие и сохранение Web-сайта или объекта в составе сайта, окна со списком шаблонов и т.д.) в FrontPage используются и специальные диалоговые окна, среди которых следует отметить диалоговые окна задания свойств тегов, для каждого из стандартных тегов и некоторые другие.

В качестве примера на рис. 10.13 приведено диалоговое окно вставки таблицы (Insert Table ).

Наиболее часто используемые команды представлены в составе инструментальных панелей. Общий вид этих панелей идентичен панелям MS Office. Например, на рис. 10.14 приведен общий вид фрагмента инструментальной панели: перейти в FrontPage Explorer (), вставить компонент FrontPage (Insert FrontPage Component ), вставить таблицу (Insert Table ), вставить изображение (Insert Image ), создание или редактирование гиперссылки (Create or Edit Hyperlink ).

Окна Мастеров . Мастера в FrontPage построены так же, как и мастера в других приложениях Microsoft Office 2000. В качестве примера можно привести окно Мастера создания Web-сайта дискуссий, приведенное на рис.10.15.

Слева располагается изображение, характеризующее тот или иной шаг мастера. Под изображением находится индикатор состояния (полоса с указанием, какая часть мастера выполнена). Справа помещены поля настройки и комментарии. Кнопки на форме: Cancel (Отмена) , Back (Назад) , Next (Дальше) , Finish (Закончить) .

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

Фактически FrontPage Explorer (Проводник FrontPage) - это приложение в пакете программ FrontPage, использующееся для управления целым Web-узлом.

Одно из важнейших свойств Проводника - создание структуры Web-документа. Можно построить несколько пустых (незаполненных) документов, в которые потом включить все нужные сведения. Мастера и шаблоны Проводника построят законченные Web-документы и установят их. Задача разработчика состоит в их настройке и внесении дополнений. Таким образом, имея основу, легче выполнить работу в целом.

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

Предоставляя три различные возможности визуализации Web-узла, Explorer помогает увидеть, как организована и связана информация и где могут обнаружиться неправильные ссылки.

Создав узел, его можно перенести на сервер, выбрав команду File/Copy Web (в Explorer).

Создание нового узла . Для создания нового Web-узла (или, по терминологии FrontPage, нового Web) необходимо выбрать в меню File команду New Web FrontPage или щелкнуть по кнопке New Web на панели инструментов. Появится диалоговое окно, показанное на рис. 10.16. Из этого окна требуется выбрать один из двух режимов работы: открыть существующий Web-узел для продолжения работы или создать новый Web-узел. Если будет создаваться новый Web-узел, то после нажатия кнопки ОК на экране появляется диалоговое окно, представленное на рис. 10.17.

В этом окне можно выбрать один из шести предлагаемых шаблонов для Web-узла или один из двух Мастеров создания Web-узлов.

Диалоговое окно предоставляет возможность выбора между вариантами, различными по уровню сложности, - от Empty Web (пустой Web) до Corporate Presence Wizard (Мастер представления фирмы). Различие заключается в диапазоне возможностей.

Для того чтобы создавать Web-узел «с нуля», необходимо вы-брать опцию Empty Web (Пустой узел) . Пустой Web позволит получить Web-документ, в котором будет отсутствовать какая-либо информация.

Выбор опции Corporate Presence Wizard вводит в действие мастера (программное средство автоматизации), позволяющего получить заполненный Web-документ с помощью шаблонов страниц, разработанных специально для представления фирмы.

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

Шаблон личного Web-узла (рис. 10.19) поставляется уже сконфигурированным, с ссылками на страницы сотрудников и руководителей, а также ссылкой mailto (послать письмо).

Использование . Редактор FrontPage поставляется с тремя мастерами - Form Page (Страница с формами), Frames (Кадры) и Personal Home Page (Личная страница). Редактор использует свыше двадцати шаблонов (рис. 10.20).

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

Если необходимо создать пустой документ, выбирается шаблон Normal (Обычный).

Для создания новой страницы нужно в FrontPage Editor активизировать команду File/New . Затем в раскрывшемся диалоговом окне New (рис. 10.20) выбрать тип шаблона или позицию Normal Page (Обычная страница) и нажать кнопку OK . В последнем случае на экране появится пустая страница, в правом верхнем углу которой находится мигающий курсор. Для размещения текста необходимо ввести его с клавиатуры или вставить из буфера. Редактор использует буфер обмена аналогично другим приложениям MS Office: можно вырезать или копировать любые фрагменты в других открытых в Редакторе страницах или из документов других программных приложений. Процедура традиционна: вырезаем или копируем нужный фрагмент в буфер, переходим в создаваемый документ и выполняем вставку. Удалить текст или другие элементы можно несколькими способами: выделив удаляемый фрагмент, можно затем нажать клавишу Del или активизировать команду Edit/Clear .

Для открытия страницы Web-сайта в FrontPage Editor исспользуется команда File/Open . При активизации этой команды раскрывается диалоговое окно Select File традиционной формы.

Установка свойств Web-страницы и Web-сайта . Для установки в Редакторе свойств страницы используется команда File/Page Properties (Свойства страницы) . В диалоговом окне Page Properties (рис. 10.21) помимо общей информации, например, названия страницы, устанавливаются такие параметры, как фоновый рисунок и фоновый звук, цвет фона, стандартные цвета текста и гиперссылок, поля страницы. Для редактирования свойств Web-страница должна быть открыта в FrontPage Editor.

В текстовом поле Title можно ввести или отредактировать название страницы; поле Base Location предназначено для задания необязательного базового URL-адреса страницы. Для установки ссылки на целевой фрейм этой страницы вводится его имя в текстовом поле Default Target Frame . В секции Background Sound (Фоновый звук) можно задать свойства фонового звука (звуковой файл можно проигрывать несколько раз или закольцевать, пока будет открыта страница).

На вкладке Margins можно задать верхний и левый отступы для страницы. Для этого задается флажок отступа и вводится размер отступа в пикселах.

Вкладка Custom предоставляет список использованных на странице метапеременных, которые находятся в коде HTML-страницы и содержат информацию о странице, тип содержимого, набор символов, название приложения, сгенерировавшего код и т.п. Они не выводятся на странице, но несут информацию для браузеров.

На этой вкладке можно добавлять, удалять и редактировать системные и пользовательские метапеременные.

Вкладка Language используется для задания кодировок. В окнах со списками доступных языков выбирается кодировка, используемая при сохранении HTML-документа, и кодировка, применяемая при его последующей загрузке.

Для задания свойств не отдельной страницы, а Web-сайта в целом нужно открыть диалоговое окно установок Web-сайта FrontPage Explorer (Tools/Web-settings ). В этом многофункциональном окне (рис. 10.22) можно задать различные параметры создаваемого Web-сайта.

На вкладке General приводятся название Web-сайта и сведения о нем (версия расширений сервера и версия самого сервера).

Вкладка Advanced содержит поле ввода со списком выбора языка скриптов, используемого по умолчанию (VBScript или JavaScript). Для демонстрации файлов скрытых папок следует вы-брать флажок опции показа файлов скрытых папок. Если требуется удалить временные файлы, следует нажать кнопку Delete Files .

Для выбора кодировки страницы по умолчанию нужно указать ее значение в поле со списком Default Page Encoding вкладки Language . В поле со списком Server Message Language этой же папки задается язык сообщений, возвращаемых сервером.

В панелях навигации употребляются разделы перехода к основной странице, на страницу вперед или назад и на уровень вверх. На вкладке Navigation можно задать названия разделов (по умолчанию заданы Home, Back, Next, Up). По нажатии кнопки Default ранее введенные значения заменяются на перечисленные выше.

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

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

Панели инструментов Редактора . Рис. 10.23 иллюстрирует панели и инструментарий Редактора FrontPage. Многие из них похожи на кнопки панелей инструментов, которые существуют в других приложениях MS Office.

Редактор FrontPage предоставляет для создания документов ряд панелей инструментов. Нижняя полоска инструментов носит название панели форматирования.

Если поместить указатель мыши над любой кнопкой панели, то через несколько секунд появится подсказка о назначении этой кнопки.

С помощью опций меню View (Вид) можно сделать любую из панелей инструментов видимой или невидимой.

Форматирование текста . При форматирование текста можно использовать текстовые стили. Физические стили доступны через панель инструментов.

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

FrontPage в соответствии с правилами языка HTML исчисляет размер шрифта в уровнях. При этом наименьшему уровню соответствуют наименьший размер; например, первому уровню соответствует текст с размером кегля 8 пунктов второму уровню - 10 и т.д.

Для изменения размера шрифта нужно выделить участок текста, который необходимо изменить, а затем щелкнуть на кнопке увеличения (Increase Text Size ) или уменьшения (Decrease Text Size ) размера шрифта на панели инструментов. Можно также использовать команду Format/Font (Формат/Шрифт) , которая вызывает появление диалогового окна, приведенного на рис. 10.24.

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

Редактор предоставляет несколько дополнительных стилей (специальных стилей). Для их выбора используется вкладка Special Styles (рис. 10.25) приведенного выше окна.

Чтобы применить специальный стиль, следует его вы-брать, а затем нажать кнопку OK . Доступны следующие специальные стили:

Citation. Курсив, который может быть использован для выделения заголовков.

Sample. Шрифт пишущей машинки.

Definition. Используется для выделения терминов.

Blink. Делает текст мерцающим.

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

Variable. Курсив, который может использоваться для выделения (например, имен переменных).

Bold. Полужирный шрифт.

Italic. Простой курсив.

Keyboard. Моноширинный шрифт, который можно использовать, например, для ввода текста пользователем.

Напротив каждого флажка со стилем стоит соответствующий тег стиля. Возможно использование нескольких стилей одновременно.

Пакет FrontPage позволяет ввести один или несколько символов выше или ниже базовой линии строки. Такой специальный стиль называется «верхний или нижний индекс» и используется весьма часто. Для установки этого стиля в раскрывающемся списке

Vertical Position (Вертикальная позиция)

диалогового окна

Font (вкладка Special Styles)

выбираются опции

Superscript (Верхний индекс)

или

Subscript (Нижний индекс)

.

Номера уровней соответствуют изменению высоты верхнего или нижнего индекса по отношению к основной строке.

Форматирование абзацев . Редактор FrontPage предоставляет возможность форматирования абзацев. Оно выполняется по аналогии с текстовыми редакторами.

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

По умолчанию новый абзац будет использовать стиль Normal (Обычный). Для установки иного стиля абзаца нужно сделать следующее:

Установить курсор там, где необходимо начать следующий абзац.

Выбрать пункт Paragraph (Абзац) в меню Format (Формат) . Выбрать новый стиль в диалоговом окне Paragraph Properties (Свойства абзаца) и нажать кнопку OK .

Тот же эффект можно получить в режиме редактирования, например:

Выделить абзац и для него описанным выше способом назначить новый стиль.

Щелкнуть правой кнопкой мыши в пределах абзаца и в появившемся контекстном меню выбрать пункт Paragraph Properties , выбрать в раскрывшемся диалоговом окне новый стиль и щелкнуть на кнопке OK .

Для задания отступа абзаца нужно установить курсор в пределах абзаца и нажать кнопку Increase Indent (Увеличить отступ) или кнопку Decrease Indent (Уменьшить отступ) на панели инструментов. Таким образом увеличивается или уменьшается отступ.

Для выравнивания абзаца по левой и правой границе и центрирования используются клавиши Align Left (Выключка влево) , Align Right (Выключка вправо) или Center (Выключка по центру) соответственно на панели форматирования. Эти кнопки могут использоваться как для позиционирования абзаца на странице, так и для размещения текста в ячейке таблицы.

Чтобы вставить разрыв строки, надо установить курсор там, где должен быть переход на следующую строку, а затем выбрать в меню Insert пункт Line Break (Разрыв строки). Появится диалоговое окно Break Properties (Свойства разрыва) (рис. 10.26).

В этом окне следует выбрать одну из следующих опций:

Normal line break (Обычный разрыв строки) . Добавление разрыва строк без сдвига текста, вне зависимости от наличия какого-либо графического изображения с левой или с правой стороны.

Clear left margin (До свободного левого края) . Если с левого края страницы располагается изображение, то строка после разрыва начнется ниже изображения, т.е. по чистому левому краю.

Clear right margin (До свободного правого края) . Если с правого края страницы располагается изображение, то строка после разрыва начнется ниже изображения, т.е. по чистому правому краю.

Clear both margin (До свободных границ с обеих сторон) . Если хотя бы с одного из краев страницы располагается изображение, то строка после разрыва начнется там, где поле страницы свободно.

Для вставки горизонтальной линии используется команда Insert/Horisontal Line . Появившаяся линия будет использовать те же параметры оформления, что и предыдущая горизонтальная линия, созданная при помощи Редактора FrontPage.

Для изменения цвета выделяется участок текста и нажимается кнопка Text Color (Цвет текста) на панели форматирования. В появившемся диалоговом окне Color (Цвет) (рис. 10.27) выбирается цвет из стандартного набора и нажимается кнопка OK . Для использования дополнительных цветов необходимо нажать кнопку Определить цвет (Define Custom Colors) , задать цвет и затем щелкнуть мышью на кнопке Add to Custom Colors .

Создание таблиц . Для того чтобы вставить таблицу, можно использовать команду Table/Insert Table или щелкнуть по кнопке Insert Table панели инструментов. На экране будет визуализироваться диалоговое окно

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

Для удаления разметки таблицы используется инструмент Ластик (вторая слева кнопка панели). Можно и автоматически вставлять столбец или строку в таблицу (кнопки Insert rows , Insert column ). Выделенные ячейки удаляются по нажатии кнопки Delete Cells .

Выделив несколько ячеек, можно объединить их в одну или разделить на части (кнопки Split Cells и Merge Cells ).

За способы выравнивания объектов в ячейках отвечают кнопки (Align Top - по верхнему краю ячейки, Center Vertically - по центру, Align bottom - по нижнему краю).

Выделенные ячейки можно выровнять по высоте (кнопка Distribute Rows Evenly ) или ширине (кнопка Distribute Rows Evenly ).

Заливка выбирается из выпадающего списка (кнопка Fill Color ).

Часто требуется ограничить размеры ячеек размерами объектов. Для этого используется кнопка Auto Fit .

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

Пакет FrontPage может осуществлять импорт изображений. При этом FrontPage поддерживает разнообразные форматы файлов: *.TIF, *.PCX, *.JPG и *.GIF из файлов или архивов URL. Способ преобразования формата *.JPG в формат.GIF, к сожалению, не был найден. Это может повлечь за собой возникновение проблем при использовании программ просмотра, не поддерживающих формат *.JPG.

Для того чтобы поместить изображение на страницу, необходимо выбрать пункт меню Insert/Image . По этой команде визуализируется диалоговое окно вставки изображения (рис. 10.31).

В этом окне представлены опции для загрузки файла с локального диска или через URL-адрес, которые можно привязать к странице.

По умолчанию изображение помещается в позицию курсора и выравнивается по левому краю. Можно усилить контроль над расположением изображения, если воспользоваться окном свойств этого изображения. Для вызова окна необходимо щелкнуть правой кнопкой мыши по полю изображения и в появившемся контекстном меню выбрать пункт Properties . Диалоговое окно Properties показано на рис.10.32. В нем можно задать режим выравнивания, определить размеры рамки, величину горизонтального и вертикального промежутков, текстовую альтернативу изображения и его версию более низкого разрешения, а также, если имеются гиперссылки, с какими URL-адресами они связаны.

При необходимости можно использовать атрибуты тега , которые недоступны в диалоговом окне свойств, нажав кнопку Extended для того, чтобы открыть диалоговое окно, где можно ввести атрибут и его значение вручную.

Работа с фреймами (кадрами) . Для подготовки страницы c фреймами используются опции меню Frame (фрейм, кадр). В режиме создания нового документа в меню Frame оказывается доступной одна команда: New Frames Page . Ее активизация открывает диалоговое окно выбора одного из десяти шаблонов (рис.10.33).

В левой части диалогового окна в поле Frames приведены типы возможных сочетаний фреймов. Они могут быть представлены в виде списка или иконок. Предварительно выбранная совокупность фреймов визуализируется в поле просмотра (Preview ), в правой части диалогового окна (рис. 10.33). После выбора соответствующего шаблона на создаваемой странице (фреймсете), по нажатии кнопки ОК , появится разбиение страницы на фреймы. На рис. 10.34 приведен пример кадров шаблона Banner and contents.

В каждом из трех представленных на странице фреймов присутствуют идентичные кнопки:

Set Initial Page : выбрать готовую страницу в качестве содержания фрейма (кадра).

New Page : создается новая страница для кадра.

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

Для управления свойствами фрейма используется диалоговое окно Frame Properties (рис. 10.35), раскрывающееся командой Frame/Frame Properties .

В нем задаются размеры и отступы при выводе фрейма, название кадра и исходная страница, а также способы представления полосы прокрутки: по мере надобности, всегда, никогда (рис. 10.36).

Границы между фреймами могут перетаскиваться курсором мыши.

Вставка баннеров . Баннеры используются для размещения на Web-странице изменяющегося рекламного текста или изображений. Для вставки в страницу баннера используется Менеджер баннеров (рис. 10.40). Окно менеджера открывается с помощью команды Insert/Component/Banner Ad Manager .

В полях Width и Height указывается ширина и высота баннера в пикселах. Для перехода между сменяющими друг друга изображениями используется способ, заданный в поле Transition Effect (горизонтальный переход, вертикальный переход, растворение, сжатие, расширение или простой переход без визуальных эффектов). В поле ввода Show each picture for... задается время показа каждого изображения (в секундах).

По нажатии кнопки баннера должен производиться переход на ресурс, указанный рекламодателем. Поэтому в поле Link To приводится URL-адрес, на который будет осуществляться переход.

Для реализации работы баннера необходимо задать изображения. Для этого в списке Pictures to Display указывают список графических файлов. Список снабжен стандартной панелью навигации (Add - добавить, Remove - удалить, Move Up - перенести изображение выше по списку, Move down - перенести ниже).

Для того чтобы вставить готовый баннер, следует нажать кнопку OК окна менеджера, отмена производится нажатием Cancel .

Установка гиперссылок . Для создания гиперссылки необходимо отметить текст, который будет служить указателем гиперссылки, и нажать кнопку на панели инструментов Create or Edit Link () . На экране появится диалоговое окно, подобное тому, что показано на рис. 10.41.

Установка ссылки для изображения в целом аналогична созданию ссылок на фрагмент текста. В этом случае нужно щелкнуть по изображению, для которого создается ссылка, и нажать кнопку Создать или редактировать ссылку для того, чтобы открыть диалоговое окно, представленное на рис. 10.41.

При создании ссылки для изображения-карты необходимо щелкнуть по изображению и использовать кнопки на панели инструментов Image для указания треугольных, круговых или многоугольных активных участков, связанных с данной ссылкой (hot region).

Диалоговое окно Create Link позволяет создавать ссылки на файлы локального Web-узла, на файлы в других Web-сайтах Internet или на файлы, которые созданы, но являются пустыми.

Инструменты для управления ссылками . Эти функции обычно возлагаются на администратора Web-узла. Отслеживание всех ссылок внутри или выходящих за пределы данного Web-узла требует регулярной проверки каждой ссылки в отдельности. Поэтому FrontPage Explorer поставляется с утилитами для работы со ссылками.

Проверка ссылок . Если в меню Tools выбрана команда Verify Hyperlinks , то Проводник (Explorer) должен выполнить проверку всех ссылок в узле, включая те, которые ведут к страницам, расположенным за его пределами. Проводник предоставляет отчет в форме, показанной на рис. 10.42.

Ссылки на страницы внутри Web-узла помечаются красным кружком и словом Broken , если обнаруживается, что они разорваны. Если ссылка работает нормально, она вообще не выводится на экран. Ссылки на страницы за пределами узла отмечаются желтым кружком и вопросительным знаком. Это означает, что они должны еще быть проверены. Можно проверить каждую внешнюю ссылку, пометив ее и нажав кнопку Verify . Если внешняя ссылка оказывается действующей, Проводник помещает перед ссылкой зеленый кружок со словом ОК . Если ссылка оказывается разорванной, появляется красный кружок со словом Broken .

Пересчет ссылок . Команда Tools/Recalculate Links (Пересчет ссылок ) обновляет то, что видно в каждом из трех режимов просмотра, чтобы отразить изменения, сделанные авторами.

С помощью команды Recalculate Links можно:

обновить информацию о Web-узле, визуализируемую в режимах обзорного вида, вида на ссылки и обобщенного вида;

регенерировать все зависимые команды в открытом Web-узле;

обновить индекс, созданный компонентом Search bot.

Пересчет ссылок фактически выполняется в персональном Web-сервере, который является частью пакета FrontPage. После того как сервер заканчивает выполнение этой команды, управление возвращается к Проводнику (Explorer).

Сохранение документа . Для того чтобы сохранить созданный документ, используется команда File/Save as , по которой открывается диалоговое окно, представленное на рис. 10.43. В этом диалоговом окне можно сохранять документы как обычный файл или как шаблон.

При одновременной работе с несколькими файлами в меню File), мы применили следующие процедуры:При оформлении Web-страниц можно также воспользоваться предложенными в программном пакете видами оформления. Доступ к ним открывается в меню Format/Theme/Choose Theme . По активизации этой команды раскрывается диалоговое окно тем, представленное на рис. 10.50.

В качестве примера реализации Web-документа в программном пакете FrontPage приведем электронное издание, подготовленное в рамках курсовой работы по электронным изданиям, титульный лист которой представлен на рис. 10.51.

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

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

Из окна меню по ссылке можно выйти в любой текстовой раздел. При этом содержимое правого фрейма изменяется (рис. 10.52).

Для горизонтального перемещения между разделами преду-смотрены графические кнопки (рис. 10.53), которые позволяют пролистывать материал разделов без возвращения в оглавление.

Таким образом, программный пакет FrontPage является многофункциональной программной средой, позволяющей создавать полноценные Web-страницы и Web-сайты. Его интеграция в пакет Microsoft Office, по мнению разработчиков, позволяет более эффективно использовать возможности приложений MS Office по созданию материалов для заполнения Web-страниц и фреймов (кадров) путем импорта материалов из этих приложений.

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

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