site-layout

Вёрстка сайта

6 февраля 2011 228

Меня часто спрашивают, что же такое верстка сайта? Зачем она нужна? И почему к верстке сайта нужно подходить с полной мерой ответственности?

CodeCanyon: Лучшие плагины для WordPress
CodeCanyon: Лучшие плагины для WordPress

Начнем с того, что одним из начальных этапов создания сайта является создание дизайн-макета будущего сайта. Дизайн-макет чаще всего представляет собой графический файл в формате PSD (Adobe Photoshop Document) с послойным представлением макета одной или нескольких страниц сайта. Формирование же HTML-кода по дизайн-макету называется версткой сайта.

Верстка сайта — это процесс формирования веб-страницы по готовому дизайн-макету. Существует два вида верстки: табличная и блочная верстка.

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

Табличная верстка уже давно не используется профессиональными верстальщиками, т.к. верстка таблицами очень раздувает размер страниц, HTML-код получается очень перегружен лишними и ненужными тегами, что в конечном счете крайне негативно сказывается на индексации таких страниц (а то и целых сайтов) поисковыми машинами. В силу того, что табличная верстка проста в освоении, ей продолжают пользоваться многие начинающие веб-дизайнеры. Поэтому, если вам верстальщик предлагает табличную верстку сайта, то стоит задуматься о его компетенции.
Как же определить табличную верстку? Проще простого! Открываем исходный код страницы и смотрим его. Он, как правило, перегружен такими тегами, как: table, tbody, tr, th и td. Если верстальщик сдал вам работу в табличной верстке, то имеет смысл поинтересоваться у него о целесообразности ее использования.

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

Блочная верстка сайта позволяет сократить размер страниц до минимума за счет того, что все оформление страниц выносится в таблицу стилей CSS. Этим мы можем добиться максимальной оптимизации кода страниц, что заметно повлияет на скорость загрузки страниц. А чистотой HTML-кода мы добьемся более глубокой индексации сайта поисковиками. С помощью блочной верстки возможно реализовать практически любые, даже самые изощренные задумки веб-дизайнера. Возможности же табличной верстки достаточно ограничены в силу своей формальной «табличности». Определить блочную верстку достаточно легко. Весь код сайта состоит в основном из блоков с тегом div.

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

Заключение: Табличная верстка должна применяться только по своему прямому назначению – для верстки таблиц, и никак не для верстки всего сайта.

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

Автор: Иван Данилин

Практикующий веб-разработчик, специализируюсь на платформе WordPress.

Комментарии

Разгоните свой WordPress

Хостинг-провайдер номер один в России — REG.RU

Подробнее