Работа с Web-сайтом в представлении Папки.

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

Управление объектами в представлении Папки осуществляется точно так же, как и при работе с файловой системой средствами Проводника Windows. Наверное, самый простой способ – это использование контекстного меню, вызываемого щелчком правой кнопкой мыши по интересующему вас объекту. Поэтому для переименования нашей старой домашней страницы выполните щелчок правой кнопкой мыши по файлу index.htm и выберите команду Переименовать. В качестве нового имени введите: main.htm и завершите ввод имени клавишей Enter на клавиатуре или же просто выполните щелчок мыши по свободному пространству. В появившемся диалоговом окне подтвердите переименование домашней страницы сайта. Только после этого FrontPage проанализирует содержимое всех страниц текущего сайта на предмет наличия ссылок на переименованный файл. И в случае положительного ответа на данный вопрос на экран будет выведено диалоговое окно с информацией о том, сколько страниц содержат ссылки на измененный объект и следует ли эти страницы обновить так, чтобы ссылки не оказались разорванными (рис. 31). В нашем случае оказалось, что две страницы сайта имеют ссылки на переименованный документ (нетрудно догадаться, что речь идет о документеnavigat.htm, содержащем панель навигации, и документе content.htm, в котором представлено оглавление сайта). Щелчком по кнопке Да подтвердите обновление этих страниц. Заметьте, что теперь документ main.htm уже не является домашней страницей сайта и поэтому произошло изменение пиктограммы рядом с именем файла.

В заключение давайте убедимся в том, Microsoft FrontPage действительно исправил ссылки на переименованный файл. Для этого достаточно просмотреть документыnavigat.htmи content.htm с помощью программы-браузера и проверить работоспособность соответствующих ссылок.

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

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

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

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

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

Однако вначале желательно произвести настройку общих параметров нового документа. Как вы хорошо знаете, для этого используется диалоговое окно Свойства страницы. И пока все фреймы у нас пусты, вызвать это диалоговое окно можно стандартным способом: либо выполнив щелчок правой кнопкой мыши в любом месте на странице фреймов и выбрать Свойства страницы…, либо выполнить команду Файл / Свойства… Определите для нового документа только название (Фамилия Имя Отчество). Обратите внимание, что после того, как вы определите документы для отображения в каждом фрейме, контекстное меню и команда Файл / Свойства…будут вам предлагать настраивать параметры документа, загруженного в данный конкретный фрейм. И в этом случае для настройки параметров страницы фреймов, вам нужно будет предварительно выделить набор фреймов и только после этого выполнить команду Файл / Свойства… Выделение же выполняется с помощью мыши. Например, чтобы выделить какой-либо фрейм достаточно выполнить щелчок мыши внутри этого фрейма (фрейм будет обрамлен серой рамкой), а для выделения набора фреймов следует выполнить щелчок по внешней границе.

Вот теперь можно приступить к определению документов для каждого фрейма. Выполните щелчок по кнопке Задать начальную страницу…в верхнем горизонтальном фрейме и в диалоговом окне Добавление гиперссылки выберите документ head.htm, содержащий бегущую строку. Подтвердите выбор щелчком по кнопке ОК. После этого воспользуйтесь кнопкой Задать начальную страницу…в левом вертикальном фрейме и выберите документnavigat.htm, содержащий панель навигации. Точно таким же образом поместите в правый вертикальный фрейм документmain.htm. Заметьте, что выбранные документы в случае необходимости можно изменять прямо в соответствующем фрейме.

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

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

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

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