Самоучитель по креативному веб-дизайну. Книга 1, стр.84

требуют применять свойство CSS background-image. Например, чтобы указать изображение, которое Web-браузер должен использовать в качестве фона табли —

цы, в дескриптор нужно вставить атрибут style, как показано ниже:


style=»background-image:url(images/picture. GIF)»>

Аналогично, чтобы задать фоновое изображение для ячейки, установите зна-

чение свойства background-image с помощью атрибута styl e в дескрипторе

следующим образом:




9 8 Глава 2. HTML-таблицы





Свойство CSS background-color позволяет выбрать цвет для фона таблицы

и/или фона любой ее ячейки. Например, чтобы задать в качестве цвета фона

таблиц ы ЦВеТ МОРСКОЙ ВОЛНЫ, НУЖНО уСТаНОВИТЬ СВОЙСТВО background-colo r В

дескрипторе следующим образом:






Аналогично, чтобы задать в качестве цвета фона ячейки таблицы темно-си — ний, например, необходимо с помощью атрибута styl e установить значение свойства background-color в дескрипторе
следующим образом:






Определение значения цветового атрибута

Всякий раз, когда вы используете один из атрибутов выбора цвета, такой как bordercolor, bgcolor, bordercolorlight, bordercolordark И Т. Д. В HTML-Деск — рипторе для задания цвета элемента, вы указываете нужный вам цвет в виде шес — тнадцатеричного числа. Например, чтобы создать таблицу со светло-желтым фо —

ном, необходимо указать атрибут bgcolor в дескрипторе таблицы

следующим образом:







Аналогично, чтобы нарисовать темно-синюю границу по периметру таблицы

и вокруг каждой ячейки в таблице, следует задать атрибут bordercolor в деск —

рипторе таблицы следующим образом:




Значение атрибута, которое сообщает Web-браузеру, какой цвет использовать при рисовании элемента Web-страницы или закрашивании фона называется шес —

тнадцатершным (по основанию 16) RGB-триплетом (red-green-blue — красный-зе — леный-синий). Иными словами, большое шестнадцатеричное число на самом деле состоит из трех отдельных шестнадцатеричных значений (отсюда и термин

«триплет»). Эти значения сообщают браузеру, «сколько» красной, зеленой и си — ней составляющих необходимо смешать, чтобы получить цвет, который должен

использовать браузер, рисуя элемент или закрашивая фон.

При создании цвета каждая из трех основных цветовых составляющих (крас — ная, зеленая, синяя) может иметь значение от 0 до 255 включительно, где 0 обо — значает отсутствие, а 255 — максимальное количество. Следовательно, во втором

примере данного практикума, где атрибут bordercolor в дескрипторе

задает темно-синий цвет границ таблицы, значение bordercolor, равное

#00008в, дает Web-браузеру указание создать цвет границы путем смешивания О красного с 0 зеленого с 139 синего. (Шестнадцатеричное значение 8в равно де — сятичному значению 139.) Таким образом, Web-браузер создает заданный вами оттенок путем смешивания нулевого количества красного, нулевого количества зеленого и чуть больше половины максимального количества синего.

Глава 2. HTML-таблицы 99





П1 МСТИКУМ

Чтобы определить шестнадцатеричный RGB-триплет цвета, который вы хотите

ИСПОЛЬЗОВать, зайдите на http://www. htmlhelp. com/cgi-bin/color. cg i ИЛИ сверьтесь с меню цветов шрифта или фона своего любимбго редактора изображе — ний. Большинство графических программ предоставляют RGB-значения, исполь- зуемые для создания цвета, выбранного вами из палитры образцов цветов или смешанного в окне Пользовательские цвета (Custom colors) приложения. Или же, если вы пользуетесь пакетом Microsoft Office, щелкните на кнопке со спис — ком справа от кнопки Font Color (Цвет шрифта) в стандартной панели инструмен — тов Microsoft PowerPoint или Microsoft Word. Затем щелкните на кнопке More Colors (Другие цвета…) внизу раскрывшегося меню. Приложение Office, в свою очередь, отобразит диалоговое окно Colors (Цвета), аналогичное показанному на рис. 2.13.

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Оставить комментарий

Вы должны авторизоваться для отправки комментария.

Полезные ссылки
Случайные записи
  • 17.06.2012">В Великобритании возобновили расследование по Google Street View
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.113
  • 13.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.99
  • 18.03.2011">Руководство по actionscript. часть 2, стр. 136
  • 17.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.120
  • 11.11.2012">Мини холодильная витрина и её виды
  • 16.03.2011">Руководство по actionscript. часть 3, стр. 023
  • 30.01.2011">Форматы растровой графики
  • 14.03.2011">Руководство по actionscript. часть 3, стр. 075
  • 04.03.2011">Руководство по actionscript. часть 5, стр. 026
  • 20.03.2011">Руководство по actionscript. часть 2, стр. 077
  • 03.08.2010">Сравнение параметров дизайна
  • 18.02.2011">Вырезание объекта с помощью фильтра в Photoshop
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.76
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.42
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...