Рейтинг:  5 / 5

Звезда активнаЗвезда активнаЗвезда активнаЗвезда активнаЗвезда активна
 

Это первая статья по теме верстки сайтов, поэтому она будет вступительной и в ней мы рассмотрим основные моменты верстки, а также преимущества блочной верстки над табличной.

Еще не так давно многие веб разработчики использовали табличную верстку страницы своего веб сайта, а некоторые до сих пор ею пользуются. И действительно, табличная верстка придает странице сайта четкость размещение её элементов а также сохраняется порядок и гармоничность. Кстати последние два свойства нужны обязательно всем кто собирается заниматься веб разработками. При табличной верстке каждый элемент нашей страницы (заголовок, текст, картинка) помещают в ячейку таблицы. Такой подход размещения элементов можно применить к сайту любой сложности.

Любая таблица имеет строки, столбцы, ячейки и рамку. Все размеры ячеек мы можем регулировать, а значит можем поместить туда элемент любых размеров (в пределах разумного), а также возможно изменять толщину рамки до тех пор пока её совсем не станет видно. Для примера можно представить горизонтальное главное меню вашего веб сайта, где есть несколько его пунктов размещены каждый в отдельную ячейку. Естественно лишних рамок и контуров там быть не должно, так как у нас есть четко обрисованный свой дизайн, и мы просто убираем их. Таким образом делается вся табличная верстка.

Что такое блочная верстка и чем она хороша

Блочная верстка - это несколько иной тип размещения элементов веб страницы. Здесь все элементы "вкладывают" в блоки. Каждый блок идет отдельно от другого, нет никакой привязки и зависимости. Следовательно изменять свойства каждого блока возможно не зависимо от других. Главное достоинство этого метода верстки - это гибкость и независимость блоков. Блоки идут в порядку естественного потока (сверху вниз, слева направо), а также они не "любят" когда в одной строке стоит два блока и больше. Также у любого блока есть отступы, поля, рамки.

А вы хотите наверное спросить чем же лучше блочная верстка от табличной, если она так удобна и универсальна? В действительности табличная верстка, в плане размещение элементов, ничем не хуже и не лучше чем блочная. С одной стороны все дело в удобстве для верстальщика. При блочной верстке размер написанного html кода стандартной веб страницы составляет примерно четвертую часть от того же только при табличной верстке. Хоть html не является языком программирования , но все же, чем менее текста рабочей программы тем лучше не только для быстродействия, но и для программиста, а именно когда он найдет спустя некоторое время, казалось бы, в рабочей программе ошибку и начнет разбираться что там он писал. Но тут не заканчиваются все плюсы блочной верстки. Все мы любим когда наши странички загружались в мгновение ока . Блочная верстка увеличивает скорость загрузки веб страничек, по сравнению с табличной, в 2-3 раза.

Блочная верстка (Видео)

Читайте также...