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

1) Сначала выбирается или рисуется макет сайта в каком-нибудь графическом редакторе, например, Photoshop.

2) Затем этот макет преобразуется в уже знакомый нам html и css-код, который уже доступен для открытия браузером. Это так называемый процесс верстки сайта.

3) Теперь макет, который мы получили в процессе верстки, нужно наполнить содержанием и изображениями.

4) Наконец, последним шагом мы публикуем получившиеся страницы в Интернете.

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

Так, что же такое верстка сайта?

Как я уже говорил, верстка – это процесс написания html и css — кода для веб-страницы. Но кода можно написать очень много, какой именно это код? На самом деле, все очень просто, этот код отвечает за то, чтобы все элементы страницы размещались там, где нужно.

Например, двухколоночная верстка веб-сайта с заголовком (header) и нижней частью (footer).

В верхней части будет находиться логотип компании или лозунг сайта, но пока это горизонтальная полоска определенной высоты.

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

Наконец, самая нижняя часть может содержать copyright или информацию о владельце сайта, а пока это тоже горизонтальная полоса, которая не содержит никакой информации.

Процесс создания таких макетов, в которых еще нет информации, но общая структура веб-страницы уже определена и называется версткой сайта.

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

Скажу лишь только, что весь этот процесс состоит из двух этапов.

1) Логическая разметка. На этом этапе пишется html-код, который будет содержать элементы для будущего макета.
2) Презентационная разметка. Здесь, элементы, которые мы создали средствами html-оформляются в надлежащий вид, чтобы можно было понять, за какую часть сайта тот или иной элемент отвечает и где он должен находиться.

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

Именно поэтому появились люди, которые специально занимаются таким процессом и называют они себя верстальщиками.

Найти их можно на многих сайтах с фрилансерами. Например, на этом http://www.free-lance.ru.

В последнее время спрос на такого рода услуги возрос и мне часто приходится встречать объявления такого рода:

- Для удаленной работы требуется верстальщик.

- Приглашаем в команду человека, разбирающегося в вёрстке веб сайтов. Дизайн готовый есть.

- и.т.д.

Цены на их услуги достаточно высокие. Поэтому на этом можно неплохо заработать или хорошо сэкономить, если Вы сами научитесь хорошо верстать сайты.

P.S. Узнать больше о CSS вёрстке.

автор статьи: Дмитрий Ченгаев

Возможно Вам это будет интересно:

Еще информация по данной теме!

• Новый курс "Блочная Верстка Сайта С Помощью CSS"
• Ошибки при обновлении WordPress до 3.2.1
• 5 бесплатных и эффективных SEO-приёмов для увеличения посещаемости!
• Что такое семантическое ядро сайта
• Ошибки при обновлении WordPress до 3.2.1