лу столбцов, перечисленных в значении атрибута), но и ширину каждого фрейма

в пикселях. (Например, если у вас три фрейма, атрибут cols будет иметь три

значения и выглядеть так: соД. в«»л, л,л»; если у вас четыре фрейма, атрибут

cols будет иметь четыре значения и выглядеть как со18=»л, л,л, л», и т. д.)

Атрибут src в дескрипторе фрейма сообщает Web-браузеру имя Web — страницы, которая должна быть отображена внутри фрейма, когда браузер перво —

начально загружает фреймовую страницу. В текущем примере Web-браузер загру —

зит njnenu. html В Первый фрейм (названный menu) И opendoc. htm ВО ВТОрОЙ

фрейм (с именем content), как показано на рис. 1.27.



78 Глава 1. Основы языка HTML





Когда посетитель сайта щелкает на гиперссылке в фрейме меню, атрибут target дескриптора сообщает Web-браузеру, в какой фрейм загрузить Web-страницу, на которую указывает атрибут href дескриптора . Например, следующая гиперссыл —

ка дает Web-браузеру указание отобразить документ aboutus. htm l в фрейме content,

когда пользователь щелкнет в каком-то месте ссылки «О нас»:





Таким образом, когда посетитель сайта щелкнет на гипертекстовой ссылке «О

нас», Web-браузер заменит документ (opendoc. html из предыдущего примера), ото —

бражаемый в целевом фрейме (content), документом aboutus. html (на который указывает атрибут href в данном примере). Если у дескриптора гиперссылки

нет атрибута target, браузер загрузит документ, на который указывает гиперссылка, в

фрейм, где отображалась Wfeb-страница, гиперссылку которой активизировал пользова —

тель. Например, HTML-код о нас заставит Wfeb-браузер

заменить в фрейме menu документ njnenu. html документом aboutus. html (при усло —

вии, что «О нас» — гиперссылка в панели меню, отображаемой внутри фрейма menu).

Аналогично, когда пользователь щелкнет на гиперссылке в панели содержимого (content), у гиперссылки либо будет атрибут target, который даст браузеру указа — ние загрузить связанную страницу в фрейм content, либо вовсе не будет атрибута

target, — в этом случае браузер все равно загрузит связанную страницу в фрейм

content. Отображая извлекаемые браузером связанные страницы в меню content,

вы сможете оставлять навигационное меню (в фрейме menu) на экране постоянно.

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

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

не поддерживают фреймы, не отобразят ни Web-страницы в фреймах, ни фрей —

мы, определенные страницей задания фреймов. В 1

Чтобы решить проблему браузеров, не поддерживающих фреймы, включите в

свой документ задания фреймов начальный и конечный дескрипторы воспроизведе —

ния документа без фреймов (), как показано в следующем коде:







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





Создание таблиц с ячейками, объединяющими несколько столбцов

и несколько строк

Работа с шириной границы таблиц и ячеек Работа с цветами границ таблицы и ячеек Работа с фоновыми изображениями и цветами Определение значения цветового атрибута

Работа с полями ячеек и расстоянием между ячейками таблицы

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

Управление шириной и высотой ячейки с помощью вставки прозрачного

GIF-изображения

Обтекание текстом изображения

Отображение с помощью таблицы галереи миниатюр

Создание маркеров и списков с помощью таблиц и графики Создание бокового навигационного меню с помощью таблицы Добавление графики и ссылок в ячейки таблицы

Управление, границами на Web-странице с помощью вложенных таблиц

Составление навигационной карты путем помещения фрагментов изображения в таблицу

Разрезание графического изображения на фрагменты для вставки в ячейки таблицы с целью создания быстрозагружаемой Web-графики

Снижение времени, затрачиваемого Web-браузером на рисование таблицы

Имитация фреймовой Web-страницы с помощью таблицы

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

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

Управление расстоянием между колонками и шириной полей текста на

Web-CTDaHHue

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



появлением в языке HTML механизма таблиц, в арсенале Web-дизайнеров

^появились два весьма ценных инструмента — средство для размещения на страницах текстовой и числовой информации в табличном формате, а также инст- румент для точного позиционирования объектов на Web-странице. Хотя вы и бу — дете время от времени использовать таблицы для представления табличных дан — ных, истинная ценность таблиц заключается в возможности их применения для компоновки страниц. HTML-таблицы позволяют компоновать такие Web-страни — цы, создание которых было достаточно сложным, если не вовсе невозможным, до введения таблиц с появлением в 1995 году версии HTML 3. Собственно говоря, применение таблиц для компоновки страниц стало настолько распространенным,