Самоучитель по креативному веб-дизайну. Книга 1, стр.64

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

в пикселях. (Например, если у вас три фрейма, атрибут 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. Собственно говоря, применение таблиц для компоновки страниц стало настолько распространенным,

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

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

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

Полезные ссылки
Случайные записи
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.82
  • 03.03.2011">Руководство по actionscript. часть 5, стр. 075
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 053
  • 16.03.2011">Руководство по actionscript. часть 3, стр. 016
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.40
  • 19.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.37
  • 16.03.2011">Руководство по actionscript. часть 3, стр. 022
  • 24.07.2011">Медицинские справки можно получать еще быстрее
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 049
  • 16.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.25
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 132
  • 17.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.7
  • 14.03.2011">Руководство по actionscript. часть 3, стр. 083
  • 27.06.2012">Пользователи Android получили доступ к облачному сервису OneCloud
  • 14.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.77
Опрос

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

View Results

Loading ... Loading ...