Московский государственный университет печати

Гасов В.М.
Цыганенко А.М.


         

Методы и средства подготовки электронных изданий

Учебное пособие


Гасов В.М.
Методы и средства подготовки электронных изданий
Начало
Печатный оригинал
Об электронном издании
Оглавление

Введение

1.

Глава 1. Основные компоненты электронных изданий

1.1.

Текстовая информация

1.2.

Полутоновые и цветные иллюстрации

1.3.

Анимационная графика

1.4.

Видеоинформация

1.5.

Аудиоинформация

2.

Глава 2. Технологии гипертекстовых изданий

2.1.

Функции гипертекстовых электронных изданий

2.2.

Принципы построения гипертекстовых изданий

2.3.

Математическая модель гипертекста

2.4.

Гипертекстовые Web-документы

2.5.

Подготовка публикаций в среде Adobe Acrobat

2.6.

Технология Help-файлов

2.7.

Средства доставки электронных изданий

2.8.

Классификация и общие принципы оформления электронных изданий

3.

Глава 3. Цифровое представление текстовой информации

3.1.

Стандарты кодирования символов ASCII, ANSI, КОИ-8 и UNICODE

3.2.

Формат PDF

3.3.

Формат разметки текста RTF

4.

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

4.1.

Растровый формат GIF

4.2.

Формат графических файлов PNG

4.3.

Графический формат JPEG

4.4.

Формат TIFF

4.5.

Программные средства преобразования форматов

5.

Глава 5. Представление анимационной, видео- и звуковой информации

5.1.

Семейство форматов MPEG

5.1.1.

Компрессия видеоданных в MPEG

5.1.2.

Формат MPEG-1

5.1.3.

Формат MPEG-2

5.1.4.

Формат MPEG-4

5.1.5.

Формат MPEG-7

5.2.

Звуковые форматы

5.3.

Анимационные файловые форматы FLI, FLC, CEL

6.

Глава 6. Программы просмотра Web-публикаций

6.1.

Доступ к Web-странице в Internet

6.2.

Программа просмотра MS Internet Explorer

6.3.

Программа просмотра Netscape Navigator

7.

Глава 7. Языки разметки гипертекста и программирования скриптов

7.1.

Язык разметки гипертекста НТМL

7.2.

Расширенный язык разметки XML

7.3.

Язык Java

7.4.

Язык JavaScript

7.5.

Язык программирования сценариев PHP

7.6.

Язык Perl

7.7.

Язык моделирования виртуальной реальности VRML

8.

Глава 8. Программирование Web-страниц в языковой среде HTML

8.1.

Структура и форматирование HTML-документа

8.2.

Таблицы

8.3.

Изображения и навигационные карты

8.4.

Формы

8.5.

Фреймы

8.6.

Фреймы и таблицы

8.7.

Объекты

8.8.

Гиперссылки

8.9.

Таблицы стилей

9.

Глава 9. Автоматизация создания Web-публикаций. Программный пакет Macromedia Dreamweaver

9.1.

Назначение и функциональные возможности пакета

9.2.

Структурная схема программного пакета

9.3.

Интерфейс пользователя и принципы его организации

9.4.

Некоторые типовые процедуры пакета Dreamweaver

9.4.1.

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

9.4.2.

Вставка изображений

9.4.3.

Создание карты изображения

9.4.4.

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

9.4.5.

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

9.4.6.

Работа с фреймами

9.4.7.

Работа со слоями

9.5.

Использование интерактивных возможностей и анимации

9.6.

Создание Web-сайта

10.

Глава 10. Программный пакет MS FrontPage

10.1.

Функциональные возможности программного пакета

10.2.

Структурная схема пакета

10.3.

Пользовательский интерфейс FrontPage

10.4.

Типовые процедуры работы с пакетом

10.5.

Пример создания Web-страницы

11.

Глава 11. Создание мультимедийных изданий. Программный пакет Macromedia Director

11.1.

Функциональные возможности программной среды

11.2.

Интерфейс пользователя

11.3.

Работа с мультимедийными элементами

11.3.1.

Элементы труппы

11.3.2.

Спрайты

11.3.3.

Изображения

11.3.4.

Текст

11.3.5.

Анимация

11.3.6.

Аудиоинформация

11.3.7.

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

11.3.8.

Цифровая видеоинформация

11.4.

Пример мультимедийного гиперграфического издания

Заключение

Библиографический список

Указатели
695   предметный указатель
434   указатель иллюстраций
45   указатель компаний
Рис. 10.01. Рабочее окно FrontPage Explorer Рис. 10.02. Рабочее окно FrontPage Editor Рис. 10.03. Основные функциональные блоки пакета и их взаимодействие Рис. 10.04. Рабочее окно FrontPage 2000 Рис. 10.05. Окно проектирования Web-страницы Рис. 10.06. Рабочее окно в режиме работы с HTML-кодом Рис. 10.07. Рабочее окно в режиме визуализации содержания (файлового) проекта Рис. 10.08. Рабочее окно в режиме работы с отчетами Рис. 10.09. Рабочее окно в режиме визуализации карт навигации Рис. 10.10. Рабочее окно в режиме работы с гиперссылками Рис. 10.11. Рабочее окно в режиме визуализации списка заданий Рис. 10.12. Подменю «Insert/Active Elements» Рис. 10.13. Диалоговое окно вставки таблицы (Insert Table) Рис. 10.14. Фрагмент инструментальной панели Рис. 10.15. Окно Мастера создания Web-сайта дискуссий Рис. 10.16. Окно «Getting Started» Рис. 10.17. Окно выбора режима создания Web-узла Рис. 10.18. Размещение Web-сайта на локальном диске Рис. 10.19. Шаблон личного Web-узла Рис. 10.20. Шаблоны страниц и фреймов Рис. 10.21. Окно свойств страницы Рис. 10.22. Окно задания свойств Web-сайта Рис. 10.23. Панели и инструменты Редактора FrontPage Рис. 10.24. Диалоговое окно «Font (Шрифт)» Рис. 10.25. Вкладка «Special Styles» Рис. 10.26. Диалоговое окно «Break Properties» Рис. 10.27. Диалоговое окно «Цвет» Рис. 10.28. Диалоговое окно «Insert Table» Рис. 10.29. Создание таблиц в HTML-документе Рис. 10.30. Панель «Таблица» Рис. 10.31. Диалоговое окно вставки изображения Рис. 10.32. Диалоговое окно «Properties» Рис. 10.33. Диалоговое окно выбора шаблона фреймов Рис. 10.34. Пример разбиения страницы на фреймы Рис. 10.35. Окно свойств фрейма Рис. 10.36. Пример HTML-документа с фреймами Рис. 10.37. Панель «Формы» Рис. 10.38. Примеры форм Рис. 10.39. Меню команды «Form Field» Рис. 10.40. Окно Менеджера баннеров Рис. 10.41. Диалоговое окно «Создать гиперссылку» Рис. 10.41. Диалоговое окно «Создать гиперссылку» Рис. 10.42. Диалоговое окно «Verify Hyperlinks» Рис. 10.43. Диалоговое окно «Save as» Рис. 10.44. Пример титульного листа типовой Web-страницы Рис. 10.33. Диалоговое окно выбора шаблона фреймов Рис. 10.44. Пример титульного листа типовой Web-страницы Рис. 10.45. Диалоговое окно «Marqueе Properties» Рис. 10.46. Диалоговое окно для создания кнопки Рис. 10.47. Диалоговое окно вставки таблицы Рис. 10.48. Диалоговое окно «Select File» Рис. 10.49. Диалоговое окно «Создание гиперссылки» Рис. 10.50. Диалоговое окно «Шаблоны тем» Рис. 10.51. Титульный лист электронного издания Рис. 10.52. Обновление окна по ссылке Рис. 10.53. Графические кнопки

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

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

При его создании разработчики полагали, что у пользователей не хватает времени или опыта для того, чтобы разбираться в тонкостях языка HTMLHTML. Поэтому в данной программной среде пользователю предоставляется возможность собирать 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-страниц, изображений и мультимедийных компонентов, организованная в виде соответствующих файлов и папок.

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

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

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

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

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

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

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

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

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

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

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

Вставка фрагментов кода. HTMLHTML быстро изменяется, и со временем в нем могут появиться новые управляющие теги или их атрибуты, которые в определенных версиях 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).

БаннерБаннеры. Одним из наиболее популярных видов рекламы в InternetInternet сегодня являются баннеры. Участки страницы заполняются рекламными текстами или образами. Нажав на эту область, можно перейти на страницу, заданную рекламодателем. Часто баннеры имеют свойство динамичности (через определенное время одно сообщение сменяется другим).

АнимацияАнимация. Благодаря FrontPage можно представлять на Web-страницах анимацию PowerPoint: эти объекты вставляются как элементы ActiveX или модули расширения. Для просмотра анимаций должен быть установлен проигрыватель анимаций PowerPoint (PowerPoint Animation Player), определяющий при инсталляции тип браузера и устанавливающий соответствующий модуль расширения.

Использование Java-апплетов. Java-апплеты - программы, написанные на языке программирования Java. Их использование позволяет повысить динамичность страницы. Java-апплеты платформенно независимы, их использование повышает безопасность информации, однако не во всех браузерах есть функции поддержки JavaJava. В этом случае в FrontРage предусмотрена функция вывода строки пояснения, задаваемой пользователем. Апплеты, как правило, имеют набор параметров, который нужно задать при их встраивании.

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

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

Управление элементами ActiveХ. Элементы управления ActiveX - программные компоненты, привносящие в Web-страницы функции, которые невозможно или затруднительно реализовать средствами стандартного языка HTML. Элементы ActiveX могут быть созданы с использованием различных языков программирования в различных средах, в том числе MS Visual C++, MS Visual Basic, Inprise Delphi, Inprise C++ Builder.

Связь с базами данных. Сегодня все чаще данные из баз данных публикуются в InternetInternet. Мастер подключения к базам данных (Database Region Wizard) служит для посылки SQL-запросов (Structured Query Language, язык структурированных запросов) к доступным на Web -сервере ODBC-совместимым (Open Data Base Connectivity, взаимодействие с открытыми базами данных) базам данных. Когда с Web-страницы поступит запрос, на его основе будет сформулирован соответствующий SQL-запрос. Результаты запроса будут использованы специальным обработчиком формы (в данном случае активной страницей сервера - ASP) для генерации информации и отображения ее в браузере.

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

Пакет FrontPage поддерживает одну из реализаций push-технологии (канал - channel). Канал обеспечивает доставку пользователям уведомлений об изменениях страниц в Web-сайтах, предоставляет возможность подписки, позволяющую автоматически обновлять содержимое кеша пользовательского браузера с тем, чтобы впоследствии сайт можно было просматривать в автономном режиме. Каналу можно придать вид хранителя экрана (screen saver) или элемента рабочего стола. Однако необходимо учитывать, что браузер пользователя должен поддерживать функцию определения каналов (channel definitions). FrontPage предоставляет возможность определения канала текущего сайта или его избранных страниц, размещения кнопки подписки, а также добавления канала на сервер. Для этого в FrontPage существует Мастер определения каналов (Channel Definition Wizard).

Мастер определения каналов последовательно реализует все этапы создания канала с формированием итогового файла определения канала в формате CDF (Channel Definition Format - Формат определения канала). Этот файл обеспечивает пользователям возможность обращаться к сайту как к каналу, предоставляя индекс доступных ресурсов и средства обновления информации. В процессе определения канала в CDF-файле записываются сведения о характере предоставляемого пользователям сервиса канала: хранитель экрана, элемент рабочего стола либо уведомление по электронной почте e-mail.

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

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

В FrontРage имеется возможность их вставки, так же как и функция альтернативного представления для браузеров, не поддерживающих модули расширения.

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

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

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

Customer Support Web (Caйm поддержки заказчиков). Этот шаблон помогает создать Web-сайт в сети Internet, где покупатели и заказчики могут получить решения по устранению проблем и предложить свои усовершенствования продукции и услуг. Web-cайт ориентирован на производителей программного обеспечения, но применим и в других областях.

Empty Web (Пустой сайт). Создается пустой Web-сайт, без страниц, который затем заполняется в Проводнике и Редакторе FrontPage.

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

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

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

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

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

Для создания заказных (custom) шаблонов Web-сайтов, а также заказных мастеров Web-сайтов и Web-страниц можно использовать FrontPage Developer's Kit, программу, которую можно найти в разделе FrontPage Web-сайта Microsoft.

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

    Мастер представительства компании.

    Мастер Web-сайта дискуссионных групп.

    Мастер импорта Web-сайтов.

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

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

    Типы страниц, ключевые поля для подписки.

    Закрытость сайта (необходимость регистрации пользователей).

    Способ отображения статей в оглавлении.

    Представление информации о результатах поиска по статьям.

    Настройки оформления.

С помощью Проводника и Редактора можно управлять дискуссионной группой. Требуется только доступ к Web-сайту в качестве автора или администратора. В задачи администратора входит:

Редактирование статей. Каждая страница, которую пользователь отправил в дискуссионную группу, называется «статья». FrontPage сохраняет их как HTML-файл в скрытом каталоге, по умолчанию ему присваивается имя _discl.

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

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

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

Мастер импорта Web-сайтов также может быть использован при импорте сайтов предыдущих версий FrontРage в том случае, если папки, в которых они хранятся, не обнаруживаются при запуске Проводника. Например, MS Personal Web Server не может найти каталоги с файлами ранних версий FrontPage.

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

Управление Web-сайтом. С помощью FrontРage можно решать большинство проблем администрирования Web-сайтов.

Одной из актуальных проблем является обеспечение безопасности информации, представленной в WWW. FrontРage поддерживает протокол SSL (протокол безопасных соединений, шифрующий данные, которыми обмениваются сервер и клиент). Поддержка SSL должна быть установлена на сервере. Если используется Microsoft Internet Information Server или один из серверов Netscape (Commerce Server, Fast Track Server, Enterprise Server), SSL поддерживается, однако MS Personal Web Server не поддерживает SSL. Если у сервера нет (или отключена администратором) функция SSL, то при открытии Web-сайта будет выдаваться сообщение об ошибке. Связь с использованием SSL можно указать при создании Web-сайта.

Разработчик Web-сайта имеет возможность устанавливать полномочия доступа. Задавать привилегии пользователей для Web-сайтов, размещенных на серверах Internet, можно непосредственно в Проводнике. Управление доступом для Web-сайтов с локальных или сетевых дисков осуществляется средствами файловой системы. Существуют следующие уровни доступа: Browse - навигация по сайту (можно установить, что каждый заходящий на сайт получает эту привилегию), Author and browse (возможность навигации и изменения содержания материалов), Administer, author and browse (бюджет администратора - навигация, публикация, изменение бюджетов пользователей). Можно задавать привилегии для групп пользователей.

FrontРage позволяет организовать работу с Proxy-серверами как извне (в случае подключения через Proxy-сервер к внутреннему серверу), так и изнутри (внутренний сервер через Proxy-сервер устанавливает соединение с каким-либо внешним сервером). Все обращения к Web-сайту разрешаются только Proxy-сервером, что защищает содержимое страниц от несанкционированного доступа.

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

    локально,

    в сети,

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

    на различных платформах, в различных браузерах, при различных параметрах экрана и т.д.

В FrontРage для локальной проверки содержимого сайта используется режим Preview. Может также использоваться функция Preview in browser (загрузить в браузер).

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

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

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

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

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

    управления гиперссылками, их отладки, разграничения;

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

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

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

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

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

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

    Быстрое создание профессионального Web-сайта при помощи встроенных шаблонов и мастеров.

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

    Импорт файлов в Web-узел путем указания имени папки.

    Просмотр файлов, папок и структуры Web-узла в одном из следующих режимов: All files (все файлы), Hyperlinks (гиперссылки), Navigation (навигация), Folders (папки), Themes (темы), Hyperlink status (состояние гиперссылок), Tasks (задачи).

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

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

    При публикации Web-узла FrontPage Explorer осуществляет перемещение страниц в World Wide Web с автоматической проверкой адресов и связей между файлами.

    При переименовании или перемещении файла FrontPage Explorer автоматически обновит все ссылки.

    В многопользовательских системах данный модуль защищает страницы от несанкционированного доступа.

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

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

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

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

Отличительными особенностями модуля FrontPage Editor являются:

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

    Использование графических тем, созданных профессиональными дизайнерами.

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

    Использование различных стилей оформления текста.

    Изменение размеров полей, междустрочных интервалов, шрифтов.

    Быстрое создание гиперссылок между страницами с автоматической проверкой синтаксиса.

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

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

    Визуальное создание Web-страниц с фреймами и автоматическая генерация HTML-кода.

    Использование при создании страниц элементов ActiveX, Java и Visual Basic.

На рис. 10.2Рис. 10.02. Рабочее окно FrontPage Editor представлено рабочее окно FrontPage Editor.

Функциональный состав и взимосвязь рассмотренных модулей поясняются укрупненной структурной схемой, приведенной на рис. 10.3Рис. 10.03. Основные функциональные блоки пакета и их взаимодействие.

В модуле FrontPage Explorer можно выделить следующие функциональные блоки.

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

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

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

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

Блок размещения. Осуществляет публикацию узла в сети Internet/Intranet, выполняет функции проверки правильности используемых адресов.

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

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

Блок разграничения доступа. Позволяет управлять доступом в многопользовательских системах.

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

В модуле FrontPage Editor можно выделить следующие функциональные блоки.

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

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

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

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

Блок импорта объекта. Позволяет использовать различные элементы оформления страницы: разделительные линии, формы для заполнения, списки, кнопки, элементы Мультимедиамультимедиа, изображения, гиперссылки, элементы ActiveX, приложения Java и т.д.

Блок фреймов. Позволяет генерировать HTML-код Web-страницы с использованием фреймов.

Блок таблиц. Инструментарий для работы с таблицами и настройки параметров.

Блок управления форматами. Стандартные функции работы с форматами шрифтов, параграфов, фоновым оформлением.

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

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

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

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

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

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

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

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

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

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

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

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

При работе на Web-сайте могут потребоваться самые разные отчеты о состоянии работы. Отчеты представлены в специальном окне (рис. 10.8Рис. 10.08. Рабочее окно в режиме работы с отчетами), выводящемся при нажатии на пиктограмму 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 - неподтвержденные гиперссылки.

    Broken hyperlinks - гиперссылки на несуществующие ресурсы.

    External hyperlinks - гиперссылки на внешние ресурсы Internet.

    Internal hyperlinks - внутренние гиперссылки.

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

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

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

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

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

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

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

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

Окно (рис. 10.11Рис. 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 - управление отбором данных из БД в документ.

    Hyperlink - управление ссылками.

    Unlink - уничтожение ссылки.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Использование FrontPage ExplorerFrontPage Explorer. Этот программный модуль предназначен для разработки структуры организации 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Рис. 10.16. Окно «Getting Started». Из этого окна требуется выбрать один из двух режимов работы: открыть существующий Web-узел для продолжения работы или создать новый Web-узел. Если будет создаваться новый Web-узел, то после нажатия кнопки ОК на экране появляется диалоговое окно, представленное на рис. 10.17Рис. 10.17. Окно выбора режима создания Web-узла.

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

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

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

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

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

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

Использование FrontPage EditorFrontPage Editor. Редактор FrontPage поставляется с тремя мастерами - Form Page (Страница с формами), Frames (Кадры) и Personal Home Page (Личная страница). Редактор использует свыше двадцати шаблонов (рис. 10.20Рис. 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Рис. 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Рис. 10.22. Окно задания свойств Web-сайта) можно задать различные параметры создаваемого 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Рис. 10.23. Панели и инструменты Редактора FrontPage иллюстрирует панели и инструментарий Редактора FrontPage. Многие из них похожи на кнопки панелей инструментов, которые существуют в других приложениях MS Office.

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

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

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

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

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

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

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

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

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

Чтобы применить специальный стиль, следует его вы-брать, а затем нажать кнопку 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Рис. 10.26. Диалоговое окно «Break Properties»).

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

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

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

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

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

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

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

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

Большинство опций в меню Table недоступны, если курсор не находится в поле таблицы.

Создание таблицы для документа требует заполнения диалогового окна Insert Table. После ввода параметров: размеров таблицы, параметров рамки, режима выравнивания, ширины и высоты ячеек таблицы - Редактор создаст чистую таблицу в HTML-документе (рис. 10.29Рис. 10.29. Создание таблиц в HTML-документе). Затем производится заполнение ячеек текстом, изображениями, полями форм и даже другими таблицами.

Выполнение различных операций с таблицами может осуществляться с помощью кнопок панели Таблица (рис. 10.30Рис. 10.30. Панель «Таблица»).

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

Для удаления разметки таблицы используется инструмент Ластик (вторая слева кнопка панели). Можно и автоматически вставлять столбец или строку в таблицу (кнопки 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Рис. 10.31. Диалоговое окно вставки изображения).

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

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

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

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

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

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

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

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

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

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

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

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

Формы. Для создание форм используются панель Формы, общий вид которой иллюстрируется рис. 10.37Рис. 10.37. Панель «Формы».

В этой панели размещены шесть пиктограмм: One-line TextBox (однострочное текстовое поле ввода), Scrolling Tezt Box (многострочное текстовое поле с скроллингом), Sheck Box (переключатели), Radio Button (круглая кнопка), Drop-Down Menu (раскрывающееся меню), Push Button (кнопка). Созданные с их помощью формы приведены на рис. 10.38Рис. 10.38. Примеры форм.

Аналогичный результат можно получить с помощью команды Insert/Form Field, раскрывающей меню более низкого уровня (рис. 10.39Рис. 10.39. Меню команды «Form Field»).

Вставка баннеров. Баннеры используются для размещения на Web-странице изменяющегося рекламного текста или изображений. Для вставки в страницу баннера используется Менеджер баннеров (рис. 10.40Рис. 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 - перенести ниже).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

При одновременной работе с несколькими файлами в меню File можно выбрать пункт Save All (Сохранить все).

В случае сохранения на локальном диске файла, подвергнутого редактированию или модернизации, используется команда File/Save (Сохранить).

Для закрытия страницы в Редакторе используется команда File/Close. Если закрывается документ, в который внесены изменения, программный пакет предложит их сохранить.

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

Для того чтобы создать титульный лист типовой Web-страницы (рис.10.44Рис. 10.44. Пример титульного листа типовой Web-страницы), мы применили следующие процедуры:

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

    Используя команду Format/Background, задаем цвет фона страницы.

    Создаем «бегущую строку». Создавая Web-узел, можно акцентировать внимание пользователей на определенном тексте Web-страницы. Одним из таких способов является введение в Web-страницу «бегущей строки». Бегущая строка (Marquee) представляет собой горизонтальную строку текста, «пробегающую» через весь экран (рис.10.44Рис. 10.44. Пример титульного листа типовой Web-страницы).

Чтобы отредактировать бегущую строку, надо дважды щелкнуть на этой строке Web-страницы. Появится диалоговое окно Marqueе Properties (Свойства бегущей строки), где можно изменить текст бегущей строки (рис. 10.45Рис. 10.45. Диалоговое окно «Marqueе Properties»).

Чтобы изменить параметры шрифта бегущей строки, необходимо выделить эту строку, а затем щелкнуть на пункте Font (Шрифт) в меню Format (Формат).

    Создание анимированной кнопки. Для этой цели применялась команда Insert/Active Elements/Hover Button. При ее активизации на экране визуализируется диалоговое окно, представленное на рис. 10.46Рис. 10.46. Диалоговое окно для создания кнопки. В этом окне задаются параметры кнопки: название кнопки, всевозможные виды начертания и цвета надписи, цвет кнопки, различные эффекты, размеры кнопки.

    Вставка таблицы производилась с использованием пункта меню Table - Insert Table (рис. 10.47Рис. 10.47. Диалоговое окно вставки таблицы). В раскрывающемся диалоговом окне осуществляется задание количества столбцов и строк в таблице, выравнивание ячеек, выбор размера рамки, цвета ячеек и таблицы и т.д.

    Вставка изображений выполнялась с помощью команды Insert/Image/Select File (рис. 10.48Рис. 10.48. Диалоговое окно «Select File»).

Мы имеем возможность вставлять изображение из любого источника, но только в форматах *.GIF или *.JPG.

    Создание гиперссылки. Для ее создания можно воспользоваться кнопкой-пиктограммой стандартной панели Create Or Edit Hyperlink. Далее выбираем любую из Web-страниц, представленных в диалоговом окне (рис. 10.49Рис. 10.49. Диалоговое окно «Создание гиперссылки»), или вводим путь к какой-либо Web-странице.

    Вставка интерактивных полей. Типичная форма содержит разнообразные текстовые поля, в которых посетители Web-страницы могут вводить информацию. Эти поля помогают подготавливать формы для сбора информации о посетителях Web-узла. В данном случае использовано однострочное текстовое поле. Для его создания применялась команда Insert/Form Field/One-line text box.

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

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

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

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

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

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

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

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

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

© Центр дистанционного образования МГУП