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




width=»58″ height=»12″ src=»image. jpg»X/td>







Если опустить атрибуты heigh t и width в дескрипторе , браузеру при- дется определять размер ячейки по размеру изображения, которое он должен в

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

ему нужно будет загрузить графическое изображение. Если вы в явном виде зада^

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





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

и отобразить текстовое содержимое браузер сможет быстро, у посетителя сай —

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



ПРИМЕЧАНИЕ При указании размеров изображений следите за тем, чтобы значения атри- бутов heigh t и widt h соответствовали фактической ширине и высоте изображения, кото — рое браузер должен поместить в ячейку. Если указанные вами высота и/или ширина отлича- ются от размеров изображения, Web-браузер растянет (или сожмет) изображение, чтобы привести его размеры в соответствие со значениями атрибутов heigh t и width. В резуль — тате выведенное на экран изображение может исказиться.



Имитация фреймовой Web-страницы

с помощью таблицы

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

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

его содержимого. Один из способов организации содержимого наг Web-странице

— это использование фреймов, которые делят Web-страницу на несколько окон,

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

которая показана на рис. 2.27, имеет три фрейма.

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

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

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

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

Полезные ссылки
Случайные записи
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.93
  • 12.03.2011">Руководство по actionscript. часть 3, стр. 128
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.22
  • 05.03.2011">Руководство по actionscript. часть 5, стр. 025
  • 04.03.2011">Руководство по actionscript. часть 5, стр. 042
  • 08.03.2011">Руководство по actionscript. часть 4, стр. 079
  • 07.03.2011">Руководство по actionscript. часть 4, стр. 110
  • 04.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.25
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.58
  • 02.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.116
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.34
  • 01.03.2011">Руководство по actionscript. часть 5, стр. 131
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.114
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.48
  • 17.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.8
Опрос

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

View Results

Loading ... Loading ...