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



Привлечение внимания посетителя

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

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

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

та и, следовательно, для притягивания их взглядов к отдельным областям Web — страницы. Цвет — мощное средство, с помощью которого можно завладеть вни —

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



Теперь предположим, что вы создаете документ, содержащий большое количе —

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

тельный текст, например, как показано на рис. 2.29.

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





Изменение цвета фона ячейки таблицы, содержащей слова «Смотри сюда!» на желтый (за счет установки атрибута bgcolor в дескрипторе ячейки равным

»yellow») привлекает внимание посетителя к ячейке и делает акцент на фраг — менте текста в смежной ячейке.

Визуальное выравнивание содержимого Web-страницы

с помощью видимых границ таблицы

Выравнивая с помощью таблицы графику и текст, вы создаете организован — ную структуру страницы, что помогает глазам посетителя двигаться по документу

и повышает привлекательность компоновки страницы.

Глава 2, HTML-таблицы 12 5





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

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

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

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

Полезные ссылки
Случайные записи
  • 19.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.3
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.44
  • 18.07.2010">Лучшие модули для сайта
  • 07.03.2011">Руководство по actionscript. часть 4, стр. 109
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.73
  • 23.02.2011">Руководство по actionscript. часть 7, стр. 030
  • 17.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.120
  • 24.02.2011">Руководство по actionscript. часть 7, стр. 014
  • 13.03.2011">Руководство по actionscript. часть 3, стр. 089
  • 14.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.70
  • 05.03.2011">Руководство по actionscript. часть 5, стр. 006
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 022
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 020
  • 05.04.2010">Дизайн для вдохновения
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.92
Опрос

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

View Results

Loading ... Loading ...