Создание ссылок на страницы сайтов в Internet

Благодаря Frontpage вам не понадобится вручную набирать адреса страниц в Internet, если вдруг вы захотите проставить на них ссылку из своего документа. Вы сможете легко создавать подобные ссылки двумя способами:

- Расположите курсор на том месте вашей страницы, в котором вы хотите проставить ссылку, нажмите на панели инструментов кнопку Create or Edit Hyperlink и перейдите на вкладку World Wide Web

- Открыв какой-либо сайт в браузере Microsoft Internet Explorer или Netscape Navigator, просто щелкните по любой ссылке на странице и, не отпуская кнопку мыши, перетяните ее в Редактор. Frontpage автоматически создаст ссылку на эту страницу

Панели навигации

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

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

1. Создайте в Проводнике карту навигации, как показано на рис. 7.10.

2. Определите, как будет выглядеть панель навигации, используя диалоговое окно Navigation Bar Properties (Свойства панели навигации), показанное на рис. 7.11. Мы указали, что панель навигации должна отображать верхний уровень (переключатель в положении Top level), причем она должна включать домашнюю страницу (отмечен флажок Home Page) и располагаться на странице горизонтально (переключатель Horizontal) в текстовом виде (переключатель Text).

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

Рис. 7.11. Окно Navigation Bar Properties

3. Нажмите кнопку ОК и рассмотрите созданную навигационную панель. Она должна выглядеть так, как изображено на рис. 7.12. Ссылки, расположенные вверху страницы, представляют собой навигационную панель, автоматически сгенерированную по созданной в Проводнике структуре.

Рис. 7.12. Навигационная панель; страница с формой обратной связи

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

Поместив панель навигации на свою страницу, вы впоследствии всегда сможете изменить ее настройки, используя диалоговое окно Navigation Bar Properties. К сожалению, вы сможете изменить только внешний вид навигационной панели, но не саму структуру, отображаемую в ней. Все структурные изменения необходимо делать непосредственно в Проводнике. За более детальной информацией по использованию карты навигации Проводника Frontpage обратитесь к главе 3.

Итак, вы можете создать или видоизменить навигационную панель на вашей странице несколькими способами:

- Выбрав в Редакторе пункт Navigation Ваг в меню Insert
- В том случае, если навигационная панель на вашей странице уже существует и требуется изменить ее настройки, вам достаточно просто щелкнуть правой кнопкой мыши на панели и выбрать из всплывающего меню пункт Frontpage Component Properties (Свойства компонента Frontpage)
- Двойным щелчком мыши на навигационной панели - Выделив панель и нажав комбинацию клавиш <Alt>+<Enter>

Показанное на рис. 7.13 диалоговое окно Navigation Bar Properties предложит вам на выбор различные опции настройки внешнего вида вашей панели навигации.

Рис. 7.13. Диалоговое окно Navigation Bar Properties

Это диалоговое окно состоит из двух частей:

- Hyperlinks to Include (Гиперссылки, подлежащие включению в панель навигации). Здесь вы можете указать, какие именно страницы следует включать в панель. При выборе какой-либо опции внесенные вами изменения отображаются на схеме в левой части диалогового окна. Как правило, панель навигации является единственным средством перемещения по сайту, и в этом случае целесообразно постоянно держать в панели навигации ссылку на домашнюю страницу. Для того чтобы предоставить вам возможность автоматически включать в панель такую ссылку, в диалоговом окне Navigation Bar Properties предусмотрен флажок Home Page. А также, установив флажок Parent Page (Родительская страница), вы можете включить в панель ссылку на родительскую относительно текущего уровня страницу

- Orientation and Appearance (Ориентация и вид). Вы можете располагать навигационную панель на странице в горизонтальном или вертикальном положении, используя переключатели Horizontal или Vertical соответственно. В том случае, если в вашем сайте не используется никакая декорация или вы просто предпочитаете, чтобы ваши ссылки располагались в навигационной панели в текстовом виде, активизируйте переключатель Text

Модификация навигационной панели

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

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

Если навигационная панель создана автоматически при помощи мастера и вы захотите изменить ее расположение на странице, откройте эту страницу в Редакторе и вызовите диалоговое окно Navigation Bar Properties, в котором вы сможете задать подходящие настройки.

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

Удаление панели навигации

Если вам надо удалить панель навигации со своей страницы, то вы можете сделать это, выделив панель и нажав клавишу <Delete> или выбрав в меню Edit команду Cut. Другой способ — выделив панель и щелкнув по ней правой кнопкой мыши, выбрать пункт Cut из контекстного меню.

Дополнительные возможности

Чтобы установить параметры миниатюр предварительного просмотра (Auto Thumbnail) или изменить шрифт, устанавливаемый по умолчанию в Редакторе, вы можете воспользоваться настройками, предлагаемыми в диалоговом окне Options (Опции). Перейти в это окно можно, выбрав соответствующий пункт из меню Tools (Инструменты). Более подробную информацию по использованию миниатюр вы можете найти в разделе "Миниатюры для предварительного просмотра" ранее в этой главе. На рис. 7.14 представлена вкладка Auto Thumbnail окна Options.

Рис. 7.14. Вкладка Auto Thumbnail окна Options

Здесь вы можете задать для миниатюр предварительного просмотра размер, измеряемый в пикселах. Вы можете выбирать между высотой (Width), шириной (Height), наименьшим размером (Shortest Side) и наибольшим размером (Longest Side). Frontpage создаст миниатюру, основываясь на этих настройках, размер полученного изображения будет пропорционален размеру оригинала. Например, если вы устанавливаете ширину в 50 пикселов, то миниатюра будет также иметь ширину в 50 пикселов, а вот высота его будет зависеть от размера оригинала.

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

На вкладке Default Font (Шрифт по умолчанию) вы можете выбрать шрифт, который будет использоваться в случае, если явно не установлен иной вид шрифта. Данная опция никак не затрагивает способ кодирования шрифта в HTML, она просто определяет внешний вид текста в Редакторе.

Общие поля страниц

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

Чтобы применить такой совместно используемый фрагмент ко всему сайту, вам необходимо в Проводнике выбрать в меню Tools пункт Shared Borders (Общие поля). Если вы хотите установить общие поля на отдельно взятой странице, то вам следует совершить те же самые действия в Редакторе.

Если вы решите установить общие поля на всех страницах сайта, то вы увидите диалоговое окно Shared Borders, показанное на рис. 7.15.

Рис. 7.15. Диалоговое окно Shared Borders

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

Рис. 7.16. Диалоговое окно Page Borders

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

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

Чтобы встроить в страницу общие поля, выберите те поля, которые необходимо включить и нажмите кнопку ОК. Общими можно сделать поля вверху, внизу, с левой или с правой стороны страницы. На рис. 7.17 представлена страница в Редакторе с общим нижним полем. Если поле пока еще пусто, Frontpage заполнит его пояснительным комментарием. Вы можете вставить любой текст или изображение на участок, который будет отображен на всех страницах вашего сайта, использующих данную возможность. Граница вокруг общего поля не будет показываться в браузере.

Рис. 7.17. Страница в Редакторе

Звуки

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

Frontpage поддерживает несколько типов звуковых файлов: оцифрованные звуки (файлы с расширением WAV) и MIDI последовательности (файлы MID), а также файлы в формате AIFF (расширения AIF, AIFC, AIFF) и AU (расширения AU, SND).

Вставка фонового звука и установка его свойств производится в диалоговом окне Page Properties (Свойства страницы). Остальные опции окна Page Properties детально описаны далее в разделе "Свойства страницы".

Чтобы вставить в страницу звук:

1. Щелкните на странице правой кнопкой мыши и выберите в контекстном меню пункт Page Properties (или найдите Page Properties в меню File); откроется показанное на рис. 7.18 диалоговое окно Page Properties.

Рис. 7.18. Диалоговое окно Page Properties

2. На вкладке General (Общие) в секции Background Sound (Фоновый звук) укажите путь к нужному звуковому файлу. Можно не вводить путь к файлу вручную, а выбрать файл, нажав кнопку Browse; появится диалоговое окно Background Sound, показанное на рис. 7.19.

Рис. 7.19. Диалоговое окно Background Sound

Можно выбрать звук в текущем сайте, можно с помощью браузера найти нужный файл в Internet, а можно указать файл, находящийся на локальном диске вашего компьютера. Завершив выбор файла, нажмите кнопку ОК, чтобы вернуться в диалоговое окно Page Properties.

3. В строке Loop диалогового окна Page Properties задайте количество повторений звука. Если вы хотите, чтобы звук воспроизводился циклически, установите флажок Forever (Всегда).