СайтостроениеВ данном разделе вы найдёте статьи по сайтостроению. Начиная от настройки и запуску сервера, до установки и настройки движка сайта. | СкриптыВ данном разделе мы рассматриваем различные скрипты (движки), их направленность, работу, полезность для сайта и многое другое. | ДизайнВ данном разделе находятся статьи по дизайну. Большинство статей содержит уроки по созданию дизайна. | FlashВ данном разделе находятся уроки, а так же готовые продукты, написанные на Flash. | SEO(search engine optimization) поисковая оптимизация. Статьи на тему оптимизации и продвижения ресурсов в сети интернет. | HTML(HyperText Markup Language) язык разметки гипертекста. Статьи с уроками верстки с использованием HTML5. | CSS(Cascading Style Sheets) каскадные таблицы стилей. Статьи по использованию CSS3 при вёрстке сайтов. | Проекты Жизнь блогосферыСтатьи из жизни русскоязычной блогосферы. Новости, тенденции, интересные блоги. | Заработок в сетиСтатьи о заработке в сети. Биржи, партнерские программы, платежные системы. | РазноеСтатьи не вошедшие ни в одну из категорий. | Автоматическая регистрация в ПССкрипт позволяющий зарегистрировать свой ресурс в основных поисковых системах.

15февраля

Вечная борьба или DIV VS TABLE

Уже давно идет битва между приверженцами верстки DIV’ами и верстки таблицами. У каждого из них есть свои аргументы. Изначально я учился верстать таблицей, так как в то время DIV’ов ещё не было. Потом начал замечать, что многие используют DIV’ы, и призывают к этому других. Вроде бы и аргументы весомые – валидный код, уменьшение размера кода, а значит ускорение загрузки, возможность загрузки по слоям. Звучит красиво и вкусно, но так ли это на самом деле?

Когда начали говорить о том, что необходимо верстать DIV’ами, я не слушал этих разговоров, и воспринимал DIV’ы, как дань моде. К тому же, я находил на различных ресурсах вопросы по поводу верстки DIV’ами, и слышал ответы, что так сделать невозможно, так сделать нельзя. В общем, я сильно разочаровался в DIV’ах.

Спустя какое-то время, я заметил, что все больше и больше проектов сверстано DIV’ами. Я решил так же перейти на «дивную» верстку. Сначала все нравилось, код действительно меньше, особой скорости загрузки я не заметил, но код превращался из 50кб в 30кб. Вроде бы определился дальше верстать дивами. Пока не получил один заказ…

Итак, в дизайне заказа было несколько сложных элементов, к тому же хотел сделать дизайн практически без изображений. Чтобы справиться с данным элементом, я отправился на поиски ответа на свои вопросы. Так я и попал на сайт одной очень знаменитой дизайн-студии. Так вот, среди стандартных атрибутов подобных сайтов (портфолио, цены, работы), на сайте находились материалы по верстке. Вот от одного подобного материала я пришел в шок, и задумался, а стоит ли верстать DIV’ами.

Так вот, там описывалась верстка одного макета. Хочу сразу оговориться, макет был действительно сложным. Различные блоки разбросаны в абсолютно разных местах сайта. Но ввергло меня в ужас не это, а то, чтобы сверстать данный макет DIV’ами группа профессиональных кодеров потратила… 3 недели. К примеру, данный дизайн таблицей я сверстал за 3 часа. И тут самое интересное, сверстав данный макет таблицей… вру, смешанной версткой – я проанализировал и код. Можете верить, можете нет, но мой код оказался меньше того.

Конечно, если брать в расчет, что один DIV – один элемент – дивный код короче. А если верстка сложная, и один див содержит десяток вложенных дивов, код сильно меняется, и уже не выглядит таким маленьким, как хотелось бы. А самое главное – зачем терять три недели на то, что можно сделать за 3 часа, и не командой, а самому? Я этого не понимаю.

Да, и тем кто хочет покричать о валидации… А валидацию таблиц отменили? Я что-то такого не помню. Правильно сверстанная таблица так же проходит валидацию. Зато от вашей валидной верстки нет никакого толка, так как только человек поставит счетчик посещений, или напишет пост, где в названии будет содержаться, к примеру, тире – ваш код не пройдет валидацию.

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


Источник: Блог - Атомы Сознания

Просмотров: 7023

Печать


Теги: html, div, css, table
  • Необходимость Технического Задания
    Составление грамотного ТЗ (Технического Задания) очень важная часть работы с клиентом. Раньше я не обращал внимания на ТЗ, и делал все исходя из пожеланий заказчика, но сейчас понял, что лавочку пора
  • Создание сайта. Верстка. Часть первая
    Продолжим наши посты по поводу создания сайта, а если быть точнее, то по поводу верстки шаблона. Итак, в прошлом посте мы выбрали изображение и разрезали его для нашего будущего дизайна. Теперь, нам
  • Создание сайта. Нарезка шаблона
    Сегодня я продолжу серию статей о создании сайта. Мы уже обсуждали вопросы Создание сайта. Первые шаги, Создание сайта. Установка на локальный сервер, Создание сайта. Установка на хостинг. Итак,
  • Создание сайта. Первые шаги
    Как и обещал, начинаю публиковать цикл статей по созданию сайта от "а" до "я". В данном цикле статей будет содержаться информация не только о настройках скрипта и загрузки его на сервер, но так же мы
  • Эстафета "Что я ненавижу в сети"
    Вспоминая своё первое путешествие в сети в 1999 г, я с сожалением вижу как меняется Интернет. Те, кто застал сеть в те времена, прекрасно помнят его, и думаю, что вспоминают с трепетом. Раньше
Авторизоваться
Панель авторизации