| |
ерсии Web-
страницы, которая не содержит фреймов.
Глава 2
HTML-таблицы
. . ••••••<
В этой главе
Создание таблиц с ячейками, объединяющими несколько столбцов
и несколько строк
Работа с шириной границы таблиц и ячеек
Работа с цветами границ таблицы и ячеек
Работа с фоновыми изображениями и цветами
Определение значения цветового атрибута
Работа с полями ячеек и расстоянием между ячейками таблицы
' Задание размеров таблицы с помощью относительных и абсолютных значений
Задание размеров ячеек с помощью относительных и абсолютных величин
I Выравнивание содержимого ячейки по горизонтали и по вертикали
Выравнивание таблицы на Web-странице
Управление шириной и высотой ячейки с помощью вставки прозрачного
GIF-изображения
' Обтекание текстом изображения
Отображение с помощью таблицы галереи миниатюр
Создание маркеров и списков с помощью таблиц и графики
I Создание бокового навигационного меню с помощью таблицы
• Добавление графики и ссылок в ячейки таблицы
Управление границами на Web-странице с помощью вложенных таблиц
• Составление навигационной карты путем помещения фрагментов
изображения в таблицу
Разрезание графического изображения на фрагменты для вставки в ячейки
таблицы с целью создания быстрозагружаемой Web-графики
Снижение времени, затрачиваемого Web-браузером на рисование таблицы
I Имитация фреймовой Web-страницы с помощью таблицы
Привлечение внимания посетителя с помощью цвета фона ячеек
Визуальное выравнивание содержимого Web-страницы с помощью видимых
I границ таблицы
' Управление расстоянием между колонками и шириной полей текста на
Web-странице
80 Глава2. HTML-таблицы
появлением в языке HTML механизма таблиц, в арсенале Web-дизайнеров
'появились два весьма ценных инструмента - средство для размещения на
страницах текстовой и числовой информации в табличном формате, а также инст-
румент для точного позиционирования объектов на Web-странице. Хотя вы и бу-
дете время от времени использовать таблицы для представления табличных дан-
ных, истинная ценность таблиц заключается в возможности их применения для
компоновки страниц. HTML-таблицы позволяют компоновать такие Web-страни-
цы, создание которых было достаточно сложным, если не вовсе невозможным, до
введения таблиц с появлением в 1995 году версии HTML 3. Собственно говоря,
применение таблиц для компоновки страниц стало настолько распространенным,
что консорциум W3C приложил немало усилий для стандартизации отображения
таблиц браузерами на различных платформах. Благодаря этому сегодня Web-ди-
зайнеры могут использовать таблицы и иметь уверенность в том, что их таблицы
будут работать одинаково и отображать информацию надлежащим образом во всех
Web-браузерах, за исключением разве что самых старых.
При работе с таблицами наиболее очевидным кажется их применение для
отображения текста и числовых данных в форме набора столбцов. Скажем, вы
хотите вывести на экран список должностных лиц компании вместе с телефон-
ными номерами каждого из них. Для этого вам нужно создать таблицу с двумя
столбцами, где отдельные ячейки в левом столбце будут содержать имена и фа-
милии должностных лиц. Соответствующие ячейки в правом столбце содержат
номер телефона того или иного должностного лица. Как показано на рис. 2.1,
объем предоставляемой таблицей информации можно увеличить, добавив третий
столбец, содержащий адрес электронной почты, а также четвертый, пятый и ше-
стой столбцы, соответственно, под адрес, город и штат.
Щ MyComputet'-
Рис. 2.1. Таблица используется для отображения числовых и текстовых данных в
табличной форме
Поскольку ячейки в таблице читаются слева направо, таблица упорядочивает
данные, помещенные в ячейки, тем самым упрощая их восприятие и представляя
сложную информацию в дружественном к пользователю формате электронной таблицы.
Второе (и, пожалуй, наиболее важное) применение таблиц — помещение Web-
содержимого (то есть текста, чисел,
|
|
