Визуальный редактор Dreamweaver MX
Общие недостатки таблиц и их преодоление
Итак, поговорим о недостатках таблиц... Да, у HTML-таблиц есть серьезные недостатки. Что ж, в мире нет ничего совершенного!..
О первом недостатке уже говорилось. Это громоздкость и запутанность HTML-кода, используемого для создания таблиц. Но это уже проблемы конкретного Web-дизайнера; в самом деле, необходимо просто аккуратно писать и тщательно документировать HTML-код, чтобы не запутаться в нем. К тому же, для создания таблиц опытные Web-дизайнеры прибегают к помощи визуальных Web-редакторов. Последние, конечно,
не столь интеллектуальны и артистичны, как человек, но работают не в пример внимательнее и аккуратнее.
Второй, и самый существенный, недостаток — очень медленные загрузка и отображение. Дело в том, что многие Web-обозреватели, в частности популярнейший Internet Explorer, просто физически не в состоянии вывести таблицу на экран, пока не загрузит ее целиком. А если таблица велика, то... да что вам рассказывать?! Неужели вы не видели в Сети страничек, содержащих таблицы совершенно диких размеров? И неужели вам никогда не надоедало ждать, пока этот монстр соизволит доползти до вас полностью и явится пред ваши очи?
Примечание
Ох уж эти гигантские таблицы... Но замедление загрузки могут вызвать и не размеры таблиц. Есть еще целый ряд причин, из-за которых Web-обозревателю может потребоваться много времени, чтобы вывести таблицу на экран. Сейчас мы все их рассмотрим. И заодно приведем кое-какие несложные рекомендации, призванные сделать загрузку и отображение ваших таблиц более быстрыми.Разработчики Web-обозревателей Opera и Mozilla утверждают, что эти программы могут выводить таблицы на экран по мере загрузки.
- Ранее уже
говорилось о гигантах в мире таблиц. А рекомендации будут следующими. Прежде
всего, не делайте больших таблиц. Если без этого не обойтись, то разбивайте
каждую большую таблицу на несколько маленьких. Маленькие таблицы будут загружаться
быстрее, и пользователь будет видеть, что Web-страница нормально обрабатывается,
и сможет прочитать хоть какой-нибудь текст.
- Отображение
таблицы может сильно замедлиться, если для нее или ее ячеек заданы относительные
величины ширины и высоты. При этом Web-обозревателю сначала придется вычислить
ширину и высоту родителя (самой Web-страницы или ячейки внешней таблицы).
А точные значения ширины и высоты родителя он может получить только после
того, как закончится обработка всей страницы, т. е. очень и очень нескоро.
Здесь рекомендация может быть только одна: по возможности используйте абсолютные
значения размеров таблиц и ячеек (но именно по возможности, а не всегда).
- Обработка и
вывод Web-страницы могут сильно замедлиться, если в ней используются многократно
вложенные таблицы. А если еще эти таблицы отформатированы с указанием относительных
значений ширины и высоты, то... Рекомендации: тщательная проработка структуры
таких таблиц и, естественно, оптимизация.
- Иногда Web-обозреватель
не может корректно показать ячейку таблицы, если в ней ничего нет, т. е. ее
код — <TD></TD>. Особенно этим страдает Navigator. Для решения
данной проблемы достаточно поместить внутрь такой ячейки символ неразрывного
пробела (как это делает по умолчанию Dreamweaver): <td> </td>.
Правда, некоторые рекомендуют для этой же цели уже знакомый вам "однопиксельный
GIF":
- Если HTML-код таблицы содержит ошибки, будьте готовы, что Navigator выведет вам страницу без малейших следов этой самой таблицы. Вообще, Navigator исключительно чувствителен к ошибкам кода, в отличие от его "коллеги" Internet Explorer. Поэтому, если вы предпочитаете редактировать HTML-код таблиц вручную, тщательно проверяйте его на ошибки. А еще лучше: воспользуйтесь специальными программами проверки HTML-кода, которых сейчас довольно много на любом CD с программами. Ну и, конечно, радикальный выход из положения: воспользуйтесь для составления таблиц визуальным Web-редактором — он таких ошибок не сделает.
Назад Содержание Вперед
