Меню

Учебник HTML

Оформление веб-страницы

С помощью тегов НТМL вы можете задать цвет фона страницы, цвет и размер шрифта, которым будет представлен текст, а также другие характеристики ее внешнего вида. Тег <ВОDY>, используемый для этой цели, содержит атрибуты, позволяющие определить названные и другие параметры веб-страницы. Атрибут вводится после имени тега (например, <BODY BGCOLOR="blue">) и состоит из имени атрибута (например, BGCOLOR), знака равенства и значения, которое нужно использовать для этого атрибута (допустим, blue). Значение, как правило, заключается в кавычки, хотя во многих атрибутах кавычки можно не применять. Если атрибутов несколько, одни отделяются друг от друга одним или несколькими символами табуляции, пробела или возврата каретки. Устанавливать цвета фона, шрифта, которым набирается текст, и ссылок не обязательно. Если вы не укажете конкретный цвет, страница будет отображаться в цвете, используемом браузером по умолчанию. Многие браузеры предоставляют пользователям возможность при необходимости заменить набор применяемых на странице цветов набором, установленным в браузере.

Выбор цвета фона

В качестве фона веб-страницы может применяться либо какое-то изображение, либо конкретный цвет. Чтобы вывести в качестве фона изображение, воспользуйтесь атрибутом BACKGROUND и укажите в кавычках имя файла изображения: <BODY BACKGROUND="image.gif"> Имена файлов следует набирать с учетом регистра — точно так, как они заданы в файловой системе компьютера (в отличие от имен атрибутов и тегов, которыемогут быть набраны как прописными, так и строчными буквами). Когда браузер выводит страницу на экран, изображение, содержащееся в указанном файле, размещается в виде мозаики, то есть многократно повторяется по горизонтали и вертикали страницы.

Однотонный фон веб-страницы задается с помощью атрибута BGCOLOR тега <BODY>. Для обозначения цвета можно ввести соответствующее шестнадцатеричное значение или указать один из 16 стандартных цветов. Например, голубой цвет фона задается так:

<BODY BGCOLOR="blue">

Шестнадцатеричное значение состоит из шести символов, которые обозначают уровни красного, зеленого и синего в цвете (два первых символа указывают уровень красного, два следующих — уровень зеленого, а последние — уровень синего). Шестнадцатеричные значения могут задавать цвета в диапазоне от белого (FFFFFF) до черного (000000). Например, следующий код обозначает цвет морской волны:

<BODY BGCOLOR="#99FFFF">

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

Первый заключается в использовании таблицы цветов, находящейся по адресу http://html-color-codes.com или www.arcus.lv. В Интернете можно найти много подобных таблиц — для этого достаточно произвести поиск по ключевым словам "hexadecimal colors" или "шестнадцатиричные цвета".

Второй метод даже не требует подключения к Интернету и состоит в следующем.

Откройте любую графическую программу и отобразите в ней цветовую палитру. Если это будет программа Paint, выберите команду Палитра > Изменить палитру и щелкните на кнопке Определить цвет.
Перемещайте индикатор цвета, пока не найдете нужный цвет. Запишите числовые значения, расположенные в полях Красный, Зеленый и Синий.
Откройте калькулятор и преобразуйте эти десятичные значения в шестнадцатеричные. Для этого в Windows откройте окно программы Калькулятор и выберите команду Вид > Инженерный. Установите переключатель Dec, введите число, которое отображалось в поле Красный программы Paint, и установите переключатель Нех. Вы получите первые два символа шестнадцатеричного значения. Повторите эти действия для чисел, содержащихся в полях Зеленый и Синий. Получив шестнадцатеричные значения для красного, зеленого и синего цветов, объедините их в одно шестизначное число, которое и будет представлять собой код цвета.

Цвет текста и ссылок

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

Для задания цветов текста и ссылок предназначены четыре атрибута тега <BODY>:

ТЕХТ - цвет текста на странице;
LINK - цвет ссылки, по адресу которой посетитель еще не обращался, непросмотренной ссылки;
ALINK — цвет, который ссылка принимает при щелчке на ней;
VLINK — цвет просмотренной ссылки.

Приведенный ниже тег задает цвета фона, текста и всех ссылок. Этот тег позволит получить страницу с фоном цвета морской волны, темно-синим текстом, зелеными непросмотренными ссылками, красными активными ссылками и пурпурными просмотренными (как вы понимаете, сочетание цветов не очень удачное).

<BODY BGCOLOR="#99FFFF" TEXT="#2C148F" LINK="#218F14" ALINK="#CC0000"
VLINK="#FF00CC">

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

[Вернуться к содержанию...]