Для форматирования на Web-страницах
текста (задание шрифта, цвета, интервала между строками, отступа для абзаца,
выравнивания, величины полей) мы использовали панель инструментов Форматирование
(Formatting) и команды меню Формат (Format). Помимо этого, для форматирования
можно использовать как стили, поставляемые с программой FrontPage, так и стили,
созданные разработчиком.
Для хранения стилей в программе
FrontPage используется таблица стилей. Каскадная таблица
стилей (Cascading Style Sheets), сокращенно CSS. В программе FrontPage имеются три вида стилей:
External Style
Sheet — внешняя таблица стилей. Данная таблица стилен хранится в файле
с расширением CSS. Она может быть связана со всеми страницами сайта
Embedded Style Sheet
— внутренняя таблица стилей. Эта таблица стилей включается в код HTML-страницы
и может быть связана с одной страницей
Inline Style —
встроенный стиль. Применяется к отдельным элементам Web-страницы
Создание внешней таблицы стилей
Внешняя таблица стилей
CSS, создаваемая программой FrontPage, может быть связана с отдельными страницами
сайта или со всеми сразу. После этого форматирование элементов, размешенных
на Web-странице, будет определяться в соответствии со значениями, содержащимися
в этой таблице.
Для создания внешней таблицы
стилей сайта выполните следующие действия:
1. Откройте сайт, для
которого хотите создать таблицу стилей CSS.
2. На панели Список папок (Folder List) выберите самую верхнюю папку,
содержащую название узла.
3. В меню Файл (File) выберите команду Создать (New), а затем
из открывшегося подменю — опцию Страница или веб-узел (Page or Web).
4. На появившейся панели Создание веб-страницы или узла (New Page or
Web) выберите команду Шаблоны страниц (Page Templates).
5. Открывается диалоговое окно Шаблоны страниц, в котором перейдите на
вкладку Таблицы стилей (Style Sheets) (рис. 20.33). Она содержит шаблоны
стилей, предлагаемые программой FrontPage.
6. Выберите один
из предлагаемых шаблонов и нажмите кнопку ОК.
7. Диалоговое окно Шаблоны страниц закрывается, а в сайт добавляется
страница, имеющая расширение CSS (рис. 20.34). Посмотрите ее содержимое. Она
содержит описание стилей, которые будут использоваться для форматирования содержимого
страниц: сначала идет название элемента Web-страницы, а за ним в скобках — параметр
форматирования. На этой странице последовательно описаны все элементы, встречающиеся
в сайте и подлежащие форматированию — фон страницы, ссылки, заголовки, текст,
таблицы, а также используемые в их оформлении цвета, шрифты и т. п.
8. Сохраните страницу в сайте, воспользовавшись кнопкой Сохранить (Save)
на стандартной панели инструментов.
9. В открывшемся диалоговом окне Сохранить как (Save As) в поле Имя
файла (File name) введите имя файла (например, styles), и
нажмите кнопку Сохранить.
Замечание
Посмотрите на панель Список
папок (Folder List). Там появился файл styles.ess, представляющий собой
таблицу стилей.