4.2. Структурная схема пакета
Microsoft FrontPage состоит из двух модулей: FrontPage Explorer и FrontPage Editor. Модуль FrontPage Explorer предназначен для:
создания Web-узла;
управления гиперссылками, их отладки, разграничения;
установления прав доступа;
организации файловой структуры Web-узла;
запуска FrontPage Editor для редактирования страниц.
Пользователи могут создавать, удалять, открывать, редактировать и закрывать узлы, используя FrontPage Explorer и FrontPage Editor на клиентском рабочем месте. Особенностями модуля FrontPage Explorer являются:
Быстрое создание профессионального Web-сайта при помощи встроенных шаблонов и мастеров. Возможность конвертации существующего Web-узла в узел FrontPage. Это преобразование структуры Web-сайта производится с сохранением всех гиперссылок исходного гипертекста. Большое количество профессионально разработанной графики и цветовых схем, называемых темами, которые могут применяться при создании Web-узла. Темы содержат списки, шрифты, разделительные линии, фоны страницы и т.д. В многопользовательских системах данный модуль защищает страницы от несанкционированного доступа. Преобразование формата используемых изображений в GIF или JPEG. Двойное нажатие на изображении откроет его для редактирования. FrontPage предоставляет возможность преобразования изображения (например, поворот, изменение размеров, яркости, контрастности) и использования изображений и видеоклипов из стандартных библиотек. Визуальное создание Web-страниц с фреймами и автоматическая генерация HTML-кода.
В модуле FrontPage Editor можно выделить следующие функциональные блоки.
Блок интерфейса пользователя. Представляет собой систему меню, диалоговых окон, предназначенных для осуществления взаимодействия пользователя с программной средой. Интерфейсный блок также включает в себя функции, связанные с настройкой пакета в соответствии с индивидуальными запросами пользователей.
Блок управления. Осуществляет преобразование команд пользователя в коды, воспринимаемые программной средой, и синхронизацию взаимодействия остальных блоков модуля.
Блок ввода-вывода. Предоставляет пользователю процедуры, связанные с открытием/сохранением файлов, размещенных на различных типах носителей, подготовкой данных при импорте/экспорте, подготовкой и выводом информации на печать.
Блок управления просмотром. Предназначен для отображения и редактирования создаваемой страницы, как в визуальном формате, так и в формате HTML. Данный модуль предоставляет возможность просмотреть создаваемую страницу аналогично программе-браузеру.
Блок фреймов. Позволяет генерировать HTML-код Web-страницы с использованием фреймов.
Блок таблиц. Инструментарий для работы с таблицами и настройки параметров.
Блок управления форматами. Стандартные функции работы с форматами шрифтов, параграфов, фоновым оформлением.
4.3. Пользовательский интерфейс FrontPage
Интерфейс программного пакета FrontPage выдержан в стиле других приложений Microsoft Office. Он имеет многостраничное окно документа с указателями страниц, окно с пиктограммами основных разделов проекта, панели инструментов, плавающие меню и т.д. Для большинства объектов поддерживается метод перетаскивания (drag and drop) между окнами и панелями. Предусмотрены возможности управления составом панелей. FrontPage построен как SDI-приложение (Single Document Interface - в окне программы отображается только текущий документ). Для каждого вновь открытого документа формируется свое рабочее окно. Рабочие окна программного пакета. После запуска программы на экран выводится исходное рабочее окно программного пакета. В этом окне представлен HTML-код, создаваемый по умолчанию для каждой новой страницы. В данном рабочем окне слева расположена панель с пиктограммами основных режимов работы программного пакета. При нажатии курсором мыши на соответствующую пиктограмму на экране визуализируется то или иное представление проекта: проектирование текущей страницы в составе Web-сайта, состав сайта (по файлам и папкам), отчеты и статистика, навигация между страницами Web-сайта, гиперссылки по страницам, дневник заданий. По умолчанию представляется текущая страница в составе Web-сайта. Основной документ в этом случае являет собой многостраничную форму с указанием страниц внизу, слева в виде списка перечисляются страницы в составе Web-сайта, что позволяет осуществить быстрый переход от страницы к странице при проектировании. Первая страница предназначена для проектирования с использованием визуальных компонентов по принципу WYSIWYG. Можно непосредственно редактировать текст, изображения, вставлять и удалять готовые компоненты, передвигать элементы по странице. С помощью всплывающих меню можно редактировать свойства компонентов. Внизу, на статусной строке визуализируется расчет скорости загрузки страницы при удаленном соединении с Web-сайтом для определенных условий (скорости или типа соединения). Разработчику Web-сайта приходится искать компромисс между объемом передаваемой информации и возможностями канала связи. Полноцветная графика, звук, видео могут сделать Web-сайт привлекательным, но если пользователю придется ждать длительное время загрузки страницы через низкоскоростной модем, то эффект может быть совершенно иным. Можно задать параметры связи, по которым программа будет тестировать скорость загрузки. Если выбрана страница HTML, пользователь может создавать разметку страницы вручную. Как правило, в этот режим документ переводится, когда создание визуального образа уже закончено и нужно задать дополнительные настройки, отредактировать выполнение скриптов и т.д. Управляющие теги выделяются цветом. Для каждого тега можно вывести всплывающее меню с набором его свойств. Свойства тега можно также задать с помощью команды Tag Properties.
На Рис. 2. приведен вид рабочего окна в режиме работы с HTML-кодом.
Рис.2. вид рабочего окна в режиме работы с HTML-кодом.
Режим Preview служит для просмотра документа в том виде, как он будет выглядеть в окне браузера. Просмотр в Preview не должен быть единственным контролем проделанной работы. Необходимо тестирование работы Web-сайта в основных браузерах. В списке слева перечисляются подпапки в составе основной папки Web-сайта. В основной части окна представлен список файлов с группировкой по подпапкам. Каждый файл сопровождается комментариями, в которых приведены сведения о типе файла, времени его модификации, авторе и дополнительные пояснения. Подпапки могут быть преобразованы в дочерние Web-сайты. В этом случае в список папок будет добавлена запись о дочернем Web-сайте (subweb). Экран разделяется на две панели - список файлов и схему ссылок. На схеме отображается характер ссылок в виде значков. Конверт обозначает возможность посылки электронной почты прямо со страницы; рисунок - графический файл; глобус - внешнюю ссылку; разорванная ссылка - адрес ссылки задан неправильно; треугольник с восклицательным знаком - ошибка в задании компонента. На схеме также показаны пиктограммы типов файлов Microsoft Office, на которые ссылаются страницы. Сегодня проекты становятся все более сложными. Поэтому разработчику необходимо представлять объем работ, который предстоит выполнить, а также выстроить продуманную последовательность действий при создании Web-сайта. С другой стороны, разработка Web-сайтов ведется, как правило, рабочей группой, членам которой нужно координировать свои действия. В связи с этим предусматривается ведение списков заданий. FrontPage предлагает режим Tasks View (перечень заданий). Проводник формулирует перечень заданий для каждого Web-сайта, создаваемого в FrontPage, и предоставляет этот список в распоряжение всех авторов, принимающих участие в работе. Программный пакет не только позволяет записать все эти задания, но и избавляет от необходимости их упорядочивать. Каждое задание сопровождается его описанием, приоритетом, конкретным исполнителем и т.д.
Главное меню программного пакета. Главное меню программы выполнено в виде стандартного меню Microsoft Office 2000 и включает десять команд: File, Edit, View, Insert, Format, Tools, Table, Frame, Windows, Help (Файл, Правка, Вид, Вставка, Формат, Сервис, Таблица, Данные, Рамки, Окно, Справка). В меню File объединены функции управления файлами и проектами, создания Web-сайта и отдельной Web-страницы, их сохранения, закрытия, печати и выхода из программы. В меню 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, JavaScript, PowerPoint Animation, формы, даты и времени и т.д.), собранные в соответствующие подменю.
Меню Format объединяет опции форматирования, управления внешним видом страниц, установки стиля оформления, параметров шрифта и абзаца, настройки типа списка, управления эффектами, установки фонового изображения и т.д.
Меню Tools включает дополнительные функции управления свойствами проекта, проверки орфографии, установки свойств Меню Table, Frames и Window включают специфические опции работы с таблицами, фреймами (кадрами) и окнами.
Bсего Web-сайта или отдельной страницы в его составе, а также рабочей средой FrontPage. С помощью этого меню осуществляется запуск FrontPage Editor. Следует отметить, что от версии к версии происходит изменение как состава главного меню, так и поддерживающих его опций. Диалоговые окна. При работе с программным пакетом MS FrontPage многие опции требуют установки дополнительных настроек, для чего служат диалоговые окна. Помимо стандартных окон Microsoft Office (открытие и сохранение Web-сайта или объекта в составе сайта, окна со списком шаблонов и т.д.) в FrontPage используются и специальные диалоговые окна, среди которых следует отметить диалоговые окна задания свойств тегов, для каждого из стандартных тегов и некоторые другие.
На Рис3. Показано вставка таблицы.
Рис.3 вставка таблицы
На Рис.4. окно вставки таблицы.
Рис. 4 окно вставки таблицы