Верстка веб сайтов

Верстка дизайн макетов это процесс перевода "картинки" (дизайна сайта) в HTML код.

Верстка дизайн макетов является промежуточным этапом между дизайном и программированием (или подключением системы управления сайтом).

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

В настоящий момент основные типы верстки сайта это блочная и табличная. Давайте разберем подробнее чем эти правила верстки отличаются между собой.

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

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

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

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

Типы верстки, которые Вы выберете для своего сайта не зависят от системы управления содержимым и могут применяться как в Битрикс, Joomla, так и в Kreazone-CMS. Все зависит от задачи, где та или иная верстка будет применяться и не всегда использование блочной верстки является предпочтительнее по отношению к верстке на таблицах. В том и другом случае надо стараться повторяющийся код переносить в css файл каскадной таблицы стилей.

Существуют программы, которые формируют автоматическую верстку сайта, как например широко всем известная программа фотошоп (её часто используют начинающие веб мастера). Верстку сайта в Фотошопе всегда надо переносить в dreamweaver и уже там доводить до конца. Но как показывает опыт, трудозатрат на такой процесс будет намного больше, чем если с нуля её делать в DreamWeaver, а Фотошоп использовать только для формирования необходимых блоков изображений.

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

Если хотите заказать верстку сайта и Вас устраивает стоимость верстки - присылайте PSD файлы. В услугу верстки сайта, создание и программирование сайта - не входит. Встраивание верстки сайта в Вашу CMS - оплачивается отдельно или в комплексе услуг разработки сайта.