Самоучитель по креативному веб-дизайну. Книга 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

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

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

Полезные ссылки
Случайные записи
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.42
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.46
  • 10.06.2012">На пресс-конференции Google показала новые возможности Google Maps
  • 22.03.2011">Руководство по actionscript. часть 2, стр. 005
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.83
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 018
  • 10.03.2011">Руководство по actionscript. часть 4, стр. 030
  • 16.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.15
  • 21.07.2011">Дизайн современных часов
  • 09.03.2011">Руководство по actionscript. часть 4, стр. 057
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.87
  • 09.03.2011">Руководство по actionscript. часть 4, стр. 071
  • 24.01.2010">Плагины расширений для браузера Google Chrome
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.6
  • 26.02.2011">Руководство по actionscript. часть 6, стр. 061
Опрос

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

View Results

Loading ... Loading ...