Блочная верстка с использованием тэга div

Верстка сайтов при помощи блочного тэга div

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

Небольшое отступление:

Поисковые роботы читают web-страницу сверху вниз. Если в начало вашей странички напихать всевозможных кодов меню, картинок, рекламы и т.д., поисковый робот может и не дойти до вашей полезной информации и, соответственно, или НЕ проиндексирует ее или проиндексирует не совсем правильно. Поэтому мы будем верстать сайт таким образом, чтобы колонка с вашей, нужной всему миру, информацией была как можно ближе к началу страницы.

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

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

Ну, а теперь таки приступим...

Реклама