5.1.1. Создание нового web-сайта и режимы представления …...……………... - 58

5.1.2. Организация структуры web-сайта ………………………………………….. - 61

5.1.3. Редактирование web-страницы ……………………………………………… - 64

5.1.4. Добавление и форматирование текста …………………………………….. - 66

5.1.5. Организация основных цветов web-страницы …………………………….. - 69

5.1.6. Создание и редактирование таблиц, макетные таблицы ……………….. - 69

5.2. Графические изображения как объекты приложения …………………………. - 76

5.2.1. Вставка графического и звукового фона на web-страницу ………………
5.2.2. Вставка рисунка на web-страницу ……………………………………………
5.2.3. Свойства изображения …………………………………………………………
5.2.4. Редактирование изображения ………………………………………………...
5.2.5. Рисованные объекты ……………………………………………………………
5.3.1. Создание гиперссылок и закладок на web-страницах …………………….
5.3.2. Создание горячих точек графического изображения ……………………..
5.3.3. Контроль гиперссылок средствами FrontPage 2003 ………………………
5.3.4. Общие границы ………………………………………………………………….
5.4. Каскадные таблицы стилей (CSS) …………………………………………………
5.4.1. Внутренние стили ……………………………………………………………….
5.4.2. Внедренные стили ………………………………………………………………
5.4.3. Внешние таблицы стилей ……………………………………………………..
5.5. Фреймы (кадры) в приложении FrontPage 2003 …………………………………

5.6. Формы в приложении FrontPage 2003 ……………………………………………. - 100

5.7. Компоненты приложения и их краткая характеристика ………………………. - 104

5.8. Дополнительные возможности FrontPage 2003 ………………………………… - 111

5.8.1. Использование обтекания и позиционирования …………………………. - 111

5.8.2. Эффекты с использованием Dynamic HTML и JavaScript ……………….. - 113

Раздел 5. Приложение Microsoft Office FrontPage 2003.

Microsoft Office FrontPage 2003 является приложением, предназначенным для создания и сопровождения web-сайтов (web-узлов), используя стандартный интерфейс

WYSIWYG (“что видишь, то и получаешь”).

MS FrontPage2003 доступен в качестве отдельного приложения. Размер установочной папки – 155 Мб. Требования к аппаратным средствам.

Компьютер и процессор. ПК с процессором Pentium 133 МГц или более мощным, рекомендуется Pentium III.

дополнительно 8 МБ ОЗУ для каждого из приложений, работающих одновременно.

Жесткий диск. 245 МБ свободного места на жестком диске и 115 МБ на жестком диске,

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

Операционные системы Microsoft Windows® 2000 с пакетом обновления 3 (SP3), Microsoft Windows XP или более поздние версии.

Справочная информация по программе на сайте – http://office.microsoft.com/ruru/frontpage/FX100647001049.aspx?CTT=96&Origin=CL100570711049.

MS Office FrontPage 2003 предоставляет новую среду разработки: макеты, линейки,

линии сетки, изображения-образцы, слои, шаблоны, улучшенные темы – все это предназначено для того, чтобы облегчить процесс реализации проекта web-сайта разработчику, который может даже не обладать знаниями языка HTML. Web-редактор имеет удобные инструменты для работы с таблицами, встроенные средства для обработки изображений, позволяет легко размещать на страницах различные мультимедиа-объекты: рисунки, видеофильмы, анимацию, звуковые фрагменты. Тесная интеграция с пакетом MS Office позволяет отображать на страницах документы MS Word,

таблицы и графики MS Excel, динамически получать данные из MS Access, использовать язык VBA, средства проверки орфографии и около 60 готовых тем для оформления страниц сайта. В MS FrontPage 2003 реализована поддержка современных Web-

технологий, таких, как каскадные таблицы стилей (CSS), динамические эффекты (DHTML), фреймы, активные страницы (ASP), элементы ActiveX и Java -аплеты.

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

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

Однако большая часть таких компонентов будет работать только в том случаи, если web-

FrontPage (Microsoft), службы SharePoint™ Team Services 1.0 (Microsoft) или службы

Microsoft Windows® SharePoint Services. Работа некоторых компонентов зависит от типа используемого браузера. Это накладывает определенные ограничения на использование возможностей приложения при создании web-страниц.

К недостаткам web-редактора MS FrontPage можно отнести его преимущественную ориентацию на браузер Internet Explorer, поэтому следует проверять работу готового сайта в других браузерах. А также некоторую избыточность готового кода HTML. Редактор отслеживает изменения в коде страниц и восстанавливает тэги, удаленные пользователем.

Рисунок 5.1 – Окно программы MS Office FrontPage 2003

В основном, MS FrontPage 2003 выглядит как большая часть приложений MS Office

2003 (рис.5.1).

	– строка заголовка		– рабочая область
	– строка меню		– панель кнопок представления
	– стандартная панель инструментов		– панель инструментов “рисование”
	– панель инструментов “форматирование”			– строка состояния
	– панель представления			– панель области задач
	– информационная область текущего			Справка

представления Для получения справки по программе необходимо выполнить команду

Справка→Microsoft Office FrontPage и на панели Справка FrontPage перейти по ссылки Оглавление. Если компьютер подключен к Интернет, то к оглавлению справки добавляются документы, расположенные на сайте http://office.microsoft.com. В противном случае оглавление состоит только из документов установленных вместе с приложением.

5.1. Создание и редактирование web-сайта в среде приложения.

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

1) Создать новый web-сайт или открыть уже созданный.

2) Организовать (отредактировать) структуру web-сайт.

3) Отредактировать страницы web-сайта в любом порядке: 3.1) перейти в режим редактирования конкретной страницы;

3.2) установить свойства web-страницы;

3.3) ввести с клавиатуры или вставить через буфер обмена текст и отформатировать его; 3.4) вставить фон, звуковое сопровождение, таблицы, графические изображения,

3.5) добавить динамические эффекты и компоненты MS Office FrontPage 2003; 3.6) сохранить web-страницу и просмотреть ее в браузере Internet Explorer;

3.7) продолжить редактирование или перейти к редактированию другой web-страницы.

4) При необходимости вернуться к п.2 и добавить новые web-страницы.

5) Закрыть FrontPage 2003, открыть web-сайт в браузере и протестировать его (просмотреть web-сайт при разных расширениях монитора в разных браузерах).

5. 1.1. Создание нового web-сайта и режимы представления.

Для создания нового web-сайта необходимо выполнить следующие действия.

1) Выполнить команду Файл→Создать .

2) На панели Создание (1 рис.5.2) области задач перейти по гиперссылки

Одностраничный веб-узел (2 рис.5.2).

3) В открывшемся окне Шаблоны веб-узлов (3 рис.5.2) на вкладке Общие выбрать шаблон Одностраничный веб-узел (4 рис.5.2). Описание шаблона (5 рис.5.2)

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

настройки, с помощью которого можно задавать структуру web-сайта.)

4) Заполнить поле Укажите расположение нового веб-узла: (6 рис.5.2) вручную

(ввести полный путь) или с помощью кнопки Обзор (7 рис.5.2) (определить место на

диске для сохранения нового web-сайта, открыть (создать) папку, нажать кнопку

Открыть).

5) Нажать кнопку OK .

Рисунок 5.2 – Создание нового web-сайта

После того как web-сайт создан (рис.5.3), на панели представления появляется вкладка веб-узел (1), на информационной панели представления служебная информация (2) и кнопки команд (3) доступных в этом представлении, а в рабочем окне содержимое (4) текущего представления.

Панель кнопок представления (5 рис.5.3) содержит шесть кнопок, с помощью которых можно переключаться в различные режимы представления web-сайта.

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

Рисунок 5.3 – Представление web-узла Папки

Представление Удаленный веб-узел – используется для просмотра Вашего web-

сайта на удаленном web-сервере.

Представление Отчеты – содержит список вариантов отчетов о web-сайте. Каждый итоговый отчет имеет свое имя, количество пунктов, общий размер файлов и описание.

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

Представление Переходы – демонстрирует графическое изображение структуры web-сайта.

страницами.

Представление Задачи – используется для организации заданий по созданию web-

сайта (обычно используется, если в работе над web-сайтом участвуют несколько человек).

Все эти представления доступны из меню Вид .

Web-сайт созданный с помощью FrontPage 2003 может содержать web-страницы, рисунки, файлы мультимедиа, т.е. практически все возможные виды файлов, а так же скрытые папки и файлы (не отображаемые в приложении), поддерживающие особые функциональные возможности приложения. К скрытым папкам относятся _vti_cnf и _vti_pvt. Их можно увидеть, если открыть папку web-узла, например, в программе Мой компьютер . Папка _vti_cnf содержит сведения о каждом файле, например сведения о

По умолчанию, при создании Одностраничного веб-узла , создаются папки

Private и images и файл index.htm – первая (домашняя) страница web-сайта.

Для просмотра web-страницы index.htm необходимо сделать двойной щелчок левой кнопкой мыши на имени файла. В результате на панели представления правее вкладки

веб-узел , появится вкладка index.htm (1 рис.5.4) и кнопка Закрыть (2 рис.5.4), на панели информационной области представления кнопка Быстрый выбор тэга (3 рис.5.4), а в

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

рис.5.4) появятся кнопки, с помощью которых можно переключаться в различные режимы редактирования web-страницы.

Представление Конструктор – отображает web-страницу как расширенный текстовый процессор в режиме WYSIWYG..

Представление С разделением – отображает одну и туже web-страницу как в режиме расширенного текстового процессора, так и в редакторе HTML-кода webстраницы. Изменения, внесенные в одном из режимов, сразу же отображаются во втором.

Представление Код – позволяет редактировать непосредственно HTML-кода web-

страницы.

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

Для доступа к этим представлениям используется команда Вид→Страница .

Для того, чтобы в представлении Страница видеть список файлов и папок webсайта, необходимо выполнить команду Вид→Список папок или нажать кнопку

Переключить панель на стандартной панели инструментов или одновременно нажать на клавиатуре ALT и F1 .

В результате рабочая область оказывается разбита на две части (рис.5.4). В левой

– представления web-сайта Список папок (5) или Переходы , в правой – любое представление из меню Вид .

Такая организация представления web-сайта для редактирования в программе

FrontPage 2003 представляется наиболее удобной.

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

Сервис→Параметры и на вкладке Общие снять флажок открывать область задач.

Для того, что бы завершить работу с web-сайтом необходимо выполнить команду

Файл→Закрыть узел.

Рисунок 5.4 – Окно программы FrontPage 2003, после выполнения команды Вид→Список папок

Для открытия web-сайта в программе FrontPage 2003 необходимо выполнить следующие действия.

Выполнить команду Файл→Открыть узел .

В открывшемся диалоговом окне Открытие веб-узла , открыть папку, которая является web-сайтом.

Нажать кнопку Открыть .

5. 1.2. Организация
структуры web-сайта.
После того как web-сайт
создан, необходимо создать его
первоначальную структуру, т.е.
добавить	необходимое
новых web-страниц. Добавление					Рисунок 5.5 – Информационная панель Переходы
новых web-страниц в структуру					– создание новой web-страницы
сайта может быть организованно					– добавление существующей web-страницы
					– создание панели ссылок
различными способами.					– включение (исключение) в панель ссылок
	Рассмотрим				– просмотр поддерева
создания web-страниц в режиме					– горизонтальное или вертикальное разме щение
представления					– выбор масштаба отображения структуры

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

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

1) Нажать кнопку 1 на информационной панели. Если в этот момент ни одна из web-страниц структуры не была выделена, то появится web-страница с заголовком

Верхняя страница 1 . В том случае если какая-либо из имеющихся web-страниц

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

2) Затем чтобы созданные web-страницы отобразились в окне Список папок

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

3) В окне Список папок web-страницы с заголовками Верхняя страница Х

соответствуют файлам toppageХ.htm , web-страницы с заголовком Новая страница Х , соответствуют файлам нов_стр_Х.htm , где Х – номер. Файлы с именами

нов_стр_Х.htm необходимо переименовать таким образом, чтобы их имена состояли

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

заменить имя файла на требуемое.

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

страница имеет страницы более низкого уровня, то они так же будут удалены или

	перемещены.
			создаваемые		web-страницы
	размещаются в корневой папке web-сайта. Если
	страниц много, то логично разместить их по разным
		в соответствии со		структурой.	Для этого
	окне Список папок (рис.5.6) необходимо создать						Рисунок 5.6 – Окно Список папок
								Создать web-страницу
	информационной панели Список папок ) и нажатой							– создать папку
								– закрыть окно

левой кнопкой мыши переместить файлы в нужные папки.

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

1) Используя кнопку 2 создать необходимое число папок с определенной структурой вложенности, изменив имена Новая папкаХ на требуемые.

2) Выделить ту папку, в которой планируется создать web-страницу.

3) Нажать кнопку 1 и заменить имя нового файла с нов_стр_Х.htm на требуемое

(только латинские буквы, цифры и разрешенные символы) не меняя расширения

файла .htm .

4) При необходимости можно перетаскивать файлы из папки в папку нажатой левой кнопкой мыши.

5) Для удобства и наглядности работы с полученной структурой web-сайта можно оформить ее и в графическом виде. Для этого выбрать режим представления web-сайта Переходы и нажатой левой кнопкой мыши перенести созданные web-страницы в

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

Переименовать.

Рисунок 5.7 – Сохранение новой web-страницы сайта

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

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

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

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

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

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

Ускорение и упрощение генерации кода:

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

Средства написания кода:

• Представление с разделением позволяет увидеть, как изменения, вносимые в представление конструктора, обеспечивают обновление представления кода.
• Простота выбора и изменения тегов, а также управления ими с помощью быстрого выбора тегов и быстрого редактора тегов.
• Технология Microsoft IntelliSense® упрощает написание кода и снижает вероятность ошибок. Эта технология доступна для HTML (Hypertext Markup Language), таблиц каскадных стилей, XSLT (Extensible Stylesheet Language), Microsoft JScript® и Microsoft ASP.NET.
• Удаление лишнего кода, генерируемого Word 2003 или другими программами веб-разработки.

Средства создания сценариев:

• Усовершенствование интерактивных возможностей веб-узла без написания кода — благодаря использованию средств создания сценариев JScript.
• Поддержка технологии IntelliSense в Microsoft Visual Basic® Scripting Edition (VBScript) и средствах создания сценариев JScript.

Глава 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-узел, то появится отдельный запрос по каждой странице, на которой осуществлялось редактирование данных.

FrontPage – это редактор, который предназначен для создания страниц с гипертекстовым кодом. Эта программа обеспечивает создание HTML - тегов, списков, тем оформления и необычных стилей для веб-сайтов.

FrontPage считается софтом старого поколения и его практически не используют. Сейчас есть более продвинутая программа для создания гипертекста - Adobe Dreamweaver.

Многие веб - дизайнеры также используют SharePoint Designer , который сменил «старый» FrontPage. В FrontPage можно создавать веб-страницы с неактуальными на сегодняшний день стандартами гипертекста. Программа оснащена «древовидной структурой» и отображает подсказки при вводе тегов.

Функционал

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

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

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

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

В редакторе гипертекста есть режимы работы, которые отличаются возможностями. Режим конструктора показывает окно редактора и код с дополнительными опциями. Войдя в режим «кода», вы работает только с гипертекстом.

В «просмотре результатов» вы посмотрите заготовку созданного сайта. Используя «комбинированный» режим, вы увидите основную область для создания кода и просмотр «заготовки».

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

Ключевые особенности

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