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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


загрузка...

 
Баннер

Уважаемые пользователи! Если у Вас возникли вопросы по данному материалу - оставьте свой комментарий и мы постараемся Вам помочь. Оставайтесь с нами!

Добавить комментарий

Защитный код
Обновить

Баннер

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

   

Авторизация



Поддержать этот ресурс Вы можете

через платежную систему Webmoney

  Z299422543783

  R230383531538

  U630721442765
или

Яндекс Кошелек 410011414281063

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

Сейчас на сайте:
  • 1 гость
  • 1 робот
Всего пользователей: 11732

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

  • 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)
Баннер

Изучаем CMS Joomla!

-ingateДля всех, кто хочет улучшить видимость сайта в поисковых системах, повысить количество целевых посетителей и увеличить доход от ресурса, эксперты компании...
l11-r-ingateКаждый специалист по маркетингу знает, что большая посещаемость важна для коммерческого сайта, но еще важнее, чтобы пришедшие пользователи...
4-Посещаемость сайта все выше, денег покупатели тратят все больше, бизнес растет как на дрожжах. Согласитесь, это мечта любого владельца сайта и...
lseo-r-Мощный, заряженный мотивацией текст «продаст» товар даже тому, кто не заинтересован в покупке. Однако, если этот текст «некачественный» с точки зрения...
-l-seor-Скоро лето ─ сезон отпусков, пикников и отдыха. Возьмите с собой в дорогу или на дачу книгу «Как попасть в ТОП: практика эффективного SEO». В новом...
-seo-Как увеличить продажи с сайта и продвинуть его в ТОП поисковых систем при помощи качественного контента − узнайте об этом из книги «Наглядное пособие по...
10-joomla-3Полный перевод новой книги Хагена Графа «Joomla! 3 — In 10 Easy Steps» (10 легких шагов к освоению Joomla! 3). Данная книга рассказывает о том, как...