| |
ов ячейки
ему нужно будет загрузить графическое изображение. Если вы в явном виде зада-
Глава 2. HTML-таблицы
дите размеры всех графических изображений, Web-браузер сможет нарисовать
таблицу, вывести весь текст в ячейках таблицы, а затем вернуться к загрузке и
вставке медленно загружающихся изображений в таблицу. Поскольку извлечь
и отобразить текстовое содержимое браузер сможет быстро, у посетителя сай-
та будет возможность читать текстовое содержимое таблицы, ожидая, пока
браузер извлечет и отобразит большие, медленно загружающиеся изображе-
ния в таблице.
При указании размеров изображений следите затем, чтобы значения атри-
бутов height и w i d t h соответствовали фактической ширине и высоте
изображения, кото-
рое браузер должен поместить в ячейку. Если указанные вами высота и/или ширина
отлича-
ются от размеров изображения, Web-браузер растянет (или сожмет) изображение,
чтобы
привести его размеры в соответствие со значениями атрибутов height и w i d t h .
В резуль-
тате выведенное на экран изображение может исказиться.
Имитация фреймовой Web-страницы
с помощью таблицы
Web-дизайнеры тратят немало времени на то, чтобы должным образом орга-
низовать содержимое на Web-странице. На хорошо продуманных Web-страницах
информация группируется в четко определенные области. Например, на страни-
цах многих сайтов группа заголовков (или баннер) отображается вдоль верхней
границы страницы, навигационная панель расположена вдоль одной из сторон
или вдоль нижнего края, а само содержимое отображается под заголовками и
либо справа от навигационной панели, либо над ней.
Web-сайт с хорошо организованными Web-страницами создает удобную среду,
которая побуждает посетителя зайти на сайт и потратить время на исследование
его содержимого. Один из способов организации содержимого нагWeb-странице
— это использование фреймов, которые делят Web-страницу на несколько окон,
называемых фреймовой структурой (frameset), причем каждое окно способно ото-
бражать отдельный Web-документ. Типовая фреймовая Web-страница, вроде той,
которая показана на рис. 2.27, имеет три фрейма.
Первый фрейм располагается слева направо вдоль верхнего края страницы и
содержит заголовочную информацию, например, название и адрес компании.
Второй фрейм содержит навигационную систему и располагается вдоль левой
стороны страницы, от заголовочного фрейма до нижнего края страницы. Третий
фрейм содержит организованные области текста и графики.
Хотя фреймы — отличный инструмент для организации информации на Web-
странице, им присущи два больших недостатка. Во-первых, фреймы не полнос-
тью поддерживаются всеми Web-браузерами, а во-вторых, на загрузку фреймовой
Web-страницы Web-браузеру требуется больше времени, поскольку в каждом
фрейме страницы браузер должен загрузить и отобразить отдельный Web-доку-
мент.
122 Глава 2. HTML-таблицы
Видимая граница определяет фреймы
Stop fietfech Home Seaich Favorites Huttty ; Mai
, ., _ _ I ^j^
: • . . , - ! ' • : '• • : .'
• . i.'. . , . • . I
РИС. 2.27. Типичная Web-страница, разделенная на фреймы
ПРАКТИКУМ ШШШШШ
Хотя таблицы не позволяют загружать в одном окне браузера несколько доку-
ментов, с помощью таблиц можно создать видимость организации, получаемой
при работе с фреймовыми Web-странцами. Например, приведенный ниже код
создает таблицу, придающую Web-странице организованный вид фреймовой стра-
ницы, как показано на рис. 2.28.
|
