Облачный сервис для Joomla сайтов
Навигация: Главная Обзоры Блочная или табличная верстка, что выбрать?


Блочная или табличная верстка, что выбрать?

Блочная или табличная верстка, что выбрать?

Версткой сайта называется процесс трансформации макета, сделанного обычно в формате photoshop, в html документ. При этом составляется набор CSS правил. Верстка – это, конечно, не создание макета в фотошопе, но также требует творческого подхода. Хотя, с приобретением достаточного опыта, процесс верстки механизируется. О качестве верстки судят по отличию созданного сайта от макета.

Существует два вида верстки – табличная и блочная. Рассмотрим преимущества и недостатки каждой из них.

Табличная верстка

Наибольшей популярностью табличная верстка пользовалась у начинающих веб-мастеров в начале эпохи развития создания сайтов. Процесс верстки макета также, как и строительство турецкой бани, является главным аспектом в сайтостроении. Хотя и сейчас многие используют ее по привычке, при этом доведя до совершенства свои навыки. Основная идея табличной верстки – представление сайта в табличном виде, что возможно благодаря его типовой структуре. Ширина таблицы при этом может быть как фиксированная, так и «резиновая» (меняется при изменении разрешения монитора).

Преимущества и недостатки:

• Простота освоения, не требуется глубокое знание HTML и CSS;

• При реализации понятна на интуитивном уровне, минимальное количество CSS правил;

• Невозможность реализации сложного дизайна, требующего перекрытия элементов;

• Главный недостаток – отсутствие возможности частичного последовательного показа (браузер ждет полной загрузки таблицы). Это часто приводит к преждевременному уходу пользователей.

Блочная верстка

Основа блочной верстки – расположение по вертикали блочных элементов в том же порядке, в каком они идут в HTML коде. Кроме того, существует возможность задания блоку свойство плавучести, в результате чего он (кроме текста) будет игнорироваться другими блоками, или его будут обтекать такие же плавучие блоки. Блочным можно сделать любой элемент, задав ему свойство display:blok.

Преимущества и недостатки:

• Меньший объем кода;

• Возможность реализации сложного дизайна;

• Сложность освоения;

• Необходимость решения вопросов кроссбраузерности.


Related news items:
Еще статьи:

 
Баннер
Баннер

Следуй за нами

   

Авторизация



Статистика сайта

  • vn5socks.net
    vn5socks.net
    Послать ЛС
Сейчас на сайте:
  • 1 Joomla мастер
  • 1 гость
  • 1 робот
Всего пользователей: 12176

Наша гордость

  • cvetercom
    186 (+19/-5)
  • Nikolia
    130 (+10/-1)
  • root
    120 (+18/-1)
  • apricot
    113 (+20/-4)
  • Fidelity
    101 (+10/-1)
  • Xemreht
    63 (+3/-0)
  • bod
    47 (+5/-1)
  • zloy_pozitiv
    43 (+4/-0)
  • Magnum79
    26 (+2/-1)
  • trixxxden
    26 (+0/-0)
  • RaGaYa
    23 (+0/-0)
  • kola60
    23 (+0/-2)
  • Nette
    18 (+2/-0)
  • StAtiC
    17 (+2/-0)
Баннер

Изучаем CMS Joomla!

-ingateДля всех, кто хочет улучшить видимость сайта в поисковых системах, повысить количество целевых посетителей и увеличить доход от ресурса, эксперты компании...
l11-r-ingateКаждый специалист по маркетингу знает, что большая посещаемость важна для коммерческого сайта, но еще важнее, чтобы пришедшие пользователи...
4-Посещаемость сайта все выше, денег покупатели тратят все больше, бизнес растет как на дрожжах. Согласитесь, это мечта любого владельца сайта и...
lseo-r-Мощный, заряженный мотивацией текст «продаст» товар даже тому, кто не заинтересован в покупке. Однако, если этот текст «некачественный» с точки зрения...
-l-seor-Скоро лето ─ сезон отпусков, пикников и отдыха. Возьмите с собой в дорогу или на дачу книгу «Как попасть в ТОП: практика эффективного SEO». В новом...