Привлечение внимания посетителя с помощью цвета фона ячеек
В этой главе вы узнали, что основные способы применения таблиц в 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><tr>ярко-желтым цветом. </font></td></tr><td width="89" height="20" align="center" bgcolor="yellow">Смотри сюда!</td></tr><tr><td width="89"></td></tr></table>
Изменение цвета фона ячейки таблицы, содержащей слова "Смотри сюда!" на желтый (за счет установки атрибута bgcolor в дескрипторе <td> ячейки равным ''yellow") привлекает внимание посетителя к ячейке и делает акцент на фрагменте текста в смежной ячейке.