Создание внутренних стилей страницы. Встроенные стили.
Внешняя таблица стилей определяет оформление всех элементов страницы или даже всего Web-узла. Но это не значит, что если вы захотите изменить форматирование отдельных элементов страницы, к которой применена внешняя таблица стилей, то ничего не сможете сделать.
Для изменения стиля выделенных объектов можно использовать раскрывающийся список Стиль (Style), расположенный на панели инструментов Форматирование (Formatting), который содержит стили, предлагаемые программой FrontPage. Кроме того, для форматирования отдельных элементов страницы можно создать пользовательские внутренние стили. Эти стили будут добавлены в нижнюю часть списка Стиль, и вы сможете их использовать для форматирования текста текущей страницы Web-узла, для которой эти стили созданы.
Рассмотрим создание стилей для оформления заголовка первого уровня и маркированного списка. Выполните следующие действия:
- Откройте страницу Web-узла, для которой хотите создать внутренние стили.
- В меню Формат (Format) выберите команду Стиль (Style). Открывается диалоговое окно Стиль (рис. 20.36), содержащее список стилей.
- Для создания нового стиля нажмите кнопку Создать (New). Открывается диалоговое окно Создание стиля (New Style) (рис. 20.37).
- В поле Имя (Name) введите имя создаваемого стиля. Сначала создадим стиль для форматирования заголовка первого уровня, который будет иметь оранжевый цвет. Введите в поле Имя имя hl.orange.
Замечание
Символы в имени указывают, что стиль предназначен для форматирования заголовка первого уровня. Правая часть в имени является наименованием класса создаваемого стиля. Например, для оформления Web-страницы вы можете создать несколько стилей, которые имеют одинаковые параметры, но задают разные цвета. В этом случае вы создаете несколько классов для форматирования одного и того же элемента.
Рис. 20.36. Диалоговое окно Стиль - Нажмите кнопку Формат (Format), расположенную в нижней части окна. Открывается меню кнопки, содержащее 5 команд. При выборе этих команд открываются диалоговые окна Шрифт (Font), Абзац (Paragraph), Границы и заливка (Border and Shading), Список (Bullets and Numbering) и Положение (Position), соответственно, позволяющие настроить параметры форматирования.
- Выберите в меню кнопки Формат команду Шрифт (Шрифт).
- В открывшемся диалоговом окне Шрифт выполните следующие действия:
- Из списка Шрифт выберите шрифт, который хотите использовать в оформлении заголовка
- Используя список Начертание (Font style), задайте полужирное начертание, выбрав значение Полужирный (Bold)
- Установите размер шрифта, выбрав, например, значение 18pt
- Воспользовавшись списком Цвет (Color), выберите из палитры оранжевый цвет для отображения заголовка
- Установив требуемые параметры, нажмите кнопку ОК.
- Вы возвращаетесь в диалоговое окно Создание стиля (New Style), в области Описание (Description) которого появилось описание параметров созданного стиля (см. рис. 20.37). Нажмите кнопку ОК.
В списке Стили (Styles) диалогового окна Стиль (Style) появилось наименование стиля hi.orange, созданного нами для оформления заголовка. Создадим теперь стиль для оформления маркированного списка.
- В диалоговом окне Стиль нажмите кнопку Создать (New).
Рис. 20.37. Диалоговое окно Создание стиля; в нем отображены параметры созданного стиля - В поле Имя (Name) диалогового окна Создание стиля (New Style) введите имя создаваемого стиля ul.blue. Левая часть имени указывает, что создается стиль для оформления маркированного списка, правая часть – наименование класса стиля.
- В меню кнопки Формат (Format) выберите команду Шрифт (Font). В открывшемся диалоговом окне Шрифт задайте шрифт, его размер и цвет. Установив параметры, закройте окно, нажав кнопку ОК.
- Для задания типа маркера в меню кнопки Формат (Format) выберите команду Нумерация (Numbering) и в открывшемся диалоговом окне Список (Bullets and Numbering) подберите подходящий тип. Затем закройте окно.
- Параметры маркированного списка заданы. Закройте диалоговое окно Создание стиля (New Style), нажав кнопку ОК.
- В диалоговом окне Стиль содержатся наименования обоих созданных нами стилей (рис. 20.38). Закройте окно.