Изменение структуры web-узла в режиме переходов

Обратите внимание, что на рис. 8.21 в нижней части домашней страницы имеется маленький квадрат со знаком "минус". При нажатии на него располагаемые ниже страницы сворачиваются и исчезают из структуры переходов, а знак "минус" заменяется "плюсом". Если затем нажать на значок "плюс", структура раскроется, отображая страницы следующего уровня. Данное свойство удобно использовать при просмотре разветвленной структуры, позволяя свернуть отдельные ветви, чтобы вся структура целиком поместилась на экране. Если вы захотите просмотреть всю структуру Web-узла с учетом всех свернутых страниц, то раскрыть их все сразу вы сможете с помощью команды Развернуть все (Expand All) контекстного меню.

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

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

Переименование страницы

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

Нажмите правую кнопку мыши и в появившемся контекстном меню выберите команду Переименовать (Rename)

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

Нажмите клавишу <F2>

В результате выполнения любого из этих действий имя страницы становится доступным для ввода нового имени. После того как введете новое имя, нажмите клавишу <Enter> для завершения операции переименования.

Удаление страницы

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

В том случае, если ссылка на удаляемую страницу размещена на панели ссылок, на экране появляется запрос на удаление страницы с панели ссылок или из Web-узла (рис. 8.4). При удалении страницы только из структуры переходов Web-узла, а соответственно, и с панелей ссылок, оставьте установленной опцию Удалить страницу и все страницы под ней из структуры переходов (Remove page from the navigation structure) и нажмите кнопку ОК. Для удаления страницы из Web-узла установите опцию Удалить страницу и все страницы под ней с веб-узла (Delete this page from the Web) и нажмите кнопку ОК.

Рис. 8.4. Запрос на удаление страницы

Сохранение структуры

Для сохранения созданной структуры или внесенных изменений используется команда контекстного меню Применить изменения (Apply Changes). При выполнении этой команды все изменения в структуре входят в силу и в соответствии с ними корректируются изменения панелей ссылок Web-узла.

Создание панели ссылок

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

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

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

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

Для создания на Web-странице панели ссылок предназначена команда Панель ссылок (Navigation) меню Вставка (Insert). При выборе этой команды на экране открывается диалоговое окно Вставка компонента веб-узла (Insert Web Component) (рис. 8.5), используемое для создания Web-компонентов. Окно содержит два списка. В списке Тип компонента (Component type) no умолчанию выделено значение Панели ссылок (Link Bars), указывающее, что будет создаваться панель ссылок. В списке Выберите тип панели приведен список типов возможных вариантов построения панели ссылок:

Панель с пользовательскими ссылками (Bar with custom links) — панель, содержащая ссылки на страницы, список которых формируется пользователем в процессе работы мастера.

Панель со ссылками назад и вперед (Bar with back and next links) — панель, содержащая ссылки на предыдущую и следующую страницы.

Панель, основанная на структуре переходов (Bar based on navigation structure structure) — панель ссылок, создаваемая с использованием структуры переходов Web-узла, разработанной пользователем программы FrontPage.

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

Создание панели ссылок состоит из нескольких шагов. Из списка Выберите тип панели вы выбираете тип создаваемой панели и нажимаете кнопку Далее. FrontPage предлагает выполнить ряд последовательных действий, в результате которых на Web-странице появляется панель ссылок. Рассмотрим создание панели ссылок более подробно.

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

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

1. Откройте создаваемый нами тестовый Web-узел.

2. Перейдите в режим работы Переходы, нажав одноименную кнопку на панели Представления (Views).

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

4. Измените наименования страниц, учитывая, что именно эти имена дадут названия кнопкам на панелях ссылок. Для переименования в контекстном меню каждого прямоугольника, обозначающего страницу, выберите команду Переименовать (Rename). В ставшее активным поле имени введите необходимое название и нажмите клавишу <Enter>. На рис. 8.6 представлена созданная карта переходов.

Рис. 8.6. Карта переходов тестового Web-узла

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

6. На домашней странице установите курсор в строку, в которой хотите расположить панель ссылок.

7. В меню Вставка (Insert) выберите команду Панель ссылок (Navigation).

8. На экране открывается диалоговое окно Вставка компонента веб-узла (Insert Web Component) (см. рис. 8.5). В списке Тип компонента (Component type) по умолчанию выделено значение Панели ссылок (Link Bars), указывающее, что будет создаваться панель ссылок. В правом списке курсор установлен на значении Панель с пользовательскими ссылками (Bar with custom links). Нажмите кнопку Далее (Next).

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

Рис. 8.7. Выбор стиля оформления панели ссылок

10. На следующем шаге необходимо указать ориентацию панели навигации из двух предлагаемых значений: горизонтальная или вертикальная (рис. 8.8). Область Выберите ориентация (Choose an orientation) содержит две опции:

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

По вертикали (Vertical) — кнопки на панели ссылок размещены друг под другом в один столбец

Рис. 8.8. Выбор ориентации панели навигации

Оставьте установленное по умолчанию значение По горизонтали и нажмите кнопку Готово.

11. Сформируем список ссылок панели навигации домашней страницы нашего тестового Web-узла. Чтобы добавить в список Ссылки (Links) ссылку, нажмите кнопку Добавить ссылку (Add link).

12. Открывается диалоговое окно Добавить на панель ссылок (Add to Link Ваг). Оно позволяет создать ссылку на страницу текущего Web-узла, Web-страницу в Интернете, на локальные файлы компьютера, адрес электронной почты или на закладку. В поле Текст (Text to display) введите текст, который будет отображаться на панели ссылок. Из списка страниц выберите страницу, щелкнув на ее названии. Название страницы будет перенесено в поле Адрес (Address). Завершив установку параметров, нажмите кнопку ОК.

13. Диалоговое окно Добавить на панель ссылок закрывается, а текст, введенный в поле Текст, помещается в список Ссылки. Повторяя действия, описанные в пп. 13-14, сформируйте список всех ссылок панели навигации.

14. Закройте диалоговое окно Свойства панели ссылок, нажав кнопку ОК. На домашней странице появляется созданная панель ссылок (рис. 8.9). Она содержит ссылки на все страницы Web-узла, кроме домашней. Кроме того, в режиме редактирования на панели виден текст добавление ссылки (add link), открывающий диалоговое окно, позволяющее добавить новую ссылку.

Рис. 8.9. Домашняя страница с размещенной панелью ссылок

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

16. Установите курсор на строку, в которой хотите расположить панель ссылок.

17. В меню Вставка (Insert) выберите команду Панель ссылок (Navigation). Открывается диалоговое окно Вставка компонента веб-узла (Insert Web Component) (см. рис. 8.5).

18. В списке Выберите тип панели (Choose a bar type) выберите значение Панель, основанная на структуре переходов (Bar based on navigation structure structure), указывающее, что панель ссылок будет создаваться на основе созданной нами структуры переходов Web-узла, и нажмите кнопку Далее.

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

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

21. Открывается диалоговое окно Свойства панели ссылок (Link Bar Properties) (рис. 8.10), содержащее две вкладки. Вкладка Общие (General) служит для указания типа формируемой панели навигации. Вкладка Стиль (Style) позволяет изменить тему, используемую в оформлении панели, и ее ориентацию.

Рис. 8.10. Диалоговое окно Свойства панели ссылок

Область Добавляемые ссылки (Hyperlinks to add to page) вкладки Общие содержит опции, позволяющие указать, ссылки на какие страницы необходимо включить в панель ссылок. При выборе той или иной опции внесенные изменения отображаются на схеме, расположенной слева:

Родительский уровень (Parent level) — размещает на панели ссылки на страницы родительского уровня

Тот же уровень (Same level) — размещает на панели навигации ссылки на страницы текущего уровня иерархии

Назад и далее (Back and next) — размещает на панели навигации ссылки на предыдущую и следующую страницы текущего уровня

Дочерний уровень (Child level) — размещает на панели навигации ссылки на страницы дочернего уровня

Глобальный уровень (Global level) — размещает на панели навигации ссылки на страницы верхнего уровня

Дочерние страницы домашней (Child pages under Home) — размещает на панели навигации ссылки на страницы, дочерние по отношению к домашней странице

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

22. Область Дополнительно (Additional pages) вкладки Общие содержит два флажка. При установке флажка домашняя страница (Home page) на панель ссылок добавляется ссылка на домашнюю страницу. Флажок родительская страница (Parent page) указывает, создавать ли ссылку на родительскую страницу. Чтобы добавить на панель ссылок ссылку на домашнюю страницу, установите флажок домашняя страница.

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

24. Нажмите кнопку ОК для закрытия диалогового окна Свойства панели ссылок. На странице появляется созданная панель ссылок (рис. 8.11). Она содержит ссылки на все страницы Web-узла, включая и домашнюю.

25. Аналогичным образом расположите панели навигации на других страницах Web-узла. Для ускорения создания панелей навигации вы можете скопировать созданную панель, воспользовавшись командой Копировать (Сору) контекстного меню, затем вставить ее из буфера обмена на другие Web-страницы командой Вставить (Paste), так как все они имеют тот же уровень иерархии. Кроме того, при создании панели, аналогичной той, что имеется на других страницах Web-узла, можно использовать список Существующие (Choose existing) с названиями всех созданных панелей диалогового окна Свойства панели ссылок (Link Bar Properties) (см. рис. 8.28).

Рис. 8.11. Web-страница второго уровня иерархии с размещенной панелью навигации

Рис. 8.12. Вид панели ссылок при использовании темы lva-n

Создание панелей ссылок завершено. Загрузите Web-узел в обозреватель и проверьте действие ссылок.

Используя темы оформления, предлагаемые программой FrontPage, вы можете подобрать для панелей ссылок более интересный и привлекательный стиль оформления. Для этого в меню Формат (Format) выберите команду Тема (Theme) и просмотрите предложенные варианты тем. На рис. 8.12 представлена домашняя страница нашего тестового Web-узла, оформленная с применением темы Лимонад.

Не нашли, что искали? Воспользуйтесь поиском по сайту: