Приветствую Вас, Гость

Привлечение внимания посетителя с помощью цвета фона ячеек

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

ПРАКТИКУМ

Теперь предположим, что вы создаете документ, содержащий большое количество текста, и хотите, чтобы посетитель уделил особое внимание одному определенному абзацу. Создайте таблицу с множеством ячеек и поместите текст Web-страницы в одну из ячеек таблицы. Затем окрасьте ячейку слева от "важного"абзаца и, может быть, даже поместите в цветную ячейку какой-нибудь описательный текст, например, как показано на рис. 2.29.

Рис. 2.29. Таблица с цветной ячейкой, притягивающей взгляды
к определенной области Web-страницы

Приведенный ниже код создает Web-документ, показанный на рис. 2.29:

<table border="0" cellpadding="0" cellspacing="2" width="634"bgcolor="black">
<tr>
<td width="89" height="20">
<img src="trans.gif" height="20"</td>
<td rowspan="3" valign="top"><font color="white">
Текст основной части документа находится здесь.<br>
Вся информация, которую должна<br>
отображать ваша Web-страница.<br>
Важная информация, которую ваши читатели<br>
должны увидеть, подсвечена<br>
ярко-желтым цветом. </font></td></tr>
 <tr>
<td width="89" height="20" align="center" bgcolor="yellow">
Смотри сюда!</td></tr>
<tr><td width="89"></td></tr>
</table>

Изменение цвета фона ячейки таблицы, содержащей слова "Смотри сюда!" на желтый (за счет установки атрибута bgcolor в дескрипторе <td> ячейки равным ''yellow") привлекает внимание посетителя к ячейке и делает акцент на фрагменте текста в смежной ячейке.