Отправляет email-рассылки с помощью сервиса Sendsay

Статьи о сайтостроительстве

Рассылка закрыта

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Июнь 2001   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Автор Гость

Статистика

1.730 подписчиков
за неделю
←   Все выпуски   →

Статьи о сайтостроительстве Выпуск 17


Служба Рассылок Subscribe.Ru проекта Citycat.Ru

Статьи о сайтостроительстве

   

Выпуск 17

Здравствуйте, уважаемые читатели

Из-за технических неисправностей были утеряны присланные вами ссылки. Если хотите их увидеть в нашей рассылке, пришлите пожалуйста еще раз!

Пожалуйста извините за это маленькое неудобство.

Оптимизируем таблицы

Статья предоставлена студией "6 Этаж" (www.6floor.ru).

Всем известно, что броузер осуществляет построение и отображение загружаемой страницы постепенно, по мере загрузки составляющих ее компонент. Сначала посетитель увидит текст страницы, после чего начнет "проявляться" графика, апплеты и прочие ее элементы. Для пользователя такая возможность очень удобна, поскольку позволяет ознакомиться с частью информации и найти необходимые ссылки без ожидания завершения загрузки.

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

Выход из создавшейся ситуации нам предлагают создатели броузеров, которые вводят собственные расширения HTML и CSS для оптимизации работы своих броузеров. Предлагаю Вам ознакомиться с возможностями броузера Microsoft Intenet Explorer. Возможности Netscape Navigator я рассмотрю в следующий раз.

Производительность построения таблицы в IE может быть значительно увеличена, если установить для этой таблицы стиль table-layout в значение fixed. При этом размеры таблицы будут определяться в следующем порядке:

  • С использованием атрибута width тэгов COL и COLGROUP.

  • Путем анализа форматирования первой строки таблицы.

  • Равным делением ширины таблицы на количество ее ячеек.

Например:

<TABLE style=""table-layout:fixed"" WIDTH=600>
<COL WIDTH=100><COL WIDTH=300><COL WIDTH=200>
<TR HEIGHT=20>
<TD>...</TD><TD>...</TD><TD>...</TD>
</TR>
:
</TABLE>

Если применен стиль table-layout со значением fixed, то броузер не будет дожидаться загрузки всего содержимого таблицы, начав отображать ее строки сразу, по мере загрузки. При использовании тэгов COL необходимо задать атрибут width для каждого из них и для тэга TABLE. Если теги COL не указаны, броузер проанализирует формат первой строки таблицы и будет строить все остальные строки, используя полученную информацию. Если невозможно определить формат первой строки и не указаны тэги COL, то размер таблицы делиться поровну между всеми ее колонками.

Выигрыш в скорости особенно впечатляет в случае с большими таблицами. Вы можете посмотреть пример.

К сожалению, этот подход не работает в Netscape Navigator. Но он и не мешает его работе, поскольку броузеры игнорируют незнакомые теги и атрибуты. Об оптимизации таблиц в Netscape Navigator я расскажу в следующей статье, и Вы сможете добиться одинакового результата, применяя к таблицам оба подхода одновременно.

Северин Паньков (SeverinP@6floor.ru)

[прокомментировать статью]

Полезные ссылки

Guistuff.com - бесплатные сервисы для веб-мастеров. Здесь предлагаются бесплатные полностью готовые к употреблению графические интерфейсы для вашего сайта, различные "примочки", другие интерфейсы, большой выбор шаблонов страниц и т.д. 

  • GUI-Generator - за 4 шага сгенерирует вам полностью сайт, сделает весь дизайн, вставит графику и расставит правильно все ссылки. Вы можете выбирать различные стили для вашего сайта.

  • Sitemap Menu Generator - сделает карту вашего сайта

  • IE5.5 Scrollbar Generator - сделает цветной полосу прокрутки в браузерах ваших посетителей

  • Graphic Navbar Generator - сгенерирует вам в соответствии с вашими пожеланиями графические навигационные панели для вашего сайта.

Также и ряд других полезных сервисов и возможностей вы найдете здесь. Перед употреблением зарегистрируйтесь. Все БЕСПЛАТНО. Регистрация.

[предложить свою]

Обращение к авторам

Присылайте свои статьи по адресу mailto:cvcdesign@hotbox.ru   с пометкой "статья". Вознаграждение - 500-1500 показов RLE. Публикуя в этой рассылке интересные и познавательные статьи, вы получаете благодарную аудиторию, состоящую из специалистов, и можете завоевать себе лестную репутацию эксперта.

ГЛАВНАЯ // СТАТЬИ // ЛИТЕРАТУРА // ФОРУМ // РАССЫЛКИ // DOWNLOAD // СЕРВИСЫ // ССЫЛКИ // О НАС

Ведущий рассылки: Александр Довженко    Сайт: http://cvcdesign.diaspora.ru
Предыдущие выпуски рассылки: http://cvcdesign.diaspora.ru/rassilka.htm
Copyright (c) 2000-2001, СVC-DESIGN . Копирование и использование материалов данной рассылки разрешается только в случае указания ссылки на источник получения информации, при этом во всех ссылках обязательно явное указание адреса: http://cvcdesign.diaspora.ru 
http://subscribe.ru/
E-mail: ask@subscribe.ru 		Отписаться Рейтингуется SpyLog
В избранное