2.3. Применение темы для оформления страниц

 

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

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

Выберите команду меню Формат – Тема…. На экране появится диалог Темы (рис. 18).

В группе переключателей Применить тему: имеется переключатель ко всем страницам, который позволяет применить тему ко всем страницам. Другой переключатель к выбранные страницы позволяет применить тему только к текущей или к нескольким определенным страницам.

В левой части диалога расположен список тем, а в правой - область просмотра, в которой отображается пример оформления элементов страницы в стиле выбранной темы.

Под списком тем расположены флажки, которые позволяют задать дополнительные параметры для выбранной темы. При установке флажка Яркие цвета цвета некоторых элементов для данной схемы будут иметь более яркие оттенки. Флажок Активные рисунки определяет использование более сложных контуров и узоров при отображении заголовков, кнопок и других графических элементов. При сброшенном флажке графические элементы в ряде тем принимают более строгий вид. ФлажокФоновый рисунок разрешает использование фонового рисунка на страницах сайта. При установке флажка Применить с помощью CSS наложение элементов оформления выбранной темы происходит с использованием внешних таблиц стилей, в противном случае - команды форматирования включаются в HTML-код страницы.

Установите флажки по вашему желанию и нажмите кнопку ОК, чтобы применить выбранную тему к страницам сайта.

Процесс наложения темы может занять несколько секунд, после этого страницы примут внешний вид в соответствии с выбранной темой.

Вы можете легко заменить тему, выбрав другую в диалоге Темы. Более того, на основе уже имеющихся тем можно создать новые, изменяя различные элементы оформления, цвета и стили.

Для этого нажмите кнопку Изменить в нижней части диалога Темы. Под областью просмотра появится ряд кнопок, позволяющих изменить основные параметры темы.

Нажмите кнопку Цвета. На экране появится диалог Изменение темы (рис. 19). В правой части диалога Изменение темы расположена область просмотра. В ней отображается пример оформления элементов страницы при выбранной цветовой схеме. В левой части диалога расположены три вкладки. На первой вкладке Цветовыесхемырасположен список доступных цветовых схем. Выбирая различные цветовые схемы, вы можете наблюдать результат их использования в области просмотра.

Выберите вкладку Цветовой круг. Здесь отображается цветовая диаграмма, с помощью которой можно более точно подобрать требуемую цветовую гамму для текущей схемы. Чтобы изменить набор цветов для текущей схемы щелкните левой кнопкой мыши на маркере на диаграмме и, не отпуская кнопки, перемещайте маркер в пределах круга. С помощью ползункового регулятора Яркость подберите нужную яркость для текущей цветовой схемы.

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

Нажмите кнопку ОК, чтобы установить для темы выбранную цветовую схему или кнопку Отмена, если вы не хотите менять настройки цвета. Вы вернетесь к диалогуТемы.

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

Если требуется, сделайте изменения в настройках графических элементов схемы и нажмите кнопку ОК, чтобы подтвердить изменения. Если вы не хотите менять графические настройки, нажмите кнопку Отмена. Вы вернетесь к диалогу Темы.

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

Если требуется, установите другой шрифт для текстовых элементов схемы и нажмите кнопку ОК, чтобы подтвердить изменения. В противном случае - нажмите кнопкуОтмена. Вы вернетесь к диалогу Темы.

Вы можете сохранить все сделанные изменения в текущей схеме, нажав кнопку Сохранить, или сохранить текущую схему и сделанные изменения под новым именем, нажав кнопку Сохранить как… в диалоге Темы.