поддержка
проекта:
разместите на своей странице нашу кнопку!И мы
разместим на нашей странице Вашу кнопку или ссылку. Заявку прислать на
e-mail
код нашей кнопки:
Копии рисунков были выполнены с плохим расширением, т.к. что не
обессудьте (как говорится моей вины здесь нет, вся ответственность лежит
на том кто сканировал), а я только, где мог ошибки исправил. В
дальнейшем, сделаю копии рисунков и диалоговых окон в хорошем
разрешении.
Мастера и шаблоны — эффективное средство создания Web-узлов в Frontpage.
В главе 3 мы изучили работу мастеров, которые генерируют Web-узлы и
страницы в диалоговом режиме. Данная глава посвящена шаблонам. Вы
научитесь не только создавать Web-узлы и Web-страницы на основе
встроенных шаблонов, но и разрабатывать собственные шаблоны. Шаблоны Web-узла
Frontpage предоставляет шаблоны для создания как Web-узла, так и
Web-страницы. Сначала мы рассмотрим шаблоны Web-узла. Загрузите
Frontpage. Когда процесс загрузки завершится, активизируйте команду Web
подменю New меню File. В открывшемся диалоговом окне New отображается
список мастеров и шаблонов Web-узла. Всего шаблонов пять:
• One Page Web (Одностраничный Web-узел);
• Customer Support Web (Web-узел поддержки клиента);
• Empty Web (Пустой Web-узел);
• Persona] Web (Персональный Web-узел);
• Project Web (Web-узел проекта). Шаблон One Page Web
Шаблон One Page Web выбирается в диалоговом окне New по умолчанию. При
использовании этого шаблона создается структура папок Web-уэла и
генерируется одна страница (домашняя страница). Далее выполните следую-
щие действия:
1. В диалоговом окне New введите имя Web-сервера и имя Web-узла
(например. One Page) в поле Specify The Location Of The New Web.
Щелкните на кнопке ОК.
2. Перейдите в режим просмотра Folders, щелкнув на одноименном управ
ляющем элементе на панели Views, чтобы посмотрев сгруктуру узла (рис.
4.1.)
3 Дважды щелкните на файле домашней странице (default htm), чтобы
открыть ее в режиме просмотра Page В данный момент страница пуста.
Введите на странице заголовок "Домашняя страница"
Рис 4.1. Web-узел, созданный на основе шаблона One Page, в режиме
просмотра Folders
В дальнейшем вы можете добавлять новые страницы на Web-узел в любом
режиме просмотра, а в режиме просмотра Navigation создавать связи между
страницами Выполните следующие действия 1 Перейдите в режим
просмотра Navigation Щелкните на пиктограмме домашней страницы на правой
панели (цвет пиктограммы изменится). Чтобы создать новую страницу,
щелкните на кнопке New Page на панели инструментов Standard По умолчанию
новой странице присваивается имя New Page 1. Эта страница будет создана
как дочерняя страница по отношению к домашней Таким способом вы можете
создать любое число страниц, а затем, при необходимости, изменить связи
между ними 2 Создайте еще шесть страниц на том же уровне, на котором
находится страница New Page 1 (при этом должна быть выбрана пиктограмма
домашней страницы)
3. Теперь измените связи между страницами Дття этого выберите, например,
страницу New Page 4 и, удерживая нажатой кнопку мыши, перетяните ее под
страницу New Page 2 Огпустите кнопку мыши. Таким образом страница New
Page 4 стала дочерней по отношению к странице New Page 2 Теперь сделайте
страницу New Page 5 дочерней по отношению к странице New Page 2, а
страницу New Page 6 дочерней по отношению к странице New Page 4 (рис
4.2.)
Рис 4.2. Изменение связей между страницами в режиме просмотра Navigation
Примечание
В режиме просмотра Navigation вы можете пользоваться инструментами
одноименной панели, которая появляется на экране при переходе в этот
режим Один из этих инструментов — поле списка Zoom (масштаб), в котором
вы можете выбрать масштаб отображения структуры Web-узла Выберите в этом
списке пункт Size to Fit (подобрать размер) При его выборе будут
отображены пиктограммы всех страниц Web-узла Размер пиктограмм зависит
от того, какую площадь окна Frontpage в данный момент занимает правая
панель (площадь данной панели регулируется вертикальным ползунком,
разделяющим ее и панель Folder List) 2 Создайте еще шесть страниц на том
же уровне, на котором находится страница New Page 1 (при этом должна
быть выбрана пиктограмма домашней страницы)
3. Теперь измените связи между страницами Дття этого выберите, например,
страницу New Page 4 и, удерживая нажатой кнопку мыши, перетяните ее под
страницу New Page 2 Отпустите кнопку мыши. Таким образом страница New
Page 4 стала дочерней по отношению к странице New Page 2 Теперь сделайте
страницу New Page 5 дочерней по отноше нию к странице New Page 2, а
страницу New Page 6 дочерней по отношению к странице New Page 4 (рис
4.2).
Рис 4.2. Изменение связей между страницами в режиме просмотра Navigation
Примечание
В режиме просмотра Navigation вы можете пользоваться инструментами
одноименной панели, которая появляется на экране при переходе в этот
режим Один из этих инструментов — поле списка Zoom (масштаб), в котором
вы можете выбрать масштаб отображения структуры Web-узла. Выберите в
этом списке пункт Size to Fit (подобрать размер) При его выборе будут
отображены пиктограммы всех страниц Web-узла Размер пиктограмм зависит
от того, какую площадь окна Frontpage в данный момент занимает правая
панель (площадь данной панели регулируется вертикальным ползунком,
разделяющим ее и панель Folder List)
3. Удалите Web-узел Empty, выбрав команду Delete Web меню File и
активизировав в диалоговом окне Confirm Delete переключатель Delete This
Web Entirely Шаблон Personal Web
При использовании шаблона Personal Web создается Web-узел, состоящий из
пяти страниц, которые предназначены для представления небольшой
организации или лица Чтобы получить такой узел, выполните следующие
действия:
1. В диалоговом окне New выберите шаблон Personal Web Введите URL-адрес
Web-узла (назовите узел, например, Personalweb). Как только вы щелкните
на кнопке ОК, будет создан новый Web-узел Перейдите в режим просмотра
Folders, чтобы посмотреть его структуру
2. Откройте домашнюю страницу узла в режиме просмотра Page (рис 4.3.)
Рис 4 3 Домашняя страница персонального Web-узла
На данной странице предлагается набор элементов, которые вы можете
использовать целиком или частично или не применять вообще К разряду
наиболее важных элементов относятся следующие
• Общие области — области, которые размещают на верхнем, нижнем, левом и
(реже) правом краях страницы В этих областях размещают в оснорном
навигационные панели (в левой и верхней) и информацию для контактов (в
нижнеи) На домашней странице Web-узла Personulweb располагаются верхняя
и левая общие области
• Заголовок страницы — это FrontPage-компонент Page Banner Данный
компонент вставляет на страницу заголовок в виде графического
изображения и ни в виде текста Определить вид заголовка можно в окне
Page Banner Properties, которое открывается при активизации одноименной
команды контекстного меню
Чтобы изменить заголовок страницы (в данном случае — Home Page),
необходимо щелкнуть правой кнопкой мыши на странице в режиме просмотра
Navigation, выбрать в контекстном меню команду Rename и ввести новый
заголовок
• Навигационные панели, расположенные непосредственно под заголовком и в
левой части страницы, являются FrontPage-компонентами Параметры панечи
устанавливаются в диалоювом окне Navigation Bai Pioperties
• Обычный текст — текст, который можно заменить собственным.
• Гиперссылки выделяются подчеркиванием и связывают страницы Webузла.
• Фоновое изображение — это маленькое графическое изображение,
многочисленные дубликаты которого образуют на странице фон в виде
мозаики, или сплошной фон.
• Шрифты и цвет текста, как и фоновое изображение, определены в теме,
назначенной данному Web-узлу.
• Дата и время —- FrontPage-компонент Date and Time, который вставляет
дату последнего обновления страницы. Изменить свойства этого компонента
можно в диалоговом окне Date And Time Properties, которое открывается
при выполнении двойного щелчка на дате.
• Логотип Frontpage 2000 расположен в нижней правой части домашней
страницы. Его можно удалить или отредактировать в любом графическом
редакторе. По умолчанию для редактирования графических изображении
используется графический редактор Microsoft Image Composer. Логотип
доступен для обработки в окне редактора после выполнения на нем двойного
щелчка. Графический редактор, применяемый по умолчанию, можно заменить
следующим образом. Активизируйте команду Options меню Tools. В
диалоговом окне Options перейдите на вкладку Configure Editor. Вы
увидите список редакторов, которые можно использовать для обработки
файлов с соответствующими расширениями. Укажите путь доступа к тому
графическому редактору, с которым вы хотите работать. Кроме того, вы
можете изменить изображение с помощью инструментов панели Pictures,
которая появляется на экране при щелчке на изображении
Параметры изображения устанавливаются в диалоговом окне Pictuie
Properties, которое открывается активизацией одноименной командой
контекстного меню. Откройте и просмотрите другие страницы Web-узла в
режиме просмотра
Page Удалите узел Personalweb Web-узел, разработанный с помощью шаблона
Personal Web, является хорошей основой для более сложною Web-узла
(советуем учесть это при создании собственного Web-узла) Шаблон
Project Web
Шаблон Project Web (Web-узел проекта) предназначен для создания
многостраничного Web-узла (рис 4.4.), который используется для
постоянного отображения разнообразной информации о проекте с самого
начала работы над ним На Web-узле проекта находится такая информация,
как списки участников проекта, план и состояние дел, верхние и нижние
колонтитулы страницы, архив, а также дискуссионная доска объявлений и
механизм поиска Создание Web-узла на базе шаблона Project Web происходит
следующим образом:
1. В диалоговом окне New выберите шаблон Proiect Web Введите URT - адрес
Web-узла (назовите узел, например, Project)
Рис 4.4. Web-yзел, созданный на основе шаблона Project Web
2. Дважды щелкните на пиктограмме Home Page на панели Navigation, чтобы
открыть домашнюю страницу в режиме просмотра Page (рис. 4.5).
Рис. 4.5. Домашняя страница Web-узла проекта с заголовком и
навигационными и панелями в режиме просмотра Page
Общие области
Страницы Web-узла проекта имеют три общие области, которые можно
изменять.
1. Отредактируйте навигационную панель, находящуюся в верхней общейобласти. Для этого на панели сначала выполните один щелчок, чтобы
выделить ее, а затем — двойной щелчок, чтобы открыть диалоговое окно
Navigation Bar Properties.
2. В области Hyperlinks To Add To Page диалогового окна Navigation Bar
Properties активизируйте переключатель Child Level и установите опции
Home Page и Parent Page. В области Orientation And Appearance
активизируйте переключатели Horizontal и Text (рис. 4.6). В завершение
щелкните на кнопке ОК.
Рис 4.6. Изменение установок в диалоговом окне Navigation Bar Properties
Определить, на какие страницы организованы ссылки в навигационной
панели, можно следующим образом установите указатель мыши на кнопке
навигационной панели, вследствие чего в строке состояния окна Frontpage
будет указан полный путь доступа к этой странице. Мы уже отмечали, что
имена кнопок навигационной панели совпадают с заголовками тех страниц,
на которые созданы гиперссылки с помощью соответствующих опции
диалогового окна Navigation Bar Properties. Имена, которые указываются
на навигационной панели, изменяются при изменении имен страниц в режиме
просмотра Navigation
3. Прокрутите страницу до конца Отметьте нижнюю общую область, как
показано ниже Она содержит FrontPage-компонент Date and Time Copyright
or other proprietary statement goes here.
4. В режиме просмотра Page откроите и просмотрите страницы Members,
Schedule, Status и Archive Каждая из них содержит общие области Поиск и дискуссионные группы
Полученный Web-узел проекта имеет такие функциональные возможности, как
поиск текста и дискуссионные группы (мы рассматривали их в главе 3.
Теперь мы рассмотрим их применительно к Web-узлу, созданному на основе
шаблона Project Web:
1. Откройте страницу Search (search.htm) в режиме просмотра Page (рис
4.7.) На этой странице находится форма, содержащая единственное поле.
Данная форма позволяет исследовать документы Web-узла на предмет наличия
информации, соответствующей критерию поиска, указанному в форме.
Рис 4.7. Страница поиска Web-узла проекта
Форма поиска является FrontPage-компонентом. Изменить свойства этого
компонента позволяет команда Search Form Properties контекстного меню.
На странице Search приведены инструкции по установке критериев поиска.
Закроите страницу Search и откройте страницу Discussions (discuss htm),
которая содержит ссылки на дискуссионные группы Requirements и Knowledge
Base (требования и база знаний) Дискуссионная группа — это группа
связанных (главным образом, тематически) Web-страниц, в которые включены
формы и FiontPage-компоненты. Одним пользователям это дает возможность
высказывать свои замечания и предложения, а другим — комментировать их.
Таким образом проводится диалоговый
3. Чтобы оценить внешний вид страниц Web-узла, созданного с помощью
шаблона Project Web, воспользуйтесь командой Preview In Browser меню
File или одноименной кнопкой панели инструментов. В появившемся
диалоговом окне выберите броузер и укажите размер его окна, после чего
нажмите кнопку ОК. Завершив просмотр страниц, закройте броузер и
Frontpage Затем удалите Web-узел проекта в Frontpage Web-узел,
созданный при помощи шаблона Project Web, можно использовать для
представления информации не только о проекте, но и о повседневной работе
группы или отдела. Шаблон Customer Support Web
Шаблон Customer Support Web (Web-узел поддержки клиента) обеспечивает
создание Web-узла, который служи г для предоставления пользователям
разнообразной информации (что осуществляется несколькими способами), а
также позволяет им публиковать свою информацию Далее выполните следующие
действия:
1. В диалоговом окне New выберите шаблон Customer Support Web Введите
URL-адрес Web-узла (назовите узел, например, Customer) (Созданный
Web-узел показан на рис 48)
Рис 4.8. Web-узел, созданный на основе шаблона Customer Support Web
2. Откройте страницу Welcome (домашняя страница) в режиме просмотра Page.
Эта страница содержит верхнюю, нижнюю и левую общие области, а также
навигационные панели вверху и слева.
3. Просмотрите в режиме просмотра Page страницы What's New (что нового)
и FAO (часто задаваемые вопросы). Эти страницы удачно составлены и
полностью соответствуют своему предназначению. На них скомбинированы
текст, гиперссылки, верхние и нижние колонтитулы.
4. Откройте страницу Bugs (Bugrep.htm). Она содержит форму, в которой
пользователь может описать ошибку в программном обеспечении, с которой
он столкнулся, и задать соответствующие вопросы. Данную форму можно
модифицировать: изменить надписи, размер и содержимое полей.
5. Загрузите окно свойств поля списка: выполните щелчок правой кнопкой
мыши на этом элементе и активизируйте команду Form Field Properties в
контекстном меню. Появится диалоговое окно Drop-Down Menu Properties
(рис. 4.9), которое содержит кнопки, позволяющие добавлять, удалять,
изменять поля списка, перемещать их вверх и вниз.
Рис 4.9. Диалоговое окно Drop-Down Menu Properties
6. Закройте диалоговое окно Drop-Down Menu Properties и страницу Bugs
Откройте, просмотрите и закройте страницу Suggestions From Customers
(Suggest, htm), содержащую предложения клиентов. Откройте страницу
Customer Support DownLoad (Download, htm). Страница DownLoad разработана
для того, чтобы пользователи могли загрузить на свои компьютеры
программное обеспечение или документы с вашего узла. В данном примере
передача файлов с сервера на компьютер клиента осуществляется с помощью
протокола FTP (F-e Transfer Protocol). Если вы разместите указатель мыши
на ссылке, то в строке состояния увидите URL-адрес Web-узла, с которого
будет загружаться файл при активизации данной ссылки.
7. Закройте страницу Download. Откройте, просмотрите и закройте страницы
Discussion и Search. На них вы обнаружите дискуссионную группу и форму
поиска, которые аналогичны рассмотренным выше.
8. Откройте в броузере Web-узел, созданный на основе шаблона Customer
Support, и поработайте со страницами Suggestions (внесите на
рассмотрение какое-нибудь предложение) и Bugs (опишите ошибку, с которой
вы столкнулись при работе с программным обеспечением).
9. Вернитесь в Frontpage и активизируйте команду Refresh (обновить) меню
View. Перейдите в Frontpage, чтобы открыть и просмотреть страницы
Buglist.htm и Feedback.htm.
10. В завершение удалите Web-узел Customer, Шаблоны Web-страницы
На основе шаблонов Web-узла создают узлы с большим количеством различных
страниц и множеством функциональных возможностей на каждой из них. Но
иногда требуется создать одну-единственную страницу. Frontpage
предоставляет 26 шаблонов и один мастер для создания страницы. Мы
рассмотрим несколько наиболее полезных шаблонов. Процесс создания
Web-страницы на базе шаблона включает следующие этапы:
1. В Frontpage сгенерируйте новый Web-узел на основе шаблона Empty Web.
Присвойте ему имя TestPages. Создайте домашнюю страницу, щелкнув на
кнопке New Page панели инструментов Standard.
2. Откройте домашнюю страницу в режиме просмотра Page.
3. Активизируйте команду Page подменю New меню File, вследствие чего
появится диалоговое окно New со списком шаблонов Web-страниц,
представленных на вкладке General (рис. 4.10). Мы остановимся на
пяти шаблонах. После создания страницы с помощью очередного шаблона
просмотрите ее сначала в Frontpage, затем — в броузере. Примечание
По умолчанию в диалоговом окне выбран шаблон Normal Page. На его основе
создается пустая страница. Это диалоговое окно открывается только в
режиме просмотра Page. В других режимах просмотра с помощью команды Page
подменю New меню File создается страница на основе шаблона Normal Page.
При щелчке на кнопке New панели инструментов Standard в любом режиме
просмотра также создается страница на основе этого шаблона, и при этом
диалоговое окно New не загружается.
Рис. 4.10. Диалоговое окно New (вкладка General) со списком шаблонов
Шаблон Feedback Form
Шаблон Feedback Form служит для создания страницы с формой,
предназначенной для сбора информации, которая вам необходима (рис.
4.11). Такую форму называют формой отзывов, В соответствии с шаблоном
формируются поля нескольких типов, которым присваиваются имена,
используемые также в шаблоне Confirmation Form, а также устанавливается,
что данные из формы будут сохранены в файле Feedback.txt папки _Private
Web-узла (имя файла, формат, в котором данные будут записаны в файл, и
другие установки всегда можно переопределить в диалоговом окне свойств
формы). Если ваш узел называется TestPages и используется система папок,
определенная по умолчаниию, то путь к файлу Feedback.txt будет
следующим:
C:\InetPub\Wwwroot\TestPages\_Private\Feedback.txt.
Рис. 4.11. Страница, созданная с помощью шаблона Feedback Form
Шаблон Confirmation Form
С помощью данного шаблона создается страница подтверждения, которая
используется для демонстрации того, что данные, введенные пользователем
в форме на некоторой странице, получены (страница подтверждения
автоматически загружается в клиентский броузер после того, как
пользователь переслал данные на Web-узел). Когда вы создаете форму,
Frontpage автоматически генерирует страницу подтверждения. Вы можете
создать собственную страницу подтверждения, используя шаблон
Confirmation Form.
Для этого необходимо выполнить следующие действия. Щелкните правой
кнопкой мыши на форме, расположенной на странице, с которой вы хотите
передать данные, и в появившемся контекстном меню активизируйте команду
Form Properties. В открывшемся диалоговом окне активизируйте кнопку
Options. В окне Options Of Saving Results Of Form выберите закладку
Confirmation Page и в поле URL Of Confirmation Page (optional) укажите
URL-адрес своей страницы подтверждения. В Frontpage, в режиме просмотра
Hyperlinks, можно увидеть ссылку между формой, из которой передаются
данные (формой представления), и страницей подтверждения. Если страница
создана на основе шаблона Confirmation Form, в ней будут присутствовать
FrontPage-компоненты Confirmation Field (рис. 4.12). На страницу
подтверждения с помощью этого компонента выводят данные, переданные из
соответствующего поля формы.
Чтобы добавить на страницу подтверждения FrontPage-компонент
Confirmation Field, выполните такую последовательность действий.
Активизируйте команду Confirmation Field подменю Components меню Insert.
В загрузившемся диалоговом окне Confirmation Field Properties введите
имя поля подтверждения. Чтобы информация, переданная из поля формы,
корректно отобразилась на странице подтверждения, имена поля формы и
поля подтверждения должны совпадать.
Рис. 4.12. Страница, созданная с помощью шаблона Confirmation Form
Шаблон Search Page
Шаблон Search Page (страница поиска) создает страницу, на которой
помещается FrontPage-компонент Search Form (форма поиска),
обеспечивающий поиск информации на всех страницах Web-узла. На этой
странице также даются инструкции по применению операторов языка запросов
(рис. 4.13).
Результаты поиска по ключевому слову TestPages на Web-узле, созданном по
шаблону Project Web, показаны на рис. 4.14 (выведен список страниц, на
которых присутствует данное ключевое слово). Для просмотра страницы
достаточно выполнить щелчок на соответствующем элементе списка.
Рис 4.13. Страница поиска, созданная с помощью шаблона Search Page
Рис 4.14. Результаты поиска по ключевому слову TestPages
Шаблон Table of Contents
Данный шаблон позволяет создать страницу с таблицей оглавления. Эта
таблица содержит ссылки на все страницы Web-узла и обеспечивает быстрый
переход к любой Web-странице. Таблицу оглавления можно просмотреть
только в броузере.
На рис. 4.15. приведена таблица оглавления Web-узла, содержащая ссылки
на страницы, которые созданы с помощью рассмотренных нами шаблонов.
Свойства таблицы оглавления можно изменить в диалоговом окне Table Of
Contents Properties, которое загружается посредством команды Table of
Contents подменю Components меню Insert.
Рис. 4.15. Страница с таблицей оглавления в броузере
Шаблон Narrow, Right-aligned Body
До сих пор мы рассматривали шаблоны, в которых предусмотрено
использование таких FrontPdge-компонентов, как форма поиска, таблица
оглавления и поле подтверждения Существуют шаблоны, на базе которых
создаются сверстанные страницы (например, содержащие таблицы) для
заполнения текстом и графикой На таких страницах не используются
FrontPage-компоненты Narrow, Right-aligned Body (узкая, выровненная по
правому краю основная часть) - один из таких шаблонов При использовании
этого шаблона предусмотрена возможность предварительного просмотра
композиции страницы в области Preview диалогового окна New. Страница,
сгенерированная на основе шаблона Narrow, Right-aligned Body, содержит
таблицу из двух столбцов и одной строки В левой ячейке таблицы находится
крупное графическое изображение Правая ячейка заполнена бессмысленным
текстом, который следует заменить. Посетители, просматривающие страницу
Web-узла, не увидят пунктирных линии, разделяющих ячейки в Frontpage На
рис. 4.16. показано, как данная страница выглядит в режиме просмотра Preview в Frontpage (щелкните на закладке Preview в нижней части окна
страницы в режиме просмотра Page) В данном режиме границы ячеек не
отображаются. Прежде чем приступить к разработке собственных шаблонов,
закроите и удалите использовавшийся Web-узел TestPages
Рис 4.16. Страница, созданная на основе шабчона Narrow, Right-aligned
Body, в режиме просмотра Preview в Frontpage
Создание шаблонов в Frontpage
Поскольку вы уже некоторое время работаете с шаблонами, вероятно, у вас
возникли идеи относительно того, какими шаблонами Frontpage вы бы хотели
располагать.
Далее мы рассмотрим процессы создания шаблонов двух разных типов. Типы шаблонов
Шаблоны — это, фактически, узлы или страницы, которые располагаются
отдельно (в особой папке) и служат моделями для разработки различных
Web-узлов и страниц. Шаблоны Web-узла и шаблоны Web-страницы
хранятся в разных папках, однако между ними есть много общего. На основе
шаблонов страницы обычно генерируется одна страница, которая становится
частью созданного отдельно Web-узла. Шаблон Web-узла позволяет получить
полноценный Web-узел Frontpage с одной или несколькими связанными
страницами. Все файлы шаблона располагаются в одной папке, которая
входит в структуру папок Frontpage. Создание шаблонов двух указанных
типов сводится к созданию узла или страницы обычным способом. Когда узел
или страница будут полностью оформлены в соответствии с вашими
требованиями, поместите их в папку, предназначенную для шаблонов (папки,
в которых находятся файлы шаблонов, должны иметь расширение ТЕМ). Папка
шаблонов включает HTML-файлы Web-узла, а также INF-файл (с информацией о
шаблоне) и DIB-файл (миниатюра шаблона, которая отображается в поле
предварительного просмотра окна New). Папки некоторых шаблонов содержат
файлы графических изображений. Структура папок Frontpage
В процессе инсталляции Frontpage 2000 создаются папки, которые содержат
шаблоны страниц, узлов, кадров и таблицы стилей (названия папок,
соответственно, Pages, Webs, Frames, Css). Путь доступа к этим папкам по
умолчанию: C:\Program Files\Microsoft Onice\Templates\1033\. На рис.
4.17 в Windows Explorer показано содержимое папки Pages ( файлы каждого
шаблона находятся в отдельной подпапке, имеющей расширение ТЕМ). Если вы
установили на свой компьютер Microsoft Personal Web Server 4.0,
использовав в процессе инсталляции установки по умолчанию, то путь к его
файлам и папкам будет следующий: C:\InetPub\Wwwroot\. Эта папка является
корневой папкой Web-сервера. В ней размешается корневой Web-узел. Все
узлы, созданные в Frontpage, помещаются в подпапки корневой папки
Web-сервера. Корневой Web-узел — это узел, доступ к которому
осуществляется по URL-aдpecy, в котором указано только имя сервера (имя
папки или страницы не указывается).
Доступ к исполняемому файлу Frontpage (frontpage.exe)
по умолчанию осуществляется по следующему пути: С:\Program Files\Microsoft
Office\0ffice
Рис 4.17. Папка Microsoft Front Page и подпапки Pages,содержащая файлы
шаблонов страниц
В Windows Explorer откройте папку Pages (полный путь — С:\ProgramFiles\Microsoft
Office\Templates\1033\Pages) Затем откройте одну из ее подпапок,
например 1 center tern. В папке шаблона должны находиться минимум три
файла Один из них — HTML-файл Если выполнить двойной щелчок на имени
этого файла, загрузится броузер, применяемый по умолчанию, в котором
отобразится страница Web-узла, базирующаяся на данном шаблоне Другие
файлы в папке шаблона — INF-файл и DIB-файл Об их назначении мы уже
рассказывали Рассмотрим подробнее INF-файл INF-файл
INF-файл содержит описательную информацию о шаблоне. Он похож на
INI-файл системы Windows. INF-файл должен иметь то же имя, что и папка,
в которой он находится.
В папке Pages откройте папку Icentertem, после чего выполните двойной
щелчок на имени файла center.inf. Если INF-файл не связан с приложением,
в котором его можно просмотреть, используйте для этой цели редактор
Notepad. В окне Notepad отобразится краткое содержание файла, как
показано на следующем рисунке. Секция [info] INF-файла
INF-файл всегда имеет секцию [info] минимум с двумя подсекциями
~заголовком шаблона и его описанием. Если это файл шаблона Web-узла, то
информация из подсекций отображается в диалоговом окне New (вкладка Web
Sites), а если это файл шаблона Web-страницы, — в диалоговом окне New
(на вкладке General). На рис. 4.18. в диалоговом окне New на вкладке
General выбран шаблон One Column Page, описание которого отображается в
области Description.
Если INF-файл не создан, название шаблона не будет включено в список
доступных шаблонов.
Следует учитывать, что правильная организация содержимого INF-файла
имеет большое значение. Обязательно наличие секции [info], а также
подсекций title и description с содержащимися в них заголовком и строкой
описания. В секции [info] общая длина имени и записи подсекции может
достигать 255 символов. Оптимальная длина заголовка и описания, при
которой они полностью отображаются в диалоговом окне New, составляет 30
и 100 символов соответственно. Примечание
Наиболее удобный способ создания [NF-файла — скопировать существующий
файл, а затем изменить его имя и содержимое.
INF-файл шаблонов страницы, которые отображаются в Frontpage, содержит
только секцию [info]. INF-файл шаблонов Web-узла, которые отображаются в
Frontpage, может включать дополнительные секции [FileListJ, [Metalnfo] и
[TasksList], используемые при загрузке шаблона.
Рис 4.18. В диалоговом окне New (вкладка General) выбран шаблон страницы
One Column Page Секция [FileList]
С помощью секции [FileList] (рис 419) вы определяете структуру хранения
файлов Web-узла, созданного на основе данного шаблона Если секция
[FileList] отсутствует. Frontpage загружает все файлы из папки, но
ничего —из подпапок Все JPG- и GIF-фаилы в ТЕМ-папке, даже при
отсутствии секции [FileList], помещаются в подпапку Image Web-узла
Секция [FileList] необходима, если вы хотите:
• чтобы файлы из подпапок ТЕМ-папки использовались на Web-узле,
• обозначить нужные вам файлы в ТЕМ-папке, которые следует разместить на
Web-узле (файлы ТЕМ-папки, не включенные в секцию [FileList],
игнорируются),
• чтобы файлы попадали в определенные папки на Web-узле, а не только в
корневую
При использовании секции [FileList] следует составить список всех
файлов, которые будут применяться на Web-узле, созданном на основе
данного шаблона Если вы хотите разместить какую-либо страницу или
изображение в другой папке узла, но не в корневой, вы должны
сформировать имя подсекции и ее содержимое по определенным правилам В
качестве имени секции должны использоваться путь к файлу относительно
папки шаблона и имя этого файла. Например, папка images находится в
папке шаблона, а файл scrnshot.gif — в папке images. Тогда имя подсекции
будет следующим. images\scrnshot.gif. Содержимым подсекции должен быть
URL- адрес этого файла на вашем Web-узле.
Рис 4.19. Секция [FileList] INF-файла
Секция [Mete-Info]
Секция [Metalnfo] предназначена для сохранения переменных, используемых
FrontPage-компопентом Substitution (замещение). Чтобы расположить этот
компонент на странице, необходимо активизировать одноименную команду
подменю Components меню Insert. Данный компонент используется для
размещения на Web-страницах информации определенного типа, например: [Metalnfo]
Company Name = Exciting Travel, Inc
Company Address = 1 Main St , Some Town, WA 98100
Секция [TaskList]
Секция [TaskList] используется для предоставления списка задач, который
отображается в режиме просмотра Tasks, если Web-узел создан по данному
шаблону Записи (имя подсекции и ее содержимое) в секции [TaskList]
представляются в следующем формате TaskNumber=TaskNameI Priority I
Created By]URLI Comment Элементы записи подсекции отделены друг от
друга вертикальной чертой (имя подсекции, уникальный номер или ключ,
идентифицирующий задачу)
Их описания приведены в табл 4 1, а способ использования
продемонстрирован на рис 4.20.
Рис 4.20. Диалоговое окно favk Detail's
Таблица 4.1. Описание элементов записи секции [ ra^kLi'sl]
Элемент
Описание
Замечания
TaskNumber (помер задачи)
Уникальный номер или ключ
Например, "t01", "t02", "t03" и т.д.
Task Name (имя задачи)
Короткое описание задачи
Фраза из трех или четырех слов
Priority (приоритет)
Целое число, описывающее степень значимости задачи (ее приоритет)
1 — высокая, 2 — средняя, 3 — низкая
Created By (кем создана страница)
Имя шаблона
Указывается в полях Created By и Assign То диалоювого окна Task Details
URL
URL-адрес страницы, для которой создана задача
Указывается в поле Linked To диалогового окна Task Details
Comment (примечания)
Описание задачи
Более подробное описание того, что требуется сделать
Специальные возможности
Для различных Web-серверов характерны разные установки для задания имени
файла домашней страницы по умолчанию. Если вы используете MSPWS, то по
умолчанию Frontpage присваивает домашним страницам Web-узлов имя
Default.htm. На NCSA-сервере (UNIX-сервер) для домашней страницы
предлагается имя Index, htm, которое можно не указывать в URL- адресе
при обращении к Web-узлу. Например, по URL-адресу http://www*fairmountain*com/wine
осуществляется переход на страницу Index.htm Web-узла Wine,
расположенного на сервере Fairmountain NCSA. На сервере CERN
(UNIX-сервер) им обычно является имя Welcome.htm, а на сервере Internet
Information Server — имя Default.htm. Все файлы домашних страниц
шаблонов Web-узла имеют имя index.htm. При создании узла на основе
шаблона Frontpage присваивает файлу домашней страницы имя, которое
задано на Web-сервере по умолчанию. При этом соответствующим образом
меняются ссылки на домашнюю страницу. Если вы не хотите использовать
данную возможность, то в INF-файле в секции [info] необходимо ввести
следующую строку (при этом имя домашней страницы не будет изменено):
NoIndexRenaming" Примечание
Интересным моментом является то, что при организации ссылки на домашнюю
страницу не обязательно явно указывать имя ее файла (например,
Default.htm). Вместо имени файла можно использовать символы "./".
Эти символы соответствуют имени файла домашней страницы, заданному на
Web-сервере по умолчанию. Создание одностраничных шаблонов
Это делается очень просто. Достаточно создать обычную страницу Web-узла
с информацией и затем сохранить ее как шаблон. Это все:
1. Создайте одностраничный Web-узел в Frontpage и присвойте ему имя
Templates. Выполните двойной щелчок на домашней странице, чтобы открыть
ее в режиме просмотра Page.
2. В верхней части страницы введите текст "Домашняя страница", присвойте
ему стиль абзаца Heading 1. Выделите текст и нажмите кнопку Center на
панели инструментов Formatting: текст будет выровнен по центру страницы.
3. Вызовите команду Save As меню File. Появится одноименное диалоговое
окно. В поле списка Save As выберите пункт Frontpage Template (*.tem).
Нажмите кнопку Save. Откроется диалоговое окно Save As Template.
4. Укажите новый заголовок шаблона "Домашняя страница" и имя страницы (hometem),
в поле Description введите запись, например, "Создает домашнюю страницу"
и щелкните на кнопке ОК.
5. Если используется структура папок, определенная по умолчанию, путь
доступа к папке с файлами нового шаблона будет следующим: C:\Windows\Application\Microsoft\FrontPage\Pages\Pages\Hometem.tem.
Примечание
Если после создания шаблона страницы вы не обнаружите его папку в папке
Pages в Windows Explorer, нажмите клавишу [F5] для обновления
содержимого окна Windows Explorer.
6. Откройте папку Hometem.tem. В ней должны находиться три известных вам
файла, которые автоматически создаются при сохранении страницы в
качестве шаблона: HTML-файл, INF-файл и DIB-файл. Выполните двойной
щелчок на имени INF-файла. Файл будет открыт в редакторе Notepad. Его
содержимое показано на следующем рисунке.
7. Закройте Notepad и вернитесь в Frontpage. Активизируйте команду Page
подменю New меню File и в загрузившемся диалоговом окне New выберите
шаблон "Домашняя страница" (рис. 4.21). Щелкните на кнопке
OK окна New, вследствие чего откроется новая страница, основанная на
вашем шаблоне (рис. 4.22).
Рис. 4.21. В окне диалоговом окне New выбран шаблон "Домашняя страница'
Рис. 4.22. Страница, созданная на основе шаблона "Домашняя страница".
Приведенный пример очень прост. Его цель — продемонстрировать принцип
создания шаблона страницы. Вероятно, в дальнейшем вы захотите сохранить
в качестве шаблона разработанные вами интересные страницы. В
приложении Б рассказывается о том, как самостоятельно создать шаблон
Web-узла. Эта процедура несколько сложнее, чем создание шаблона
страницы, но мы надеемся, что вы без труда освоите ее.
