Дорогие друзья, продолжаем постигать секреты верстки. В первой статье было показано, как верстается страница (на примере бесплатного шаблона) стандартными средствами.  Эта статья является второй частью цикла, в которой мы попробуем сверстать этот же шаблон, но уже с помощью CSS фреймворка Bootstrap 3.

Уважаемые читатели, недавно на популярном ресурсе habrahabr.ru был опубликован цикл статей, посвященных вёрстке. В первой части будет описано, как это сделать с помощью стандартных средств на чистом HTML и CSS. В последующих частях будут рассмотрены способы как сделать тоже самое, но с помощью современных фреймворков и CMS. 

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

Табличная верстка сильно повлияла на способы верстки веб-страниц. Сейчас все более распространяется и даже становится модной методика верстать страницу при помощи слоев, и все старые стереотипы проявляются вновь и вновь. Поэтому перед рассказом о верстке слоями нужно сперва вспомнить о верстке табличным способом и о наследии, который он нам оставил.

Применение в качестве модульной сетки таблиц с невидимой границей — очень распространенный способ при верстке сайтов. В такой таблице удобно размещать различные элементы веб-страницы. Основные преимущества табличной верстки — это простота и быстрота верстки, а также хорошая кроссбраузерность.

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

Модульная сетка — это набор скрытых направляющих, вдоль которых располагаются элементы веб-страницы. Применение модульной сетки облегчает размещение разнообразных данных на сайте, обеспечивая между различными блоками визуальную связь.

Между версткой сайта и полиграфической продукции есть одно принципиальное различие. Любая полиграфия (листовка, газета, буклет) печатается на страницах определенного размера. Веб-страница же отображается на компьютере пользователя с помощью браузера. Ясно, что настройки операционной системы и веб-браузер у различных пользователей разные. Отсюда следует вывод, одна и таже веб-страница будет по-различному отражается у каждого пользователя.