Табличная верстка
Достоинства и недостатки
Проектирование и разработка веб-сайта - достаточно сложная и нетривиальная задача, для решения которой необходимы знания из многих областей. Вкратце процесс выглядит следующим образом.
Вначале разрабатывается концепция сайта, определяются его цели и задачи, целевая аудитория и т.д. Все это делается с помощью информационной архитектуры.
Затем разрабатывается структура сайта. Сложность этого процесса зависит от сложности сайта. Для простого сайта структурную схему можно написать за две минуты, а для сложного на разработку структуры отводится пара недель.
Но вот структура готова. Затем надо придумать идею, которая бы выделяла этот сайт из числа себе подобных. На Западе такой процесс называют креативом (от слова «create» - создавать). Подобные сайты лучше запоминаются посетителю, поэтому и привлекают его внимание. Конечно, хороший сайт можно сделать и без какой-то оригинальной идеи, но лучше, чтобы она присутствовала.
Затем дизайнер рисует макет сайта, а уж потом этот макет попадает в руки HTML-верстальщика, у которого задача одна: сделать так, чтобы HTML-страница выглядела точно так же, как этот макет, во всех популярных браузерах. (На сегодняшний день это Microsoft Internet Explorer версий 6.х и 7.х, Mozilla/Firefox 3.х/Netscape 6.х, Opera 6.x- 8.x)
Итак, позиционирование с помощью таблиц. Почему таблицы принципиально можно использовать для расположения информации на странице?
Благодаря специальным атрибутам можно сделать таблицу с невидимыми рамками, точнее, рамки будут отсутствовать вовсе. В каждую отдельную ячейку такой таблицы можно помещать что угодно: текст, картинку или даже еще одну таблицу.
Содержимое каждой ячейки можно выравнивать по вертикали или горизонтали по отношению к краям этой ячейки.
Кроме того, можно жестко задавать ширину таблицы и каждой ячейки в пикселях.
И, в дополнение ко всему, задавать для каждой ячейки или для всей таблицы фоновый рисунок.
С помощью такой жесткой фиксации ширины и выравнивания можно позиционировать элементы на странице с точностью до пиксела. Если смотреть на вещи глобально, то практически не существует макета веб-страницы, который нельзя сверстать на основе позиционирования с помощью таблиц.
P.S. Необходимо знать о механизме отображения таблиц браузером. Дело в том, что браузер покажет таблицу только тогда, когда она загрузится полностью, т.е. загрузится код самой таблицы и все содержимое таблицы, включая рисунки (а они являются наиболее объемными среди всех составляющих кода страницы - именно поэтому многие пользователи для ускорения загрузки отключают картинки).
Проблемы использования таблиц
- Браузер Netscape Navigator весьма некорректно обрабатывает фоновые изображения в таблицах.
- Сложно сделать таблицу с видимой рамкой толщиной 1 пиксел. Тут могут быть проблемы у Microsoft Internet Explorer.
- Конечно, и та и другая проблема решаемая, но это требует дополнительных ухищрений при написании кода страницы.
В среде веб-разработчиков есть сленговое выражение «вес страницы». Имеется ввиду размер HTML-файла и графики в килобайтах. (Вы можете увидеть это, если сохраните какую-нибудь веб-страницу, «полностью», у себя на компьютере, в отдельную папку, а потом посмотрите в свойствах этой папки - «размер»)
Применение таблиц при разработке сайтов приводит к увеличению кода страницы по сравнению с информационной частью.
Самым очевидным недостатком и следствием применения таблиц является трудность изменения дизайна страницы. Во многих случаях для этого придется переписать весь код страницы заново.
Этого недостатка лишена верстка с помощью CSS (Каскадных Таблиц Стилей).
