frontpage2002

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

Рис. 6.12. Панель ссылок, размещенная на Web-странице второго уровня иерархии

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

1.Добавьте в Web-узел новую страницу, нажав кнопку Создать на стандартной панели инструментов.

2.Сохраните ее, нажав кнопку Сохранить.

3.Перейдите в режим Переходы.

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

5.Измените наименование страницы.

6.Откройте в области редактирования страницу, являющуюся родительской по отношению к новой странице (рис. 6.13). Верхняя панель ссылок не изменилась. В левой общей области вместо над-

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

7.Откройте новую страницу Web-узла. Программа FrontPage разместила на ней заголовок, введенный нами в режиме создания

71

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

Рис. 6.13. Web-страница, содержащая две панели ссылок

Глава 7. Использование документов Microsoft Office при создании Web-страниц

7.1. Использование буфера обмена Windows

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

де документов Word, Excel, PowerPoint или в базе данных Access.

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

Наиболее простой способ переноса данных из документов Microsoft Office — использование буфера обмена Windows. Процесс переноса данных состоит из двух этапов:

•Копирование выделенного фрагмента документа в буфер обмена;

•Вставка содержимого буфера обмена в требуемое место Web-

страницы.

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

72

мена. Для отображения этой панели в окне программы предназна-

чена команда Буфер обмена Office меню Правка.

Рис. 7.1. Выбор режима вставки фрагмента данных

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

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

7.2. Размещение на Web-странице диаграммы Microsoft Excel

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

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

1.Выделите на Web-странице таблицу, для которой хотите построить диаграмму.

2.Скопируйте ее в буфер обмена любым из перечисленных выше способов.

3.Запустите программу Microsoft Excel.

4.Вставьте информацию из буфера обмена в лист Excel.

5.Используя средства программы Microsoft Excel, постройте диаграмму (рис. 7.2).

73

6.Выделите созданную диаграмму.

7.Скопируйте ее в буфер обмена любым удобным для вас способом.

8.Перейдите в программу FrontPage.

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

Рис. 7.2. Диаграмма, созданная в Excel

Рис. 7.3. Размещение на Web-странице диаграммы Excel

74

7.3. Размещение файлов других форматов

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

Рис. 7.4. Диалоговое окно Выбор файла

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

Рис. 7.5. Диалоговое окно выбора формата открываемого файла

7.4. Импорт файлов без преобразования формата

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

75

данная команда, ограничен: HTML, графические форматы GIF и JPEG, а также документы Microsoft Office.

Для импорта файла с сохранением его собственного формата выполните следующие действия:

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

2.В открывшемся диалоговом окне Импорт (рис. 7.6) нажми-

те кнопку Добавить файл.

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

4.Найдите необходимый файл и нажмите кнопку Открыть.

5.В диалоговом окне Импорт появляется наименование выбранного файла. Если вы хотите импортировать несколько файлов, опять воспользуйтесь кнопкой Добавить файл и сформируйте в окне весь необходимый список. Завершив выбор файлов, нажмите кнопку ОК.

Рис. 7.6. Диалоговое окно Импорт

Импортированные файлы добавляются в Web-узел с исходными именами и форматами.

7.5. Сохранение документов Microsoft Office в HTML-

формате

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

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

76

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

Рис. 7.7. Диалоговое окно Сохранение документа

В документах, созданных в программах Word, Excel и PowerPoint, можно разместить гиперссылки. Во всех перечисленных выше программах для создания гиперссылки используется диалоговое окно Добавление гиперссылки (рис. 7.8), которое можно открыть, воспользовавшись ним из следующих способов:

•В меню Вставка выбрать команду Гиперссылка;

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

Рис. 7.8. Диалоговое окно Добавление гиперссылки

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

77

FrontPage. Работа с диалоговым окном Добавление гиперссылки была приведена ранее.

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

Глава 8. Использование сложных элементов при оформлении Web-страниц

8.1. Использование эффектов динамического HTML

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

Вся размещаемая на Web-страницах информация, о которой шла речь в предыдущих главах, была статичной. Разработчику Web-узла, работающему с программой FrontPage, предоставляются разнообразные средства, позволяющие сделать Web-страницы интересными. К таким средствам, прежде всего, относятся динамические эффекты (DHTML). Для создания динамических эффектов совсем не обязательно знать язык Java, JavaScript или VBScript, и можно вообще обойтись без программирования. Для создания на Web-странице динамических HTML-объектов в программе FrontPage потребуется совсем немного времени. Но есть одно существенное ограничение, препятствующее широкому применению DHTML при создании Web-узлов — не все обозреватели поддерживают данные эффекты.

Для размещения на Web-странице динамических HTMLобъектов служит диалоговое окно Вставка компонента веб-узла, предлагающее три компонента данного типа. Это Быстрая строка,

Меняющаяся кнопка и Диспетчер объявлений и много другое.

Кроме того, FrontPage позволяет при оформлении Webстраниц использовать различные анимационные эффекты. При соз-

78

дании эффектов анимации используется панель инструментов Эф-

фекты DHTML.

8.2. Бегущая строка

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

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

1.Откройте страницу Web-узла, оформление которой хотите оживить, разместив в ней активный компонент.

2.Установите курсор в место предполагаемого расположения бегущей строки.

3.В меню Вставка выберите команду Веб-компонент. Открывается одноименное диалоговое окно (рис. 8.1).

Рис. 8.1. Диалоговое окно Вставка компонента веб-узла

4. Окно содержит два списка. Из списка компонентов выбрано находящееся в нем значение Динамические эффекты. В правом списке окна отображаются динамические объекты программы FrontPage. Выберите из этого списка значение Быстрая строка и нажмите кнопку Готово. Открывается диалоговое окно Свойства бегущей строки (рис. 8.2), в котором можно определить параметры объекта, размещаемого на Web-странице.

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

79

лен на экране в виде бегущей строки. Введите в это поле, например,

фразу Мы рады приветствовать Вас!

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

7. Область Скорость содержит два счетчика, управляющих скоростью перемещения строки и имеющих следующее назначение:

•Задержка — задает период времени (в миллисекундах) между двумя последовательными перемещениями строки

•Величина — используется для указания расстояния (в пикселях) между двумя последовательными строками Варьируя значения этих двух параметров, можно изменять

скорость движения текста.

Рис. 8.2. Диалоговое окно Свойства бегущей строки

8. Опции группы Поведение позволяют задать поведение бегущей строки:

•прокрутка — бегущая строка появляется из-за границы прямоугольной области, в которой размещена, и скрывается за противоположной границей.

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

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

80