Что такое верстка сайта?

Грамотная разработка сайта – это сложный многоэтапный процесс. Верстка является неотъемлемой частью процесса изготовления сайта, это процесс формирования веб-страницы по готовому макету. Этот процесс заключает в себе создание кода страницы при помощи понятного браузерам языка размётки гипертекста html, и оформление её с помощью каскадных таблиц стилей (CSS). Можно самому попытаться сверстать сайт, но целесообразнее заказать услуги верстальщика. Грамотная верстка сайтов должна учитывать многочисленные особенности, как правил верстки, так и параметров отображения документов в различных браузерах.

Мы верстаем с учетом основных правил хорошего тона

Верстка и дизайн ширины страницы

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

Ширина фиксированного макета определяется из расчета того, что по статистическим данным большинство пользователей используют мониторы с разрешением 1024х768 пикселей. Следовательно, для того, чтобы избежать появления горизонтальной полосы прокрутки и искажения дизайна, нужно в среднем брать ширину макета примерно 800-990 пикселей. Недостаток при таком методе верстки – это неэффективное использование свободной площади.

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

И наконец макет сайта с изменяемой версткой использует javascript для определения размеров окна браузера пользователя и в зависимости от этого подставляется таблица стилей для данного разрешения, что позволяет изменить макет вплоть до изменения размера шрифта и сокрытия целых блоков макета. Данный вариант верстки позволяет устранить недостатки первых двух вариантов.

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

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

Верстка сайтов с учетом кроссбраузерности

Сегодня существует целый ряд популярных браузеров, используемых людьми для работы в сети Интернет. К ним относятся: Internet Explorer, Opera, Mozilla Firefox, Google Chrome, Netscape Navigator, Safari и другие. Каждый из них имеет несколько версий, и каждый может отображать одну и ту же страницу, представленную в формате html, по-разному. Все создатели браузеров стремятся прийти к единому стандарту использования языка гипертекстовой разметки, но пока существуют разногласия, поэтому верстка сайтов должна учитывать кроссбраузерность.

Грамотная верстка сайтов с чистым кодом

Еще одно правило хорошего тона при верстке сайта – это чистый и красивый код. Что это значит? Это значит, что код html разметки страницы должен быть красиво отформатирован, содержит комментарии и выделенные логические блоки. Использование каскадных таблиц стилей(CSS), позволяет очистить код от лишних тэгов, и сделать вес сайта в целом значительно меньше. Верстка сайтов с использованием всех этих манипуляций нужна для того, чтобы упростить код, и избежать проблем при его исправлении, модификации и доработке. Правильный, компактный код облегчит индексацию сайта поисковиками, а малый вес сократит время загрузки Вашего сайта.