ФОРМАТИРОВАНИЕ - ТАБЛИЦЫ СТИЛЕЙ

Можно задать стиль страниц в одном специальном файле "таблица стилей". Есть несколько шаблонов в редакторе, они доступны в меню файл - создать - другие шаблоны страниц (из меню справа) - таблицы стилей:

Откроем одну из шаблонных страниц:
 

a:link { color: rgb(255,204,0); }
a:visited { color: rgb(153,204,204); }
a:active { color: rgb(102,255,0); }

body { font-family: Garamond, Times New Roman, Times;
background-color: rgb(51,102,204);
color: rgb(255,255,153); }

table { table-border-color-light: rgb(153,255,204);
table-border-color-dark: rgb(0,0,51); }

h1, h2, h3, h4, h5, h6
{ font-family: Verdana, Arial, Helvetica; }
h1
{ color: rgb(255,204,0); }
h2
{ color: rgb(153,255,51); }
h3
{ color: rgb(0,255,204); }
h4
{ color: rgb(255,204,0); }
h5
{ color: rgb(153,255,51); }
h6
{ color: rgb(0,255,204); }


Видим, что в таблице задаются стили:

  • ссылки;

  • посещённой ссылки;

  • активной ссылки;

  • шрифт текста на странице (body - тело страницы), цвет фона, цвет букв;

  • цвет границ таблицы;

  • Шрифт и цвет заголовков (h - head, заголовок).

Задаётся здесь по 3 шрифта - это означает, что если в компьютере нет первого, берётся второй, и т.д.. Если вы используете Arial и Times, они есть везде, и можно не городить 3 шрифта.

Цвет здесь задан в модели rgb (red, green, blue - красный, зелёный, синий). Три цветовых канала, каждый имеет 256 значений (0-255). Смешением трёх базовых цветов получается нужный цвет. Например, (0,0,0) - чёрный, (255,255,255) - белый, (100,100,100) - какой-то оттенок серого, (100,0,0) - какой-то оттенок красного и т.д.

Поскольку из цифр трудно представить цветовой оттенок, можно сделать так: запускаете Paint (он есть в любой Windows), меню палитра - изменить палитру - определить цвет, находите мышкой желаемый оттенок, в таблице справа внизу видите параметры rgb.

К сожалению, на текст внутри таблицы на странице таблица стилей не влияет, стиль внутри каждой таблице нужно задавать вручную: меню свойства таблицы - стиль - шрифт.

В этом учебнике использована следующая таблица стилей:
 

a:link { text-decoration: none; color: #333333 }
a:visited { text-decoration: none; color: #666666 }
a:hover { text-decoration: none; color: #B50000 }
a:active { text-decoration: none; color: #B50000 }

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

Связывается таблица стилей с нужными вам страницами так: меню формат - связи с таблицами стилей. Вы можете попробовать шаблоны стилей, а затем отредактировать таблицу под ваш вкус.

Имейте в виду: если вы по очереди связываете страницы с разными таблицами стилей, предыдущие из кода не удаляются, просто срабатывает последняя. Если вы хотите вернуться к предыдущей таблице стилей, вам нужно удалить лишние - либо через меню формат - связи с таблицами стилей, либо вручную в коде страницы.

Таблица стилей сработает только тогда, когда нет другого (ручного) форматирования, последнее перебивает таблицу стилей. Если вы хотите использовать таблицу стилей, никогда не форматируйте текст вручную.