Создание оглавления (карты) сайта.

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

Для размещения оглавления сайта создайте новую Web-страницу и настройте ее параметры (в качестве заголовка страницы укажите Фамилия Имя отчество | Карта сайта). Далее выполните команду Вставка / Веб-компонент… или щелкните по кнопке на панели Стандартная, далее в диалоговом окне Вставка компонента веб-узла в списке Тип компонента выберите Оглавление, а в соседнем списке Выберите оглавление установите Для данного веб-узла после щелкните по кнопке Готово. На экран будет выведено диалоговое окно Свойства оглавления (рис. 28). В этом окне необходимо определить адрес начальной страницы оглавления, именно на основе гиперссылок этой страницы и будет строиться оглавление. Обратите внимание, что Microsoft FrontPage в качестве начальной точки оглавления предлагает нам использовать домашнюю страницу сайта (документ index.htm), что нам и нужно. Более того, заголовок этой страницы будет использован в качестве заголовка оглавления с гиперссылкой на эту же страницу. В поле Размер шрифта заголовка вы можете указать нужный размер заголовка оглавления или же установить значение нет, чтобы отказаться от отображения заголовка в оглавлении. Страницы, на которые указывают гиперссылки начальной страницы, будут располагаться в оглавлении с отступом. Чтобы в оглавлении не было повторений, желательно в разделе Параметры оставить включенным флажок показывать каждую страницу только один раз. Снимите флажок показывать страницы без входящих ссылок (возможно, что раз на подобную страницу нельзя попасть ни с какой другой страницы сайта, эта страница находится еще в стадии разработки) и установите флажок перестраивать оглавление при изменении любой страницы с тем, чтобы оглавление обновлялось автоматически в случае внесения изменений в любую страницу сайта. Подтвердите создание оглавления, после чего сохраните новую страницу под именем content.htm. А для проверки работы созданной карты сайта включите просмотр страницы в браузере. Заметьте, что каждый пункт в оглавлении является гиперссылкой на соответствующий документ. Вернувшись в Microsoft FrontPage, закройте текущую страницу.

В заключение, хотелось бы добавить на начальную страницу index.htm гиперссылку на только что созданную нами карту сайта. Для этого перед абзацем о последнем обновлении документа вставьте новый текстовый абзац, введите текст «Карта сайта» и превратите его в гиперссылку на документ content.htm. Сохраните Web-страницу и проверьте работоспособность ссылки в браузере.

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

7. Завершение работы с Microsoft Office FrontPage 2003.

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

Урок 8

Создание страниц фреймов

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

Чем же удобны подобные страницы фреймов? Прежде всего, использование фреймовой технологии позволяет ускорить процесс сборки сайта из отдельных Web-документов. Ведь совершенно очевидно, что для удобства перемещения по страницам созданного вами сайта каждая страница должна содержать панель навигации. На прошлом занятии подобную панель навигации, состоящую из набора интерактивных кнопок, мы создали только для одного нового документа. Хотя в идеале должны были бы точно такую же конструкцию поместить на все страницы нашего учебного сайта. Естественно, что это требует дополнительных временных затрат. Причем заметьте, что при этом каждая страница нашего сайта будет содержать совершенно одинаковые повторяющиеся элементы. И вот тут, если вы обеспокоены проблемой уменьшения размеров вашего сайта, вам на помощь и могут прийти страницы фреймов. Решив воспользоваться фреймами при создании сайта, вам достаточно сформировать все документы, представляющие основное содержание сайта. Далее на отдельных Web-страницах разместить повторяющиеся элементы (например, заголовок сайта, панель навигации). После чего создать страницу фреймов – отдельный Web-документ, определяющий способ разбивки окна на фреймы, их форматирование, а также текст для тех браузеров, которые не поддерживают фреймы (к подобным браузерам относятся также ранние версии Microsoft Internet Explorer и Netscape Navigator).

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

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

Рис. 29.

Рис. 30.

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