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

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

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

Полезные ссылки
Случайные записи
  • 21.03.2011">Руководство по actionscript. часть 2, стр. 054
  • 15.03.2011">Руководство по actionscript. часть 3, стр. 038
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.78
  • 24.02.2011">Руководство по actionscript. часть 6, стр. 108
  • 17.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.140
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.73
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 027
  • 05.03.2011">Руководство по actionscript. часть 5, стр. 021
  • 11.11.2012">Мини холодильная витрина и её виды
  • 19.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.26
  • 21.06.2011">Как правильно оптимизировать сайт для социальных сетей
  • 06.07.2011">Небольшие хитрости дизайна
  • 27.02.2011">Руководство по actionscript. часть 6, стр. 038
  • 20.02.2012">Владельцы Twtter.com и Wikapedia.com оштрафованы за мошенничество
  • 24.02.2011">Руководство по actionscript. часть 7, стр. 011
Опрос

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

View Results

Loading ... Loading ...