Вёрстка сайта полностью на CSS. За и против. - [3] :: В помощь вебмастеру

Ладно. Вставлю и я свои 5 коп.
Те, кто противопоставляют CSS и табличную вёрстку - Не понимают сути ни CSS ни HTML.
CSS и табличную вёртку не возможно противопоставлять, т.к. эти понятия относятся не являются взаимоисключающими.
И разделение вёрстки на табличную и див'ную, к CSS ни какого отношения не имеет. (Хотя таблицы нужно стараться использовать только по их прямому назначению)
IMHO CSS дизайн это метод создания сайта (веб аппликации), когда заранее решают какая информация будит выводиться на странице в каком блоке. (Блоки могут идентифицироваться по имени класса или по id. (есть и другие варианты))
Затем программист и верстальщик параллельно начинают заниматься каждый своим делом.
Программист пишет аппликацию заранее зная, что например новости он должен выводить в <div id="news"></div>, а меню в например в список <li class="menu"></li>. При этом программист не должен заботиться о графическом представлении логических элементов страницы (сайта). Его задача выдать правильное содержание в соответствующем ему блоке. Без учёта графического представления данных блоков. Т.е. при программирование вывода в HTML в своей аппликации программист не использует такие атрибуты тэгов HTML как:
align,
background,
bgcolor,
cellpadding,
color,
face,
height,
hspace,
marginheight,
marginwidth,
size,
width,
и т.д.

И не использует такие тэги как:
<B>,
<BASEFONT>,
<CENTER>,
<FONT>,
<I>,
<SMALL>,
<U>,
<TT>,
<BIG>,
<STRIKE>,
<S>,
и т.д.

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

P.S.
И по поводу таблиц.
Их недостаток по отношению к дивам, в контексте CSS дизайна в том, что одновременно является общеизвестным достоинством таблиц.
Т.е. в жестком позиционирование элементов таблицы.
Пример:
При правильной CSS блочной вёрстке, нет ни каких проблем, с помощью только CSS, не трогая HTML вообще, переместить, например блок новостей из правой колонки в левую, или вместо вертикального сделать меню горизонтальным (абсолютное позиционирование) Причём порядок (последовательность) блоков в смом HTML при абсолютном позиционирование ни какого значения не имет.

Добавлено:
Пример независимости вёрстки(представления) от содержания
http://www.csszengarden.com/tr/russian/

Цитата:

Демонстрация того, что может быть достигнуто визуально посредством дизайна на основе CSS. Выберите любой style sheet из списка, чтобы загрузить его в эту страницу.

Модерирует : Cheery
Версия для печати • Подписаться • Добавить в закладки
Страницы: 1 2 3