Алексей Гладкий - Веб-Самоделкин. Как самому создать сайт быстро и профессионально

Предположим, что нам нужно как-то выделить в тексте веб-страницы последнюю фразу нашего примера, которую мы сформулировали так: Полученные знания применим на практике(см. рис. 5.17 и 5.18). Для этого на вкладке Текстнажмем кнопку Шрифт(название кнопки отображается в виде всплывающей подсказки при подведении к ней указателя мыши), предварительно выделив эту фразу в программном коде. В результате на экране откроется окно, изображенное на рис. 5.19.

Рис. 5.19. Настройка параметров шрифта

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

Чтобы применить к фразе тот или иной шрифт, нужно в левой части окна на вкладке Шрифтустановить флажок Имя шрифта, и выбрать подходящий вид шрифта в расположенном ниже раскрывающемся списке. При необходимости можно воспользоваться альтернативным набором шрифтов, список которых становится доступным при установленном флажке Альтернативные шрифты. Для оформления нашей фразы выберем из раскрывающегося списка Имя шрифта один из стандартных шрифтов – Arial Cyr.

Теперь перейдем на вкладку Размер. Здесь осуществляется настройка размера шрифта, высоты строки, а также указывается расстояние между буквами и между словами. Для настройки каждого из перечисленных параметров необходимо установить соответствующий флажок. Выполним настройку так, как показано на рис. 5.20.

Рис. 5.20. Настройка размеров шрифта

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

После этого переходим на вкладку Стиль. Здесь можно выбрать способ начертания шрифта (жирный, подчеркнутый, и т.д.), включить режим написания каждого слова с прописной буквы, и т. д. Как обычно, в правой части окна будет демонстрироваться образец того, как будет выглядеть фраза на веб-странице при установленных в данный момент настройках.

В нашем примере мы настроим стиль отображения шрифта так, как показано на рис. 5.21.

Рис. 5.21. Настройка стиля шрифта

На данной вкладке все параметры настраиваются путем установки соответствующих флажков. Мы установили флажки Жирныйи Подчеркнутый, в результате чего наша фраза стала выглядеть так, как показано в правой части окна на вкладке Просмотр.

Следующий этап – это настройка цветового оформления, которая осуществляется на вкладке Цвет. Возможности программы предусматривают настройку цветового оформления отдельно для букв, строк и фона просмотра. Настройка цвета букв и цвета строк выполняется одинаково: для этого нужно установить соответствующий флажок, щелкнуть мышью на расположенном справа прямоугольнике и в открывшемся окне цветовой палитры установить требуемый цвет. Настройка фона просмотра осуществляется аналогичным образом с той разницей, что отдельный флажок для данного параметра не предусмотрен (рис. 5.22).

Рис. 5.22. Настройка цветового оформления

Отметим, что действие параметра Фон просмотрараспространяется только на вкладку Просмотрв правой части данного окна. На оформление веб-страницы данный параметр никак не влияет.

В нашем примере выполним настройку цветового оформления таким образом, чтобы шрифт отображался красным цветом, а строка – желтым (см. рис. 5.22). Как обычно, на вкладке Просмотрвид фразы автоматически изменится в соответствии с установленными настройками.