FrontPage
Программа создания сайтов

CSS для форматирования текста

Для форматирования на 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.

Рис. 20.33. Вкладка "Таблицы стилей" диалогового окна "Шаблоны страниц"

6. Выберите один из предлагаемых шаблонов и нажмите кнопку ОК.
7. Диалоговое окно Шаблоны страниц закрывается, а в сайт добавляется страница, имеющая расширение CSS (рис. 20.34). Посмотрите ее содержимое. Она содержит описание стилей, которые будут использоваться для форматирования содержимого страниц: сначала идет название элемента Web-страницы, а за ним в скобках — параметр форматирования. На этой странице последовательно описаны все элементы, встречающиеся в сайте и подлежащие форматированию — фон страницы, ссылки, заголовки, текст, таблицы, а также используемые в их оформлении цвета, шрифты и т. п.
8. Сохраните страницу в сайте, воспользовавшись кнопкой Сохранить (Save) на стандартной панели инструментов.
9. В открывшемся диалоговом окне Сохранить как (Save As) в поле Имя файла (File name) введите имя файла (например, styles), и нажмите кнопку Сохранить.

Замечание

Посмотрите на панель Список папок (Folder List). Там появился файл styles.ess, представляющий собой таблицу стилей.

Рис. 20.34. Страница, содержащая описание стилей


Рейтинг@Mail.ru