cellspacing=»2″ width=»96″>

.htm»>^aBHaH

06pa3ubi

trXtdXa href=»aboutus. htm»>0 Hac

KoHTaKT

.htm»>KynnTb

Чтобы быть последовательными, всегда помещайте боковое навигационное

меню в одном и том же месте на каждой странице сайта. Так посетителям будет легче находить систему навигации сайта и пользоваться ею. Чаще всего навига —

ционное меню помещают в двух областях страницы: в виде боковой панели вер- тикально вдоль левого края Web-страницы (как в данном практикуме) или в виде горизонтальной панели вверху страницы.





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



Добавление графики и ссылок в ячейки таблицы

Каждая ячейка таблицы представляет собой отдельный управляемый элемент,

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

коде, между начальным и конечным дескрипторами ( ) таблицы:

Cs>fla помещаются данные ячвйки

ПРАКТИКУМ

Чтобы поместить в ячейку графическое изображение, вставьте дескриптор , как показано ниже, между начальным и конечным дескрипторами данных ячей-

ки ( ) :

src=»image. jpg» X/td>

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

Следовательно, в данном примере Web-браузер отобразит рисунок из файла

image. jpg.

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

нок в таблице (из предыдущего примера) в гиперссылку:

href =»info. htm»Ximg src=»image. jpg» X/ax/td>

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

тем щелкнет на рисунке, Web-браузер отобразит содержимое файла, указанного в

атрибуте href дескрийтора . Следовательно, в данном примере Web-браузер отобразит содержимое файла info. htm, когда посетитель щелкнет на рисунке в таблице.

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



Управление границами на Web-странице

с помощью вложенных таблиц

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

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

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



ПРАКТИКУМ

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

те таблицу и вставьте вторую таблицу с тремя графическими элементами в

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

В приведенном ниже коде демонстрируется вложение таблицы, содержащей

три изображения? в ячейку другой таблицы:





В данном примере второй столбец таблицы содержит вложенную таблицу, а

первый столбец внешней таблицы имеет фиксированную ширину, равную 30

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

бец таблицы отодвигает вложенную таблицу на 30 пикселей вправо от левого

края окна браузера, как показано на рис. 2.24.

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





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

Навигационные карты — отличный способ помочь посетителям лучше ориен — тироваться в пределах вашего сайта. Навигационная карта похожа на группу кно — пок, объединенных в одно изображение. Когда посетитель сайта наводит курсор мыши на навигационную карту, внутренний код навигационной карты позволяет ему щелкать мышью на определенных областях карты, так называемых «горячих» областях. «Горячие» области — это невидимые границы вокруг определенных час — тей изображения. Например, на навигационной карте Соединенных Штатов «го — рячие» области определяли бы границы каждого штата. Когда посетитель щел — кает на штате Канзас, «горячая» область, определяющая Канзас, может, например, загрузить Web-страницу с текущими погодными условиями в Канзасе, или же может направить посетителя на Web-сайт, посвященный, скажем, исто-