Самоучитель по креативному веб-дизайну. Книга 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

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

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

Полезные ссылки
Случайные записи
  • 16.03.2011">Руководство по actionscript. часть 3, стр. 012
  • 17.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.133
  • 05.03.2011">Руководство по actionscript. часть 5, стр. 017
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.56
  • 26.10.2012">Надежный магазин часов watch.24k.ua
  • 20.06.2011">Пластиковые или деревянные окна?
  • 13.02.2014">Преимущества МДФ панелей
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.95
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.70
  • 19.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.7
  • 12.01.2010">Удобная твиттер лента в блоге на jQuery
  • 13.03.2011">Руководство по actionscript. часть 3, стр. 102
  • 19.08.2013">Android с новыми возможностями на Chuwi V88
  • 29.02.2012">На сервисе микроблогов Futubra появился поиск
  • 11.03.2011">Руководство по actionscript. часть 3, стр. 146
Опрос

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

View Results

Loading ... Loading ...