≡× МЕНЮ

• Гаджеты
• Android
• Windows
• Ios
• Блог

Frontpage описание. Описание программы microsoft office frontpage

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

флажки (Checkbox);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

или

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

.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

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

Размещено на http://www.allbest.ru/

Министерство образования и науки Российской Федерации

Федеральное агентство по образованию

ГОУВПО "ТЮМЕНСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ"

Международный институт финансов, управления и бизнеса

кафедра экономической социологии

Курсовая работа

по дисциплине "Информационный менеджмент"

Программа Microsoft FrontPage 2003

студент группы 25ИМ801

А.В. Макарихин

Научный руководитель: к. соц. н., доцент

Ю.С. Рябова

Тюмень 2009

Содержание

• Введение
• Глава I . История и основы
• 1.2 Новые функции. Задачи
• Глава II . Управление и интерфейс
• 2.1 Панели инструментов
• 2.2 Свойства страницы
• 2.3 Предварительный просмотр
• Глава III . Основы работы во Microsoft FrontPage 2003
• 3.1 Работа с макросами
• 3 .1.1 Создание макроса
• 3 .1.2 Изменение макроса
• 3 .1.3 Выполнение макроса
• 3 .1.4 Отладка макроса
• 3 .2 Добавление динамических элементов
• 3 .2.1 Счетчик посещений
• 3 .2.2 Сброс показаний счетчика посещений
• 3.3 Система безопасности
• 3 .4 W eb -узел. Создание и управление
• 3 .4.1 Web -узел FrontPage
• 3 .4.2 Создание веб-узла
• Заключение
• Литература

Введение

Сегодня главным и самым дорогостоящим ресурсом для обеспечения активной социально-экономической деятельности человека является информация. Огромным, практически неограниченным источником самой разнообразной информации является Internet. Всемирная паутина (World Wide Web - WWW) - совокупность информации, накопленной в виде Web-страниц, объединенных в Web-узлы и доступной посредством Web-браузеров. Тематика этой информации и содержание Web-страниц может быть чрезвычайно разнообразной. В том числе и по степени достоверности.

Выбором темы для написания курсовой работы за первый курс, послужил прежде всего тот факт, что в современном мире стремительное развитие получают информационные технологии, и данная программа Microsoft Front Page 2003 помогает систематизировать большие объемы как текстовой, так и графической информации, в один web-узел, что несомненно помогает обычному пользователю ПК удобно и быстро, находить необходимую информацию на страницах всемирной "паутины".

Microsoft Front Page 2003 программа входит в ряд лучших web-редакторов, на ровню с Macromedia Dreamweaver MX , Adobe GoLive и LiveMotion , это не может не говорить о том, что специалисты Microsoft создали по настоящему качественный, удобный и практичный в применении web-редактор, которым легко может овладеть рядовой пользователь ПК, не имея при этом каких либо профессиональных навыков работы с web-программированием. Поэтому можно смело утверждать, что его активная локализация во всех крупных регионах, способствует развитию всемирной сети - Интернет.

Данная работа не направлена на практическое применение и создание web-узлов в Microsoft Front Page 2003. Основная цель - это сформировать представление о работе данного HTML-редактора, историю его создания, причины создания, основные функции, его направленность и практическое применение, а так же новые отличительные функциональные возможности.

Глава I. История и основы

1.1 Интернет. Microsoft FrontPage

После запуска Советским Союзом искусственного спутника Земли в 1957 году Министерство обороны США посчитало, что на случай войны Америке нужна надёжная система передачи информации. Агентство передовых оборонных исследовательских проектов США (DARPA) предложило разработать для этого компьютерную сеть. Разработка такой сети была поручена Калифорнийскому университету в Лос-Анджелесе, Стэнфордскому исследовательскому центру, Университету штата Юта и Университету штата Калифорния в Санта-Барбаре. Компьютерная сеть была названа ARPANET (англ. Advanced Research Projects Agency Network), и в 1969 году в рамках проекта сеть объединила четыре указанных научных учреждения, все работы финансировались за счёт Министерства обороны США. Затем сеть ARPANET начала активно расти и развиваться, её начали использовать учёные из разных областей науки.

Первый сервер ARPANET был установлен 1 сентября 1969 года в Калифорнийском университете в Лос-Анджелесе. Компьютер "Honeywell 516" имел 12 КБ оперативной памяти.

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

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

В 1970-х годах сеть в основном использовалась для пересылки электронной почты, тогда же появились первые списки почтовой рассылки, новостные группы и доски объявлений. Однако в то время сеть ещё не могла легко взаимодействовать с другими сетями, построенными на других технических стандартах. К концу 1970-х годов начали бурно развиваться протоколы передачи данных, которые были стандартизированы в 1982-83 годах. Активную роль в разработке и стандартизации сетевых протоколов играл Джон Постел. 1 января 1983 года сеть ARPANET перешла с протокола NCP на TCP/IP, который успешно применяется до сих пор для объединения (или, как ещё говорят, "наслоения") сетей. Именно в 1983 году термин "Интернет" закрепился за сетью ARPANET.

В 1984 году была разработана система доменных имён (англ. Domain Name System, DNS).

В 1984 году у сети ARPANET появился серьёзный соперник, Национальный научный фонд США (NSF) основал обширную межуниверситетскую сеть NSFNet (англ. National Science Foundation Network), которая была составлена из более мелких сетей (включая известные тогда сети Usenet и Bitnet) и имела гораздо бомльшую пропускную способность, чем ARPANET. К этой сети за год подключились около 10 тыс. компьютеров, звание "Интернет" начало плавно переходить к NSFNet.

В 1988 году был изобретён протокол Internet Relay Chat (IRC), благодаря чему в Интернете стало возможно общение в реальном времени (чат).

В 1989 году в Европе, в стенах Европейского совета по ядерным исследованиям (фр. Conseil Europйen pour la Recherche Nuclйaire, CERN) родилась концепция Всемирной паутины. Её предложил знаменитый британский учёный Тим Бернерс-Ли, он же в течение двух лет разработал протокол HTTP, язык HTML и идентификаторы URI.

В 1990 году сеть ARPANET прекратила своё существование, полностью проиграв конкуренцию NSFNet. В том же году было зафиксировано первое подключение к Интернету по телефонной линии (т. н. "дозвомн" - англ. Dialup access).

В 1991 году Всемирная паутина стала общедоступна в Интернете, а в 1993 году появился знаменитый веб-браузер NCSA Mosaic. Всемирная паутина набирала популярность.

В 1995 году NSFNet вернулась к роли исследовательской сети, маршрутизацией всего трафика Интернета теперь занимались сетевые провайдеры, а не суперкомпьютеры Национального научного фонда.

В том же 1995 году Всемирная паутина стала основным поставщиком информации в Интернете, обогнав по трафику протокол пересылки файлов FTP, был образован Консорциум всемирной паутины (W3C). Можно сказать, что Всемирная паутина преобразила Интернет и создала его современный облик. С 1996 года Всемирная паутина почти полностью подменяет собой понятие "Интернет".

В 1990-е годы Интернет объединил в себе большинство существовавших тогда сетей (хотя некоторые, как Фидонет, остались обособленными). Объединение выглядело привлекательным благодаря отсутствию единого руководства, а также благодаря открытости технических стандартов Интернета, что делало сети независимыми от бизнеса и конкретных компаний. К 1997 году в Интернете насчитывалось уже около 10 млн компьютеров, было зарегистрировано более 1 млн. доменных имён. Интернет стал очень популярным средством для обмена информацией.

И так с развитием популярности Интернета, возникла необходимость в создании HTML - редакторов, ориентированных на рядовых пользователей ПК, было это обусловлено, прежде всего, увеличением пользователей, которые все чаще и чаще обращаются к поиску информации в Интернет. И на этом фоне компания Microsoft в 1995 году выпустила свой первый web-редактор - Microsoft FrontPage 1.1, затем создавались такие редакторы как 1997 - FrontPage 97 (2-я версия), 1997 - FrontPage Express 2.0, 1998 - Microsoft FrontPage для Macintosh, 1998 - FrontPage 98 (3-я версия), 1999 - FrontPage 2000 (9-я версия), 2001 - Microsoft FrontPage 2002 (10-я версия), 2003 - Microsoft Office FrontPage 2003 (11-я версия), и последняя версия 2007 - Microsoft SharePoint Designer 2007 (12-я версия), но пока она активно не локализуется, поэтому мы и решили рассмотреть Microsoft Office FrontPage 2003, который нам давно знаком.

1.2 Новые функции. Задачи

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

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

Элементы управления окном FrontPage 2003, некоторые составляющие меню, панелей инструментов, диалоговых окон являются общими для Windows и Microsoft Office.

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

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

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

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

1.2.1 Улучшение оформления веб-узлов

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

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

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

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

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

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

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

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

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

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

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

Технология Microsoft IntelliSense® упрощает написание кода и снижает вероятность ошибок. Эта технология доступна для HTML (Hypertext Markup Language), таблиц каскадных стилей, XSLT (Extensible Stylesheet Language), Microsoft JScript® и Microsoft ASP.net.

Удаление лишнего кода, генерируемого Word 2003 или другими программами веб-разработки.

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

1) Усовершенствование интерактивных возможностей веб-узла без написания кода - благодаря использованию средств создания сценариев JScript.

макрос интерфейс front page

2) Поддержка технологии IntelliSense в Microsoft Visual Basic® Scripting Edition (VBScript) и средствах создания сценариев JScript.

1.2.3 Расширение возможностей и профессиональности оформления веб-узла

Благодаря службам Microsoft Windows SharePoint Services, подключенным к FrontPage 2003, можно редактировать и представлять интерактивные данные из различных источников, в том числе XML (Extensible Markup Language), с целью создания управляемых данными веб-узлов с широкими интерактивными возможностями в редакторе наглядного изображения. Можно осуществлять публикацию в Интернете, используя только веб-обозреватели. При этом обеспечивается выбор из большого числа вариантов публикации.

Управляемые данными веб-узлы, поддерживаемые службами Windows SharePoint Services, что дает:

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

2) Вставка представлений данных и настройка источников данных, в том числе разнообразных XML-данных, данных служб Windows SharePoint Services, веб-служб и источников данных OLEDB.

3) Обработка XML-данных, XML-разработка и XSLT-форматирование непосредственно в наглядном представлении FrontPage с целью создания веб-узлов, управляемых XML-данными.

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

5) Разработка страниц веб-компонентов с помощью создания зон веб-компонентов, вставки и подключения к веб-компонентам из библиотеки Microsoft Office Gallery на веб-узле Microsoft Tools on the Web, а также из других источников.

Глава II. Управление и интерфейс

2.1 Панели инструментов

Microsoft FrontPage 2003 как и ряд других программ, вложенных в пакет MS Office, отличается дружелюбным интерфейсом, который представлен диалоговым окном управления программы.

Запустив Редактор непосредственно (либо прямо из Microsoft Windows, либо из Проводника Frontpage при нажатии на панели инструментов кнопки Show Frontpage Editor или командой Show Frontpage Editor из меню Tools). В этом случае Редактор откроется с пустым экраном; чтобы открыть нужную страницу, используйте команду Открыть меню Файл и приступайте к редактированию.

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

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

2.1.1 Работа с панелями инструментов

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

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

2.2 Свойства страницы

В любом редакторе имеются свойства, которые закладываются на всю рабочую область, так и в редакторе FrontPage, для того, чтобы отобразить свойства страницы, необходимо кликнуть ПКМ (правой клавишей мыши) в свободной части рабочей области, и в появившемся диалоговом окне выбрать пункт "Свойства страницы" (см. рис.2)

В текстовом меню названия можно ввести или отредактировать название страницы; поле "Описание страницы", предназначено для необязательного базового URL страницы. Чтобы установить для ссылок этой страницы целевой фрейм по умолчанию, введите его имя в текстовом поле "Базовое расположение".

Во вкладке "Форматирование", можно устанавливать цвета и фоновый рисунок (см. рисунок.3)

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

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

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

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

Глава III. Основы работы в Microsoft FrontPage 2003

3.1 Работа с макросами

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

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

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

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

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

3.1.1 Создание макроса

1. В меню Сервис выделите пункт Макрос , а затем выберите команду Макросы.

2. В поле Имя макроса введите имя макроса (Макрос. Макрокоманда или набор макрокоманд, используемый для автоматического выполнения некоторых операций. Макросы записываются на языке программирования Visual Basic для приложений.) и нажмите кнопку Создать .

В именах макросов недопустимо использование пробелов или знаков препинания, но можно использовать подчеркивание. Например, допустимы имена Macro1 или Macro_1, но не Macro 1.

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

4. Если требуется запустить макрос из окна модуля, нажмите клавишу F5 .

5. Завершив создание макроса, выберите команду Закрыть и вернуться к Microsoft FrontPage в меню Файл .

3.1.2 Изменение макроса

1. В меню Сервис выделите пункт Макрос , а затем выберите команду Макросы .

Изменить .

3.1.3 Выполнение макроса

1. В меню Сервис выделите пункт Макрос , а затем выберите команду Макросы .

2. Выберите нужный макрос и нажмите кнопку Выполнить .

3.1.4 Отладка макроса

1. В меню Сервис выделите пункт Макрос , а затем выберите команду Макросы

2. Выберите нужный макрос и нажмите кнопку Шаг с заходом .

3.2 Добавление динамических элементов

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

Вы являетесь посетителем этой страницы.

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

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

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

Примечание . Веб-узел необходимо опубликовать на сервере с установленными серверными расширениями Microsoft FrontPage, службами MicrosoftSharePoint Team Services 1.0 или Microsoft Windows SharePoint Services 2.0.

3.2.1 Счетчик посещений

1. В представлении Страница Конс т руктор .

2. Установите курсор там, где необходимо вставить счетчик посещений (Компонент "Счетчик обращений". В Microsoft FrontPage так называется компонент, в котором отслеживается число обращений к веб-узлу в Интернете.) .

3. В меню Вставка выберите команду Веб-компонент .

4. В группе Тип компонента нажмите кнопку Счетчик посещений .

5. Выполните одно из следующих действий.

Выбор существующего стиля счетчика

Использование в качестве стиля счетчика пользовательского рисунка

1. Двойным щелчком выберите один из стилей счетчика в группе В ы берите стиль счетчика .

2. В диалоговом окне Свойства счетчика посещений установите переключатель Другой рисунок .

3. Введите относительное расположение файла (Относительный URL-адрес. Адрес страницы в Интернете, заданный относительно адреса текущей страницы. Например, относительный URL-адрес Doc/Sample. htm указывает на страницу Sample. htm в папке Doc, расположенной на один уровень ниже текущей папки.) GIF (GIF. Формат графических файлов (с расширением. gif в Microsoft Windows), используемый для отображения в Интернете рисунков с индексированным набором цветов. Поддерживает до 256 цветов и использует сжатие без потерь, то есть сжатие файла без потери данных.).

Например, если файл GIF расположен в папке images, относительный путь должен выглядеть так: /images/имя_рисунка. gif.

Примечание . Этот файл должен быть в формате GIF.

6. Чтобы задать значение счетчика, установите флажок Сбросить счетчик до и введите это число.

7. Чтобы в счетчике посещений отображалось определенное число разрядов, установите флажок Fixed number of digits и введите это число.

Например, чтобы вместо 5 отображалось 005, введите значение 3 .

Примечание . Для добавления счетчика посещений на веб-страницу необходимо, чтобы веб-узел находился на сервере с установленными серверными расширениями Microsoft FrontPage 2002 (Серверные расширения Microsoft FrontPage. Набор программ и сценариев, поддерживающих создание страниц в Microsoft FrontPage и расширяющих функциональные возможности веб-сервера.) , службами SharePoint Team Services 1.0 или Microsoft Windows SharePoint Services. Сведения о наличии на сервере этого программного обеспечения можно получить у веб-администратора или у поставщика услуг Интернета (Поставщик услуг Интернета. Организация, предоставляющая доступ к Интернету для работы с электронной почтой или использования других служб Интернета. Некоторые поставщики услуг Интернета являются международными, предлагая доступ в разных странах, в то время как другие ограничены конкретным регионом.)

3.2.2 Сброс показаний счетчика посещений

1. В представлении Страница нажмите в нижней части окна документа кнопку Конс т руктор .

2. Дважды щелкните счетчик посещений (Компонент "Счетчик обращений". В Microsoft FrontPage так называется компонент, в котором отслеживается число обращений к веб-узлу в Интернете.) .

3. Установите флажок Сбросить счетчик до и введите в поле рядом нужное число.

3.3 Система безопасности

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

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

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

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

3.3.1 Краткий обзор способов ограничения доступа

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

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

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

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

3.4 Web-узел. Создание и управление

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

Как FrontPage помогает управлять веб-узлом? Здесь приводится несколько примеров использования возможностей приложения.

· Добавление, переименование, удаление и перемещение файлов (без помощи проводника Microsoft Windows)

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

· Публикация веб-узла

Важно не забывать, что эти возможности управления недоступны при открытии одиночных HTML-файлов и работе с ними. Они доступны только при открытии веб-узла FrontPage и во время работы с ним.

3.4.1 Web-узел FrontPage

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

Можно создать находящийся на диске или находящийся на сервере веб-узел. Находящимся на диске веб-узлом называется узел расположенный на локальном копьютере. Находящимся на сервере веб-узлом называется узел расположенный на веб-сервере, например Microsoft Internet Information Server (IIS), или на виртуальном сервере.

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

Использование Microsoft FrontPage для создания веб-узла включает следующие основные шаги.

1. Получение у службы, предоставляющей доступ к веб-серверам, учетной записи веб-узла или адреса URL (URL-адрес. Адрес, указывающий протокол (такой как HTTP или FTP) и расположение объекта, документа, веб-страницы или другого ресурса в Интернете или интрасети, например: http://www.microsoft.com/.), например у поставщика услуг Интернета (ISP) (Поставщик услуг Интернета. Организация, предоставляющая доступ к Интернету для работы с электронной почтой или использования других служб Интернета. Некоторые поставщики услуг Интернета являются международными, предлагая доступ в разных странах, в то время как другие ограничены конкретным регионом.) или Web Presence Provider (WPP) WPP (Web Presence Provider). Поставщик услуг Интернета, размещающий на своих серверах веб-узлы заказчиков и управляющий аппаратным и программным обеспечением, необходимым для обеспечения доступности веб-узлов заказчиков в Интернете) .

2. Создание структуры веб-узла при помощи шаблонов и мастеров.

3. Добавление содержимого.

4. Публикация веб-узла в Интернете.

Чтобы создать узел SharePoint и настроить его, используя Microsoft FrontPage, необходимо наличие прав администратора, учетная запись веб-узла и возможность установления связи с сервером, на котором установлен Microsoft Windows SharePoint Services.

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

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

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

3.4.2 Создание веб-узла

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

Рисунок 7.

После открытия веб-узла FrontPage вверху появляется вкладка Веб-узел .

Создание веб-узла FrontPage

1. В меню Файл выберите команду Создать .

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

3. В диалоговом окне Шаблоны веб-узлов на вкладке Общие выберите требуемый шаблон веб-узла и нажмите кнопку OK . (см. рисунок 6)

Работа с существующим веб-узлом FrontPage

1. В меню Файл выберите команду Открыть веб-узел .

2. В диалоговом окне Открытие веб-узла перейдите к папке, содержащей веб-узел, и откройте ее.

Примечание . В поле Имя веб-узла не отображается ни имя папки, ни имя веб-узла.

3. Нажмите кнопку Открыть .

Примечание . Если открываемый веб-узел не является веб-узлом FrontPage, выводится запрос о добавлении в папку сведений FrontPage.

Добавление в папку сведений FrontPage

· В диалоговом окне Добавление в папку сведений FrontPage нажмите кнопку Да .

3.4.3 Метаданные FrontPage хранятся в скрытых папках и файлах

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

Эти метаданные используются FrontPage для облегчения управления веб-узлом. Именно они делают возможным управление веб-узлом.

Когда проводник Windows настроен на отображение скрытых файлов и папок, дополнительные папки метаданных FrontPage представляются в виде папки _vti_cnf и папки _vti_pvt .

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

Рисунок 8.

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

Заключение

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

В Microsoft FrontPage 2003 используются самые современные технологии, такие как, например: XML и программа Microsoft SharePoint .

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

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

Современный дизайн, вариативность как шаблонная, так и табличная, функциональность, безопасность всё это и есть - Microsoft FrontPage 2003.

Литература

1. http://ru. wikipedia.org/wiki/ Интернет

2. http://ru. wikipedia.org/wiki/Microsoft_FrontPage

3. http://office2003. narod.ru/FrontPage2003. htm

4. http://office. microsoft.com/ru-ru/frontpage/FX100647001049. aspx

5. http://www.oszone.net/4243/

Размещено на Allbest.ru

Подобные документы

Характеристика функций и возможностей Microsoft PowerPoint - программы Microsoft Office для подготовки презентаций. Сравнение Microsoft PowerPoint 2003, 2007, 2010 гг. Интерфейс, меню и вкладки. Интеграция с редактором блогов. Основные проблемы программы.

презентация , добавлен 01.03.2016


Основные понятия баз данных: нормализация, связи и ключи. Создание и этапы проектирования базы данных, решение задачи о предметной области. Изучение СУБД Microsoft Access s 2003: пользовательский интерфейс, главное окно приложения, создание таблиц.

реферат , добавлен 10.11.2010


Описание программы Microsoft Project 2003, ее практическое применение в управлении. Основы теории управления проектами. Вводный курс, обучающий работе в MS Project. Принципы регулирования степени риска, особенности проведения контроля качества в проекте.

контрольная работа , добавлен 24.09.2014


Возможности создания визитной карточки программами Microsoft Word 2003 и Microsoft Publisher 2003. Требования к оформлению визитной карточки. Основные версии возникновения визитной карточки. Выбор оптимального дизайна и форматирование визитной карточки.

курсовая работа , добавлен 06.03.2012


Створення Web-сторінок і Web-вузлів у програмі Microsoft FrontPage 2003 та розміщення їх в Інтернеті. Інтерфейс програми, склад і функції головного вікна. Створення нового Web-вузла на основі головного шаблону. Приклад оформлення домашньої сторінки.

дипломная работа , добавлен 12.02.2010


Создание Алленом и Гейтсом фирмы LakesideProgrammingGroup. Презентация программы BASIC и образование компании Microsoft в 1975 г. Написание программы DiskOperationSystem для IBM. Работа над Word и Excel, проектирование графического интерфейса Windows.

реферат , добавлен 11.03.2012


Основные возможности системы управления реляционными базами данных (СУБД) Microsoft Access. Пользовательский интерфейс MS Access 2003. Команды панели инструментов окна БД. Область возможных режимов создания объектов. Создание таблиц в базе данных.

реферат , добавлен 08.11.2010


Обоснование выбора средств разработки сайта. Программа Microsoft Office FrontPage 2003, характеристика и принцип работы. Разработка структуры сайта, его реализация и создание элементов дизайна. Наиболее употребляемые теги языка HTML. Листинг HTML-кода.

курсовая работа , добавлен 08.03.2011


Реляционные базы данных. Использование образца слайдов для создания стиля презентации. Создание текста и его форматирование, WEB-страниц в редакторе FrontPage. Работа с Microsoft Outlook, подготовка информационных материалов в Microsoft Office Publisher.

учебное пособие , добавлен 24.12.2009


Создание виртуальной машины для гостевой операционной системы Microsoft Windows Server 2003. Первоначальная настройка установленной операционной системы. Создание DHCP-сервера с диапазоном рабочих адресов. Настройка доменного имени для IP-адреса сервера.

Тема 3.3: Прикладные программы для создания Веб-сайтов

Тема 3.4: Применение Интернет в экономике и защита информации

Программы для создания сайтов

3.3. Прикладные программы для создания Веб - сайтов

3.3.2. Знакомство с программой FrontPage

Web–страницы основаны на языке описания гипертекстовых документов HTML (Hypertext Markup Language). В HTML для определения содержания и формата гипертекстовых документов используются команды, которые называются тегами (tags). HTML – страницы представляет собой документы в обычном текстовом формате, содержащие специальные команды форматирования (теги HTML).

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

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

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

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

После запуска программы FrontPage (Пуск – программы – FrontPage) на экране появится окно программы, в котором отображается новая страница (нов_стр_1.htm). В области задач отображается панель Приступая к работе.

Рис. 1.

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

В программе FrontPage можно пользоваться одним из четырех режимов просмотра: "Конструктор", "Код", "С разделением" и "Просмотр". В режиме "Конструктора" как в любом текстовом редакторе можно в визуальном режиме создавать, редактировать и форматировать страницу, т.е. вводить текст, добавлять рисунки, таблицы. При этом теги языка HTML автоматически добавляются в фоновом режиме, но кодировка HTML на экране не отображается.

В режиме "Код" на экране будет отображаться вся кодировка и можно напрямую редактировать код HTML, а также вводить новые коды. На рисунке представлен HTML – код новой пустой страницы в редакторе FrontPage .

Рис. 2.

В режиме "С разделением" - на экране отображается Web-страница одновременно в режиме Код и в режиме Конструктор. В режиме просмотра Web–страница имеет вид аналогичный ее отображению в Web–браузере.

Команды, которые предназначены для работы с Web–страницами и Web–узлами, расположены в меню Вид программы FrontPage:

1. Страница – это режим просмотра и разработки страницы.
2. Папки – отображается структура папок текущего сайта.
3. Удаленный узел – узел, который находится на сервере сети Интернет.
4. Отчеты – предоставляется сводка об Web – узле.
5. Переходы – отображается структура переходов между страницами сайта.
6. Гиперссылки – открывает список ссылок текущей страницы.
7. Задачи – открывает список задач для текущего сайта

Рис. 3.

Создание Web-страниц в прикладной программе FrontPage

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

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

Рис. 4.

Создание веб–страницы на основе шаблонов FrontPage

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

Рис. 5.

Создание веб–страницы на основе имеющихся Web-страниц в ПК

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

Создание сайта в прикладной программе FrontPage

Создание нового пустого сайта или создание веб-узла без содержимого

Для создания нового пустого сайта надо выполнить команду Файл/Создать и выбрать в области задач команду «Другие шаблоны веб–узлов». Откроется окно диалога Шаблоны веб–узлов, в котором необходимо выделить Пустой веб–узел и щелкнуть ОК. В окне приложения FrontPage будет отображаться веб - узел, который представлен на рисунке.

Рис. 6.

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

Рис. 7.

Дважды щелкните на домашней странице левой кнопкой мыши, и она откроется в режиме конструктора для редактирования (страница - index.htm).

Рис. 8.

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

Будет добавлена Новая страница 1, которая представлена на рисунке. Далее добавьте столько страниц, сколько необходимо для сайта, затем страницы можно переименовать и изменить порядок их следования. Далее на каждую страницу нужно ввести содержание или контент (текст, таблицы, картинки и т.д.), в результате получим сайт.

Рис. 9.

Создание сайта на основе шаблона редактора FrontPage

Для создания сайта на основе шаблона выполните Файл/Создать и в области задач щелкните команду Веб – пакеты, откроется окно диалога Шаблоны веб–узлов.

Рис. 10.

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

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

ВВЕДЕНИЕ

Целью работы

Теоретические сведения

Главное меню

«Файл».

«Правка».

«Вид». Папки», «Список папок» Панели инструментов.

«Вставка».

«Формат».

«Таблица».

1.1.2 Панели инструментов

рис. 2 Вид/Панели инструментов»

Основные элементы интерфейса

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

Пиктограмма - «Просмотр в браузере» . Отображается на панели «Стандартная» (см. рис. 3)

Рисунок 3. Пиктограмма «Просмотр в браузере» на панели «Стандартная»

Проектирование сайта

Создание узла

Для создания веб-узла требуется зайти в меню «Файл\Создать» . Справа появится панель Создание. Создавать можно как отдельные страницы, так и целые веб-узлы. При этом имеется возможность пользоваться готовыми шаблонами. При создании сайта они могут служить неплохую службу. Хотя бы, как пример хорошо спроектированных узлов. В данной работе необходимо создать Одностраничный веб-узел (см. рис. 4) .

Рисунок 4. Одностраничный веб-узел среди шаблонов веб-узлов

После того, как веб-узел создан, на экране появляется список папок (см. рис. 5) . Вернуться к этому представлению всегда можно из меню «Вид\Папки» . Можно также использовать «Вид\Список папок» (ALT+F1): в этом случае список папок и файлов будет занимать не основное окно, а панель слева.

При разработке сайта первым делом необходимо определиться с тематикой, подыскать содержание. На этом этапе необходимо разместить материалы для дальнейшего использования в сайте в папках узла. Это могут быть различные изображения, анимации, музыка, видео и прочие. Размещать можно как в корневой папке узла, так и во вложенных папках. Вы можете создать новую папку. В-дальнейшем, вы без труда можете пополнять папки веб-узла новыми файлами, переименовывать и переносить их из одной папки в другую – FrontPage автоматически изменит пути к этим элементам во всех страницах узла. Эта функция FrontPage чрезвычайно важна, так как некоторые из страниц вашего узла, возможно, будут сгенерированы автоматически и имена файлов будут, например: нов_стр_1.htm . При размещении на сервере с ОС Linux, страница будет работать неправильно. Правилом хорошего тона является использование в названиях только букв латинского алфавита и цифр .

Рисунок 5. Папки

Разработка структуры сайта

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

Для этого во FrontPage есть представление«ПЕРЕХОДЫ». Чтобы открыть его, откройте пункт меню «Вид\Переходы» либо «Вид\Область переходов».

Для создания страницы необходимо выделить родительскую страницу, щелкнуть правой кнопкой мыши и из контекстного меню выбрать «Создать\Страница» или нажать CTRL+N . Для включения крупных подразделов ниже второго уровня можно использовать панель ссылок («Создать\Пользовательская панель ссылок»). Панель ссылок не является отдельной страницей. При ссылке на нее открывается первая страница из подраздела. Для добавления страниц можно пользоваться также кнопками на панели переходов () – результат тот же, но гораздо проще. В-дальнейшем, на основе сформированной структуры переходов можно будет создать панель ссылок.

При составлении структуры желательно сразу же изменять названия: «Новая страница 1», «Новая страница 2», либо «Новая панель ссылок» и т.д. менять на более осмысленные названия: «Архивы», «Контакты», «Ссылки», «Галерея» и т.д.

Добавленные страницы автоматически добавляются и в список папок.

Имена файлов желательно также переименовать, используя при этом только латинский алфавит и цифры.

Пример структуры узла представлен на рис. 6.

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

Рисунок 6. Добавление страницы в Структуру узла

Разметка страницы

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

Общие границы

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

Для этого используются ОБЩИЕ ГРАНИЦЫ (вызываются из меню «Формат\Общие границы»).

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

Если на некоторых страницах должны быть другие общие границы, надо в представлении «Список папок» выделить эти страницы и применить «ОБЩИЕ ГРАНИЦЫ» к выделенным страницам.

Рисунок 7. Общие границы

В конструкторе общие границы отображаются штриховыми линиями: любой элемент внутри этих границ будет виден на всех страницах сайта (см. рис. 8).

Рисунок 8. Панели ссылок в общих границах

Примечание: Если поддержка общих границ отключена, то чтобы её включить, необходимо зайти на закладку «Сервис\Параметры страницы\Разработка» и активизировать метку «ОБЩИЕ ГРАНИЦЫ» (см. рис. 9).

Рисунок 9. Включение компонента «Общие границы»

Панели ссылок

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

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

Таблицы. Макетные таблицы

Таблицы – одно из наиболее первых и наиболее популярных до сих пор средств разметки страницы. Нововведением являются макетные таблицы – шаблоны таблиц. При вызове из меню «Таблицы\Макетные таблицы и ячейки» появляется панель макетных таблиц (см. рис. 13), из которой вы можете подобрать наиболее понравившийся вам макет, который вы можете при необходимости изменить, объединяя или разъединяя ячейки.

К сожалению, при применении к странице компонента «Общие границы» , макетные таблицы использовать нельзя. В этом случае можно воспользоваться обычными таблицами («Таблица\Вставить\Таблица» ), отформатировав их соответствующим образом.

Рисунок 13. Макеты таблицы

Наполнение сайта

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

Изображения

Для вставки изображений используется меню «Вставка\Рисунок» .

Можно вставлять рисунки из файла либо картинки из встроенной коллекции Microsoft Office. Здесь можно также вставить flash-анимацию либо фотоколлекцию.

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

Рисунок 14. Создание коллекции фотографий

Для вставки гиперссылки необходимо в конструкторе написать текст либо вставить рисунок, выделить область, после чего зайти в меню «Вставка\Гиперссылка» (CTRL+K). Появится окно (см. рис. 15), в котором надо настроить параметры гиперссылки.

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

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

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

При настройке гиперссылок также можно указать, в каком окне должна быть открыта страница (в том же, в новом, …). Для этого нужно нажать «Выбор рамки» и выбрать подходящий пункт.

Можно настроить стиль, нажав кнопку «Стиль» и выбрав в поле «Класс» класс, созданный ранее (вопрос создания стили рассматривается в разделе 5.1.2 Стили ). Там же (в окне «Стиль» после нажатия соответствующей кнопки) можно настроить стиль только для данного элемента, нажав кнопку «Формат» .

Меняющиеся кнопки

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

Слои

Слои нужны, когда необходимо на одном участке страницы разместить несколько элементов, например: текст поверх рисунка. Для этого нужно зайти в меню «Вставка\Слой» . Появится прямоугольная область с синей границей (см. рис. 17). Перенесите её в требуемое место. Теперь вы можете в слое писать текст поверх рисунка.

Рисунок 17. Использование слоя

Оформление узла

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

Форматирование

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

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

Свойства страницы

Окно «Свойства страницы» позволяют отформатировать элементы страницы и подготовить страницу к публикации.

Для того чтобы открыть окно свойств страницы , требуется в режиме конструктора щелкнуть в любом месте страницы и в контекстном меню выбрать «Свойства страницы» .

В данном окне 6 закладок.

На закладке «Общая» (см. рис. 20) отображается основная информация о странице. При публикации особый интерес представляет поле «Ключевые слова» . По словам, введенным в данное поле, будет осуществляться поиск поисковыми серверами.

Рисунок 20. Свойства страницы: Общие

На закладке «Форматирование» (см. рис. 21) имеется возможность настроить цвета для всех основных элементов на странице.

Рисунок 21. Свойства страницы: Форматирование

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

Рисунок 22. Настройка эффекта выделения гиперссылок

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

Рисунок 23. Настройка языка и кодировки

Стили

Можно создать собственные стили. Для этого нужно зайти в меню «Формат\Стиль» . Стили можно присваивать отдельным элементам HTML-разметки либо создавать пользовательские стили, которые в дальнейшем могут быть применены к выбранным элементам. Например, чтобы все ссылки по умолчанию были зеленые, нужно выбрать тег A, создать стиль, ввести имя, нажать кнопку «Формат» , выбрать пункт «шрифт », в окне выбрать зеленый цвет (см. рис. 24).

Рисунок 24. Создание стиля для тега A

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

Рисунок 25. Создание класса

В окне «Стиль » будут представлены все созданные стили (см. рис. 26).

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

Рисунок 26. Список созданных стилей

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

Можно использовать готовые таблицы стилей, в которых уже прописаны стили для каждого элемента. Для этого нужно создать новую страницу (не узел), используя один из шаблонов таблиц стилей. Выбрать меню «Файл/Создать», затем в появившейся справа панели выбрать пункт «Другие шаблоны страниц …», в появившемся окне выбрать закладку «Таблицы стилей», после чего выбрать один из шаблонов (см. рис. 27).

Рисунок 27. Шаблоны таблиц стилей

После создания страницы, она должна быть сохранена в папке веб-узла, а затем связана с веб-страницей («Формат\Связи с таблицами стилей») (см. рис. 28) .

Рисунок 28. Связь с таблицей стилей

Динамические эффекты

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

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

Смена страниц

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

Эффекты DHTML

Простейшие эффекты (например, смена цвета ссылки при наведении курсора) можно настроить на панели «Эффекты DHTML ». Для этого сначала требуется отобразить эту панель инструментов («Вид\ ...»).

Например: чтобы заменять картинку по щелчку мыши, нужно выделить картинку, выбрать событие «Щелчок », действие «Замена » и рисунок (см. рис. 29).

Рисунок 29. Создание эффекта DHTML

Поведение

Если описанных возможностей недостаточно, можно воспользоваться панелью «Поведение» («Формат\Поведение» ). Здесь можно практически для любого блочного элемента выбрать действие, которое должно запускаться, и событие, при котором это действие запускается.

Работа с данным инструментом строится следующим образом:

1. В представлении «Страница» нажмите в нижней части окна документа кнопку «Конструктор» .
2. В меню «Формат» выберите команду «Поведение» .

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

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

6. Чтобы выбрать событие, в группе «События» выделите событие по умолчанию, затем выделите требуемое событие.

7. В зависимости от выбранного действия выберите дополнительные параметры, определяющие событие для действия.

Публикация узла

Перед публикацией необходимо проверить текст на наличие орфографических ошибок («Сервис\Орфография или F7» ).

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

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

Иногда возникает необходимость в создании копии веб-узла и сохранении этой копии в определенном расположении на жестком или на сетевом диске. Средство публикации Microsoft FrontPage предоставляет удобный способ создания такой копии.

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

Перед публикацией нужно сначала ввести ключевые слова в окне «Свойства страницы».

Для публикации зайдите в пункт меню «Файл\Опубликовать узел» . Появится окно, в котором вы сможете указать, как и где публиковать узел (см. рис. 30). Если вы выкладываете узел в Интернет, удобнее использовать «протокол FTP» (он поддерживается практически всеми серверами). Если узел размещается в локальной сети или тем более на том же компьютере, следует выбрать пункт «Файловая система» .

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

Рисунок 30. Публикация узла

Порядок выполнения работы

Результатом работы должен стать созданный студентом сайт с удобной системой навигации, содержащий всевозможные элементы гипертекста (текст, ссылки, изображения, фотоколлекции, бегущую строку и прочее), а также динамические эффекты и форму обратной связи. Минимальное число страниц сайта определяется числом студентов, участвующих в его разработке: 8 – для одного, 10 – для двоих, 12 – для троих .

2.1 Работа, выполняемая студентом самостоятельно до начала работы в компьютерном классе

1. Разработать структуру сайта по выбранной вами тематике (показать диаграмму страниц сайта и связей между ними письменно либо в электронном виде). Пример структуры см. в главе «Разработка структуры сайта» на стр. 8.

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

Требования к форме представления результатов работы

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

Структура отчета представлена ниже.

Титульный лист

Цель работы

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

Задания

Создать сайт на тему <указать тему>

<Остальные задания взять из параграфа «Работа в компьютерном классе » (см. стр. 24)>

Структура сайта

<Вставить скриншот из представления «Переходы».>

<Представить скриншоты всех страниц сайта с кратким описанием назначения страниц и хода их разработки>

Выводы

<Перечислить действия, выполненные и освоенные в ходе работы.>

Литература

1. http://www.microsoft.com/rus/office/FrontPage/Default.mspx - Общие сведения о FrontPage 2003

2. http://www.microsoft.com/rus/smallbusiness/products/howto/buildwebsitefrontpage.mspx - Создание веб-узлов с помощью FrontPage 2003

3. Microsoft FrontPage 2003. Русская версия – М. Эком, 2005

ВВЕДЕНИЕ

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

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

Задания приведены на странице 24. Их предваряют теоретические сведения, описывающие основные элементы интерфейса, возможности, инструменты MS Frontpage и приемы работы с ними.

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

Теоретические сведения

Интерфейс Microsoft FrontPage 2003

FrontPage представляет собой WYSIWYG – редактор HTML (what you see is what you get - что видите, то и получаете). Это означает, что в браузере веб-страницы будут выглядеть так же, как и в редакторе.

Работа в редакторе Frontpage весьма похожа на работу с текстовым процессором, подобным Microsoft Word. Интерфейсы двух редакторов, как и всех приложений, входящих в пакет Microsoft Office, во многом схожи: те же стандартные кнопки, практически те же пункты в главном меню, соответственно те же основные элементы: текст, гиперссылки, изображения, таблицы, диаграммы, прочие объекты. Форматирование (настройка шрифта, отступов и прочее) осуществляется примерно так же, как и в Microsoft Word. Предполагается, что читатели уже обладают базовыми навыками использования этих элементов. Поэтому вопросы добавления основных элементов гипертекста на страницу и их форматирование будут рассмотрены лишь поверхностно.

Несмотря на значительное сходство с Word, Frontpage является профессиональным программным продуктом для создания сайтов, что определяет существенные отличия.

Если Word предназначен для работы с отдельным документом, то Frontpage – для работы с целым веб-узлом, состоящим из многих файлов и папок. Наличие во Frontpage представлений «Список папок» и «Переходы» облегчает поиск и переход от одной страницы к другой и формирование связей между ними. Инструмент «Общие границы» позволяет выделять на всех (или определенных) страницах часть пространства, элементы на которой совпадают. Таким образом, добавив или изменив изображение или меню из ссылок на одну из страниц в этих общих участках страницы, эти изменения автоматически отобразятся на всех остальных. Это значительно облегчает работу по формированию заголовочной области («шапки») страницы и главного меню. Панели ссылок упрощают формирование меню ссылок, а объявления позволяют автоматически писать заголовок страницы. Динамические эффекты позволяют создавать визуальные эффекты, такие как: изменение изображения по щелчку мыши, изменение цвета ссылки при наведении курсора, или эффектное появление содержимого страницы при загрузке.

Рисунок 1. Интерфейс FrontPage

На рис. 1 представлен интерфейс редактора Microsoft Frontpage 2003 .

Сверху окна располагается главное меню. Под ним панели инструментов.

Слева представление Список папок. Справа основное окно редактора веб-страницы.

Для работы со страницей существует 4 основные режима (указаны в строке внизу страницы):

«Конструктор». Основной режим. В данном режиме можно добавлять, изменить, удалять элементы. При этом их положение на страницы будет такое же, как в браузере.

«Код». HTML-код страницы.

«С разделением». Совмещение предыдущих режимов. Разделяет окно на 2 части: в одной конструктор, в другой HTML-код.

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

Главное меню

Главное меню состоит из пунктов:

«Файл». Обеспечивает работу с файлами: создание, открытие и сохранение веб-страниц и веб-узлов целиком, публикацию узла, экспорт и импорт

«Правка». Обеспечивает стандартные возможности правки

«Вид». Позволяет выбирать представление страниц узла. Наиболее интересны пункты: «Папки», «Список папок» для работы с отдельными файлами и папками узла, «Переходы», «Область переходов» для настройки структуры страниц в узле. Здесь также можно настроитьПанели инструментов.

«Вставка». Обеспечивает возможность вставки элементов в веб-страницу. Наиболее важные пункты: «Слой», «Панель ссылок», «Веб-компонент», «Форма», «Рисунок», «Меняющаяся кнопка», «Закладка», «Гиперссылка».

«Формат». Меню форматирования. Содержит возможности форматирования шрифта, абзацев, выбора темы, настройки стилей и общих границ.

«Таблица». Меню для работы с таблицами, в том числе макетными.

В главном меню также есть окна: «Сервис», «Данные», «Рамки», «Окно», «Справка».

1.1.2 Панели инструментов

Основные панели инструментов редактора MS FrontPage представлены нарис. 2 . Чтобы включить/выключить ту или иную панель, требуется зайти в пункт меню «Вид/Панели инструментов» либо щелкнуть правой кнопкой мыши по одной из панелей редактора и выбрать нужную панель.

Рисунок 2. Список панелей инструментов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2003 (рис.5.1).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Открыть).

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

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

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

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

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

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

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

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

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

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

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

страницами.

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

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

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

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

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

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

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

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

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

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

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

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

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

страницы.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

файла .htm .

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

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

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

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

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