Программы 

Frontpage редакторы. Создание Web-страниц при помощи программы FrontPage


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

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

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

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

1. Интерфейс FP

Программа создания и редактирования Web-страниц Front Page находится в папке офисных программ Microsoft Office .

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


Рис. 1. Окно программы Front Page

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

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

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

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

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

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

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

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

Теперь можно сохранить страницу. Для этого следует щелкнуть на кнопке Сохранить , затем сохранить страницу как файл на диске своего компьютера. При сохранении страницы лучше сразу создать под нее отдельную папку с тем именем, которое Вы собираетесь давать файлу. Web-страницы обычно сохраняют в файлах с расширением .htm или .html (от названия языка HyperText Markup Language – язык разметки гипертекстов). Например, если Вы собираетесь сохранить файл под именем about.htm , то следует создать папку с именем about , в той области диска, в которой будут располагаться Ваши Web-страницы. Перед сохранением первой страницы лучше сразу создать такую область в виде папки, например, папки с именем Web-страницы Федоровой . Теперь в ней следует создать упомянутую папку about , а в ней – сохранить страницу about.htm .

3. Свойства Web-страницы

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

 Общие , Форматирование , Дополнительно , Другие , Язык .

На рис. 3 в окне активизирована закладка

 Общие . В строке Название нужно внести заголовок страницы.

Здесь же можно подключить звуковой файл в зоне

Фоновый звук . Звук будет сопровождать просмотр этой страницы на компьютере, который ее открыл. Разумеется, чтобы прослушивать фоновый звук на компьютере пользователя должен быть установлен динамик. Обычно фоновый звук воспроизводится прокруткой звукового файла с расширением .wav . Для подключения файла нужно щелкнуть на кнопке Обзор и при помощи диалогового окна подключить такой файл. Для обычной страницы подключать звуковой файл необязательно. с целью создания подложки страницы. Подложкой называется основной фон страницы. Фоном может быть цвет или рисунок . Вид окна свойств страницы на закладке Background показан на рис. 4.

Если необходимо выбрать фон в виде цвета , то нужно щелкнуть на кнопке списка Фон

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

Если предлагаемые цвета Вас не устраивают, то следует щелкнуть на цвете Custom (пользовательский). В открывшемся диалоговом окне можно выбрать цвет любого из 16"777"216 оттенков. Вид окна выбора пользовательского цвета показана на рис. 5.

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

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

Если фоном страницы должен служить рисунок, то следует на этой закладке открыть требуемый рисунок

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

Как видно из рис. 6, фоном является многократно повторенный рисунок с изображением бабочки (butterfly ).

Для сравнения на рис. 7 отдельно показан сам рисунок.

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

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

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

 Web-дизайнера.

Обычно фоновые рисунки имеют форматы

 bmp, gif, jpg, png .

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

Считается, что фон имеет приемлемые размеры, если объем рисунка не превышает 1–5 килобайт (К). Лучше, если он меньше килобайта. Для сравнения скажем, что объем самой Web-страницы обычно не превышает 10–20 К. Лишь страницы с большим количеством текста имеют большие размеры. Причина в том, что Web-страница – это программа (инструкция) о том как и что размещать на экране браузера пользователя. Например, если в таком-то месте экрана нужно поместить рисунок размером 150 К, то в Web-странице инструкция на этот счет может занимать всего 50 байт, т. е. в 3000 раз меньше самого рисунка, который передается в компьютер просматривающего отдельно от Web-страницы. Поскольку количество таких инструкций невелико, то и размер самой страницы также сравнительно невелик

На закладке

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

На закладке Дополнительно можно установить отступы страницы от левого верхнего угла окна просмотра в браузере. По умолчанию установлены отступы по 8 пикселов.

На закладке

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

4. Использование таблиц

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

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

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

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

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

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

Свойство

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

Если необходимо установить стилевую и фоновую разметку таблицы, то это можно сделать в этом же окне.

 По окончании разметки таблицы нужно нажать кнопку ОК.

Разметка ячеек таблицы

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

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

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

Если необходимо разбить одну или несколько ячеек на несколько строк или столбцов, нужно их выделить (при разбиении одной ячейки выделения не требуется), выполнить команду Разбить ячейки . В появившемся окне разбивки нужно указать как производить разбивку – на столбцы или на строки. Затем следует указать число столбцов или строк. Это окно показано на рис. 9.

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

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

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

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

5. Вставка и форматирование текста

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

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

Отличие от редактора Word заключается лишь в том, что при нажатии клавиши Enter (с целью вставки нового абзаца) между абзацами образуется слишком большой интервал. Если нужно чтобы интервал между абзацами был таким же, как между строками одного абзаца, следует нажать клавишу Shift и, не отпуская ее, клавишу Enter.

6. Вставка гиперссылок

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

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

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

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

 htm ) . При этом в строке адреса появится относительный адрес файла с Web-страницей. Относительным адресом страницы, которая находится в той же папке, что и создаваемая страница, является просто имя файла, например "photo2.htm". Если ссылка указывает на файл за пределами этой папки, то гиперссылка может принять вид строки"../../HomePage.htm", т. е. ссылки на страницу HomePage.htm в том же компьютере, но в другой папке, которая находится на два уровня выше текущей папки. Относительные адреса очень удобны при создании группы Web-страниц, которые находятся на одном сервере но в разных папках и связаны гиперссылками. После подготовки страниц на обычном компьютере можно отправить их на Web-сервер, не опасаясь, что будет нарушена связь между страницами и гиперссылками, т. к. на сервере относительная структура их размещения останется прежней и, следовательно, гиперссылки будут "работать".

Для создания абсолютного

адреса следует ввести полный адрес страницы. Например, если необходимо создать гиперссылку на адрес сайта Московского государственного университета, то в строке URL нужно внести текст доменного имени http://www.msu.ru . Можно внести текст с указанием IP-адреса, например http://192.206.228.46.

Для создания такой гиперссылки следует в строке адреса внести текст вида mailto:адрес . Например, если необходимо чтобы после щелчка по гиперссылке был запущен почтовый клиент для отправки письма по адресу o ivanov@sfu-kras .ru , то в строке ввода адреса нужно внести текст mailto: o ivanov@sfu-kras .ru . Можно также щелкнуть по кнопке с изображением конверта и в открывшемся окне внести этот же адрес без указания префикса mailto:.

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

Перед созданием гиперссылки на закладку, последнюю необходимо предварительно создать. Для этого нужно выделить будущую закладку (фрагмент текста, рисунок и т. д.) и выполнить команду Вставка/Закладка . В открывшемся окне, вид которого показан на рис. 13, следует в строке ввода внести имя закладки и щелкнуть по кнопке ОК. В приведенном примере рис. 13 страница уже имеет одну ранее созданную закладку Закладка 1 , а в окне ввода подготовлен текст Закладка 2 другой закладки. Далее следует выйти из окна создания закладки, выделить в окне создания страницы элемент гиперссылки на закладку, кнопкой Закладка (рис. 12) выбрать из списка нужную закладку. Ее текст будет помещен в строку адреса. Например если выбрана закладка Закладка 2 , то гиперссылка в строке адреса примет вид строки #Закладка 2 . После нажатия кнопки ОК гиперссылка на закладку будет создана.

Программирование окна отображения

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

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

7. Вставка нетекстовых элементов

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

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

Рис. 14. Основной
список меню Insert

Приведем некоторые наиболее часто используемые нетекстовые элементы меню Insert:

  • Разрыв
    • . Переход к новому абзацу без специального интервала (то же, что Shift + Enter);
  • Горизонтальная строка . Вставка горизонтальной линии;
  • Символ.
    •  Вставка нестандартного символа, т. е. символа, которого нет на клавиатуре;
  • Дата и время. Стандартный штамп для вывода даты и времени обновления редактируемой страницы. Разработчик может установить режим вывода только даты или даты и времени суток. На выбор предлагается несколько вариантов представления штампа. Например, "14 февраль 2001 12.02.25". Если такой штамп вставлен на страницу, то это означает, что последний раз она подвергалась редактированию 14 февраля 2001 г. в 12 час. 2 мин. 25 сек. по таймеру компьютера;
  • Файл. Вставка всего содержимого выбранного с диска файла. Содержимое вставляется в то место, где установлен клавиатурный курсор. Таким способом можно вставить, например, текст какого-нибудь документа;
    •
  • Рисунок
    • . Вставка рисунка из файла;

    Рассмотрим некоторые особенности вставки этих элементов.

    Горизонтальная линия

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

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

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

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

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

    Для вставки нужно щелкнуть в то место страницы, где должен быть расположен рисунок, выполнить команду Вставка

    /Рисунок/Из файла либо щелкнуть по кнопке Вставить рисунок из файла на панели Стандартная (рис. 5.2). В появившемся окне следует выбрать на диске файл с рисунком и нажать кнопку ОК.

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

     Свойства рисунка . В диалоговом окне, вид которого показан на рис. 15, можно выполнить разметку рисунка.

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

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

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

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

    Форматы рисунков

    Различают рисунки, выполненные в формате растровой графики и в формате векторной графики .

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

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

     CAD.

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

    В настоящее время среди разработчиков Web-страниц используются два широко популярных растровых формата – GIF (Graphics Interchange Format – формат обмена графикой), разработанный в 1987 г. и усовершенствованный в 1989 г. фирмой CompuServe, и JPEG , получивший сокращенное название группы разработчиков Joint Picture Experts Group.

    В GIF-формате (файлы с расширением

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

    Применение формата GIF позволяет создавать множество эффектов, включая прозрачность

    (transparency). Этот эффект широко используется, когда рисунок нужно представить в виде, отличном от прямоугольного. В этих случаях часть прямоугольного изображения закрашивается специальным цветом прозрачности, а другая обычными цветами. После размещения на странице рисунок в тех пикселах, которые закрашены цветом прозрачности, замещается пикселами цвета подложки, а прочие пикселы воспроизводятся обычным способом, создавая таким образом эффект прозрачности. Теперь один и тот же рисунок можно класть на подложки разных цветов, не опасаясь, что при несовпадении цветов будут воспроизведены нежелательные прямоугольные контуры рисунка. Для создания прозрачных GIF-рисунков можно использовать множество графических редакторов, например Photo Shop.

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

    GIF-рисунки можно использовать для создания примитивной мультипликации, которая используется на Web-страницах для анимации ("оживления") ее содержимого. Анимационные эффекты несомненно украшают страницу, часто служат средством привлечения внимания к отдельным ее фрагментам. Оборотной стороной являются повышенные объемы файлов, содержащих анимированные рисунки. Для создания анимационных GIF-рисунков можно использовать многие программы – от простых до весьма сложных, позволяющих создавать в одном файле целые мультипликационные фильмы. Примером простой программы анимации является MP Gif Animator (автор В. Фам). Мощной программой анимации является Ulead GIF Animator Lite (продукт компании Ulead Systems).

    В формате JPEG (файлы с расширениями .jpg , реже .jpe или jpeg ) предпочтительно хранить в сжатом виде многоцветные рисунки, например фотографии природы, высококачественные изображения богатой цветовой палитры. При сохранении рисунка в графических редакторах (например, Photo Shop) можно управлять объемом файла и качеством рисунка, которые находятся в обратной зависимости по отношению друг к другу. Этим свойством часто пользуются разработчики Web-страниц для того, чтобы предельно минимизировать файлы с рисунками, несколько потеряв в их качестве. Нередко такие изображения практически неотличимы визуально, но могут в 1,5–3 раза отличаться по объему соответствующих файлов.

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

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

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

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

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

     Pencil Tool (карандаш), который на панели выделен активным цветом.

    Для минимизации размеров рисуночных файлов можно также использовать специальные программы, которые убирают из них неграфическую информацию, размещаемую графическими редакторами при разработке и сохранении рисунка. Например, автор этих строк пользуется программой Advanced GIF Optimizer фирмы Gold Software. Использование оптимизаторов часто позволяет уменьшить объем GIF-файла еще на 10-60 %.

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

    8. Страницы с фреймами

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

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

    Рис. 17. Пример фреймовой Web-страницы

    Страница организована в форме меню и состоит из трех фреймов

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

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

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

    • header.htm – страница, которая будет представлять заголовок фреймовой страницы;
    • menu.htm – страница для отображения меню в левом фрейме;
    • informatique.htm – страница для отображения списка методических материалов по дисциплине Информатика ;
    • certificate.htm – страница для отображения списка методических материалов по специальности Сертификация ;
    • tms_metod.htm – собственно фреймовая страница.

    Для создания последней страницы организован новый файл с помощью меню Файл /

     Создать и выбрать команду Другие шаблоны страниц … из области задач Создание .
    В открывшемся диалоговом окне Шаблоны страниц , выбрать вкладку Страница рамок, на которой показаны шаблоны W eb-страниц c фреймовой структурой, входящие в состав FP (рис. 18).

    Окно новой web-страницы фреймов (рис.19) будет разбито на части в соответствии с выбранной структурой.

    Щелчком правой клавиши мыши вызываем контекстное меню, окно свойств страницы и вводим в титульную строку текст

     Методические материалы кафедры , которая обычно отображается в верхней части браузера, и сохраняем страницу tms_metod.htm.

    Далее последовательно производим щелчок на кнопке Задать начальную страницу в верхнем и левом фреймах и устанавливаем связь соответствующего фрейма со своей страницей при помощи стандартного окна создания гиперссылки, представленного на рис. 12. После щелчка по кнопке верхнего фрейма назначен адрес header.htm, левого – menu.htm, правого – пустая страница (кнопкой Создать страницу на рис. 19).

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

    9. Пример разработки Web-страницы

    На рис. 20 представлена

    Web-страница history.htm, отображающая краткую историю кафедры ТМС КГТУ.

    Рис. 20. Вид Web-страницы в браузере

    Вид размеченной странице в редакторе FP показан на рис. 21. Сначала создана новая стрница. Далее щелчком правой клавиши мыши вызвано контекстное меню, в котором произведен щелчок по строке Свойства страницы . В появившемся окне свойств страницы (рис. 3) введен ее заголовок История кафедры ТМС . На закладке Другие против каждой из опций отступа границ страницы поставлена галочка, а их значения установлены в нуль. Это означает, что при считывании в браузер страницу следует отображать без отступов от верхней и левой границ окна просмотра. Щелчком по кнопке Сохранить страница сохранена на диске под именем history.htm.

    Далее командой вставки таблицы на страницу положена таблица из четырех столбцов и четырех строк. В ячейки верхней строки последовательно слева направо положены три рисунка h1.gif, h2.gif, h3.gif (рисунки предварительно разработаны в графическом редакторе Photo Shop). Первый рисунок (КГТУ) имеет размер 4 К, второй (ТМС) – 3,6 К, последний – 1,4 К. Все рисунки представляют собой надписи, выполненные на бордовом фоне. Последний рисунок (он с надписью ИСТОРИЯ КАФЕДРЫ ТЕХНОЛОГИЯ МАШИНОСТРОЕНИЯ) в целях сокращения памяти выполнен меньшей ширины.

    Рис. 21. Вид размеченной Web-страницы в редакторе FP

    Далее щелчком в ячейку первой строки и командой Таблица/Выделить строку первая строка ячеек была выделена. Затем на нее был наведен курсор и выполнен щелчок правой клавиши мыши. В контекстном меню выбрана команда Свойства ячейки и в появившемся окне (рис. 10) всем выделенным ячейкам назначена подложка в виде рисунка bg.gif (он также подготовлен в редакторе Photo Shop). Этот рисунок представляет собой однотонное изображение размером 8x8 пикселов с одинаковыми характеристиками. Размер файла подложки составляет всего 46 байтов. Подложка необходима, чтобы вся первая строка таблицы закрасилась одинаковым цветом (рисунки выполнены на фоне этого же цвета).

    Для того чтобы более узкий рисунок h3.gif разместился в вертикальном направлении по середине ячейки, ее свойству Вертикальное положение присвоено значение По центру . Горизонтальное положение оставлено по умолчанию, т. е. прижать к левому краю ячейки. Для последней ячейки первой строки таблицы (она пуста) свойству Ширина присвоено значение 600. Это необходимо для того, чтобы вся первая строка таблицы гарантированно размещалась во всю ширину окна (и даже обеспечивала некоторый запас), что при просмотре страницы создаст эффект однотонной цветной закраски заголовка (баннера) в браузере (рис. 20).

    Далее были назначены две гиперссылки – на сайт КГТУ и сайт кафедры ТМС. Они необходимы для того, чтобы просматривающий страницу мог при желании перейти к просмотру этих страниц. Первому рисунку (h1.gif) была назначена гиперссылка http://www.kgtu.runnet.ru на сайт КГТУ (рис. 5.12). Второму (h2.gif) – гиперссылка на сайт кафедры ТМС http://tms.kgtu.runnet.ru . В строке Text свойств рисунков первому назначен текст К сайту КГТУ , второму – К сайту кафедры ТМС . Эти строки необходимы для того, чтобы просматривающий страницу при наведении курсора на рисунок смог прочесть на всплывающих подсказках назначение гиперссылок. Чтобы в браузере не были видны контуры рисунков-гиперссылок их свойству толщины границ присвоено значение нуль и граница свернута (рис. 15). На этом разметка первой строки таблицы закончена.

    Во второй строке таблицы в первые две ячейки положен один и тот же рисунок из файла arrow.gif. Рисунок представляет направленную острием вверх стрелку. Размер файла составляет всего 324 байта. Рисунки предназначены для того, чтобы подсказать просматривающему страницу, что над ними находятся гиперссылки, которыми он может воспользоваться. Чтобы стрелки были расположены точно под соответствующими рисунками, свойству горизонтального положения ячеек присвоено значение по центру .

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

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

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

    Ниже таблицы набран текст, завершающий описание истории.

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

    Не упущена возможность подчеркнуть интересную особенность одного из фрагментов текста: если из первых букв наименований специальностей, которым обучают на кафедре ТМС, составить аббревиатуру, то она повторит аббревиатуру, составленную из первых букв наименования кафедры, т. е. снова получится "ТМС" (на рис. 20 и 21 эта часть текста не видна. Эта особенность подчеркнута тем, что первые буквы в наименовании специальностей выделены полужирным начертанием и красным цветом.

    Наконец, все ячейки нижней строки большой таблицы объединены и в получившуюся ячейку более мелким шрифтом внесены выходные данные кафедры – адрес, телефоны, адрес e-mail.

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

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

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

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

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

    Примечания

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Если раньше казалось, что создание веб-страниц — дело довольно сложное и невозможное без специальных знаний, то после начала выпуска HTML-редакторов с функцией WYSIWYG оказалось, что сверстать сайт может даже абсолютный новичок, который ничего не знает о языках разметки. Одним из первых программных продуктов данной группы являлся Front Page на движке Trident от компании Microsoft, который входил в различные версии офисных пакетов вплоть до 2003 года включительно. Не в последнюю очередь именно благодаря этому факту программа пользовалась такой широкой популярностью.

    Основной фишкой программы, которая привлекает особенно новичков, является возможность верстки страницы без знания HTML-кода или других языков разметки. Это стало реальным благодаря функции WYSIWYG, название которой представляет собой англоязычную аббревиатуру выражения, переводящегося на русский, как «что видишь, то и получишь». То есть пользователь получает возможность набирать текст и вставлять картинки на создаваемую веб-страницу почти так же, как в текстовом процессоре Word . Главное отличие от последнего заключается в том, что в Front Page доступно больше различных веб-компонентов, например, Flash и XML. Функция WYSIWYG включена при работе в режиме «Конструктор» .

    Используя элементы на панели инструментов, можно форматировать текст так же, как в Ворде:

    • Выбирать тип шрифта;
    • Задавать его размер;
    • Цвет;
    • Указывать позиционирование и многие другое.

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

    Стандартный HTML-редактор

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

    Редактор с разделением

    Ещё одним вариантом работы в программе при создании веб-страницы является использование редактора с разделением. В верхней его части расположена панель, где отображается HTML-код, а в нижней отображается его вариант в режиме «Конструктор» . При редактировании данных в одной из панелей автоматически изменяются данные и в другой.

    Режим просмотра

    В Front Page имеется также возможность просмотра полученной веб-страницы в том виде, в котором она будет отображаться на сайте через браузер Internet Explorer .

    Проверка правописания

    При работе в режимах «Конструктор» или «С разделением» в Front Page доступна функция проверки правописания, аналогичная таковой в Ворде.

    Работа в нескольких вкладках

    В программе можно работать в нескольких вкладках, то есть одновременно верстать несколько веб-страниц.

    Применение шаблонов

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

    Связь с веб-узлами

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

    Достоинства

    • Простота в использовании;
    • Наличие русскоязычного интерфейса;
    • Возможность создавать сайты даже новичку.

    Недостатки

    • Программа морально устарела, так как не обновлялась с 2003 года;
    • Недоступна для скачивания на официальном сайте из-за того, что давно не поддерживается разработчиком;
    • Отмечается некорректность и избыточность кода;
    • Не поддерживает современные веб-технологии;
    • Созданное в Front Page содержимое веб-страницы может неправильно отображаться в браузерах, которые работают не на движке Internet Explorer.

    Front Page — популярный в свое время у пользователей HTML-редактор с функцией WYSIWYG, отличавшийся простотой создания веб-страниц. Однако в настоящее время он безнадежно устарел, так как давно не поддерживается компанией Microsoft, а веб-технологии уже далеко ушли вперед. Тем не менее, многие юзеры с ностальгией вспоминают об этой программе.

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

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

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

    Функционал

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

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

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

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

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

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

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

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

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

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

    Почему FrontPage?

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

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

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

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

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

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

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

    Замечание

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

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

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

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

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

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

    Запуск FrontPage

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

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

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

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

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

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

    Замечание

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

    Главное окно

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

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

    Заголовок

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

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

    Команда

    Назначение

    Восстановить

    Восстанавливает окно после его минимизации или максимизации

    Переместить

    Позволяет перемещать главное окно FrontPage с помощью клавиш со стрелками

    Размер

    Позволяет изменять размеры главного окна программы FrontPage с помощью клавиш со стрелками

    Свернуть

    Уменьшает окно программы FrontPage до размеров значка

    Развернуть

    Развертывает главное окно FrontPage; это окно не имеет рамки

    Закрыть

    Закрывает FrontPage

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

    Кнопка

    Назначение

    Минимизирует главное окно FrontPage и помещает его значок на панель задач Windows

    Переводит главное окно FrontPage в режим изменения его размеров

    Максимизирует главное окно FrontPage

    Закрывает главное окно программы FrontPage

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

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

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

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

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

    Назначение

    Стандартная (Standard)


    Форматирование (Formatting)

    Стандартная панель инструментов; располагается по умчанию в главном окне FrontPage

    Эффекты DHTML
    (DHTML Effects)

    Создает на Web-странице динамические HTML-эффекты (о них речь пойдет в главе 20)

    Рисование (Drawing)

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

    Переход (Navigation)

    Панель, предназначенная для работы в режиме Переходы

    Рисунки (Pictures)

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

    Размещение (Positioning)

    Содержит кнопки, позволяющие позиционировать объекты

    Отчеты (Reporting)

    Панель инструментов, позволяющая задавать типы формируемых отчетов по Web-узлу

    Стиль (Style)

    Панель инструментов, предназначенная для задания стиля оформления

    Таблицы (Tables)

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

    Область задач (Task Pane)

    Отображает в окне программы FrontPage панель Создание веб-страницы или узла (New Page or Web), содержащую список команд, используемых для открытия существующих страниц и Web-узлов и создания новых

    Панель инструментов для работы с коллекцией WordArt

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

    Совет

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

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

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

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

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

    Кнопка

    Название

    Назначение

    Создать (New)

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

    Открыть (Open)

    Открывает существующий файл или Web-узел

    Сохраняет открытый файл

    Найти (Search)

    Управляет отображением в главном окне панели Обычный поиск (Search)

    Размещает Web-узел на сервере

    Переключить панель
    (Toggle Pane)

    Управляет отображением в главном окне программы панелей Список папок (Folder List) и Область переходов (Navigation Pane)

    Печать (Print)

    Печатает Web-страницу

    Просмотр в обозревателе
    (Preview in Browser)

    Загружает страницу в обозреватель для просмотра

    Орфография (Spelling)

    Проверяет орфографию

    Вырезать (Cut)

    Удаляет выделенный текст или объекты и помещает их в буфер обмена

    Копировать (Copy)

    Копирует в буфер обмена выделенный текст или объекты, не удаляя их

    Вставить (Paste)

    Вставляет содержимое буфера обмена в текущее место Web-страницы

    Формат по образцу
    (Format Painter)

    Копирует формат, который можно применять для дальнейшего форматирования

    Отменить (Undo)

    Отменяет последнее действие

    Вернуть (Redo)

    Восстанавливает действия, отмененные командой Отменить (Undo)

    Веб-компонент
    (Web Component)

    Открывает диалоговое окно Вставка компонента веб-узла (Insert Web Component), предназначенное для размещения на Web-странице компонента из предлагаемого списка

    Добавить таблицу
    (Insert Table)

    Вставляет в Web-страницу таблицу

    Добавить рисунок из файла
    (Insert Picture From File)

    Вставляет в Web-страницу графическое изображение

    Рисование (Drawing)

    Управляет отображением в главном окне программы панели инструментов Рисование (Drawing)

    Открывает диалоговое окно Добавление гиперссылки (Insert Hyperlink) для создания ссылки

    Обновить (Refresh)

    Обновляет информацию в окне программы в соответствии с осуществленными изменениями

    Завершить (Stop)

    Останавливает загрузку информации в окно программы

    Справка по Microsoft FrontPage
    (Microsoft FrontPage Help)

    Вызывает справочную систему программы - F rontPage

    Параметры панелей инструментов
    (More Buttons)

    Открывает список всех кнопок панели инструментов, используя который можно изменить их состав

    Совет

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

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

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

    Меню

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

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

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

    Замечание

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

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

    Файл

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

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

    Команда

    Описание

    Создать (New)

    Используется для создания новой страницы, Web-узла, папки или задания

    Открыть (Open)

    Открывает диалоговое окно Открытие файла (Open File) для выбора файлов разных типов

    Закрыть (Close)

    Закрывает открытый файл или Web-страницу

    Открыть веб-узел
    (Open Web)

    Открывает диалоговое окно Открытие веб-узла (Open Web), позволяющее выбрать Web-узел

    Закрыть веб-узел
    (Close Web)

    Закрывает активный Web-узел. Данная команда важна, т. к. открытие нового узла без закрытия активного открывает новое окно программы FrontPage

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

    Найти (Search)

    Управляет отображением в главном окне панели Обычный поиск (Search)

    Размещает созданный Web-узел на сервере

    Импорт (Import)

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

    Экспорт (Export)

    Экспортирует открытую в окне программы FrontPage Web-страницу в файл указанного типа

    Параметры страницы
    (Page Setup)

    Позволяет задать параметры выводимой на печать страницы

    Просмотр в обозревателе
    (Preview in Browse)

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

    Print Preview

    Открывает окно предварительного просмотра печатаемой информации

    Печать (Print)

    Печатает содержимое текущего окна или файла

    Отправить (Send)

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

    Свойства (Properties)

    Открывает диалоговое окно Свойства страницы (Page Properties), предназначенное для просмотра и редактирования свойств открытого файла

    Последние файлы
    (Recent Files)

    Содержит имена восьми последних открываемых файлов, позволяя их открыть

    Последние веб-узлы
    (Recent Webs)

    Содержит имена четырех последних открываемых Web-узлов, позволяя их открыть

    Выход (Exit)

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

    Правка

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

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

    Команда

    Описание

    Отменить (Undo)

    Отменяет изменения, сделанные в текущем сеансе редактирования

    Повторить (Redo)

    Восстанавливает действия, отмененные командой Отменить

    Вырезать (Cut)

    Удаляет выделенный текст или объект, помещая его в буфер обмена

    Копировать (Сору)

    Копирует выделенный текст или объект в буфер обмена

    Буфер обмена Office
    (Office Clipboard)

    Отображает в окне программы FrontPage панель Буфер обмена (Clipboard), позволяющую работать с буфером обмена данных

    Вставить (Paste)

    Вставляет содержимое буфера обмена

    Специальная вставка
    (Paste Special)

    Открывает диалоговое окно Преобразовать текст (Convert Text), позволяющее вставить содержимое буфера обмена с конвертированием данных

    Удалить (Delete)

    Удаляет выделенные объекты

    Выделить все
    (Select All)

    Выбирает все объекты в текущем файле

    Найти (Find)

    Открывает диалоговое окно Найти и заменить (Find and Replace) для поиска текстовых строк в файле

    Заменить (Replace)

    Открывает диалоговое окно Найти и заменить для поиска и замены текстовых строк в файле

    Извлечь (Check Out)

    Устанавливает режим монопольного редактирования файла, при котором запрещается его редактирование другим разработчикам

    Вернуть (Check In)

    Устанавливает режим совместного редактирования файла

    Отменить извлечение
    (Undo Check Out)

    Отменяет режим монопольного редактирования файла

    Задачи (Tasks)

    Содержит команды, управляющие задачами

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

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

    Вид

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

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

    Команда

    Описание

    Страница (Раде)

    Переводит программу FrontPage в режим просмотра и редактирования страниц

    Папки (Folders)

    Переводит программу в режим работы с папками Web-узла

    Отчеты (Reports)

    Переводит программу FrontPage в режим просмотра отчетов по Web-узлу

    Способ перехода
    (Navigation)

    Переводит программу в режим работы со структурой Web-узла

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

    Задачи (Tasks)

    Переводит программу FrontPage в режим просмотра задач

    Панель представлений (Views Bar)

    Управляет отображением панели Представления (Views) в главном окне FrontPage

    Список папок
    (Folder List)

    Управляет отображением панели Список папок (Folder List) в главном окне FrontPage

    Область переходов
    (Navigation Pane)

    Управляет отображением панели Область переходов в главном окне FrontPage

    Область задач
    (Task Pane)

    Управляет отображением панели Создание
    веб-страницы или узла (New Page or Web), содержащей список команд, используемых для открытия существующих страниц и Web-узлов и создания новых

    Показать теги
    (Reveal Tags)

    Управляет отображением HTML-тегов на вкладке Обычный (Normal) для элементов Web-страницы

    Панели инструментов
    (Toolbars)

    Открывает список всех панелей инструментов FrontPage, позволяя разместить или удалить панель инструментов в главном окне программы

    Обновить (Refresh)

    Загружает последнюю сохраненную версию текущей Web-страницы

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

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

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

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

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

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

    Кнопка

    Название

    Назначение

    Страница (Page)

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

    Папки (Folders)

    Просмотр структуры папок создаваемого Web-узла

    Отчеты (Reports)

    Просмотр отчетов; этот режим предназначен для формирования и просмотра отчетов о Web-узле

    Переходы (Navigation)

    Проектирование структуры Web-узла; эта структура в дальнейшем используется при создании панелей ссылок

    Просмотр гиперссылок Web-узла

    Задачи (Tasks)

    Режим формирования и просмотра задач, которые можно использовать при создании Web-узла

    Замечание

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

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

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

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

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

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

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

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


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

    Замечание

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

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

    Кнопка

    Назначение

    Журнал (History)

    Открывает папку Recent , содержащую
    Web-узлы, ранее открывавшиеся в программе FrontPage

    Мои документы
    (My Documents)

    Открывает папку Мои документы

    Рабочий стол (Desktop)

    Открывает папку Windows Рабочий стол

    Избранное (Favorites)

    Открывает папку Избранное

    Мое сетевое окружение
    (My Network Places)

    Открывает папку Мое сетевое окружение

    Совет

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

    Совет

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

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

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

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

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

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

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

    Замечание

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

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

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

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

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

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

    Замечание

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

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

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

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

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

    Замечание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Вкладка

    Назначение

    Обычный (Normal)

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

    HTML-код (HTML)

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

    Просмотр (Preview)

    Предварительный просмотр страницы в том виде, в котором она будет представлена на сервере Интернета

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

    Совет

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Замечание

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

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

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

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

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

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

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

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

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

    Замечание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Кнопка

    Назначение

    Сохраняет введенные изменения и выходит из программы FrontPage

    Осуществляет выход из FrontPage без сохранения информации

    Отмена

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

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