Вы читаете статью "Что такое верстка и кто такой верстальщик?"

Заказать готовый блог под ключ

Что такое верстка и кто такой верстальщик?


01 Дек 200913 комментариев

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

— и.т.д.

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


Вы прочитали мою статью "Что такое верстка и кто такой верстальщик? "  Хотел бы прочитать Ваше мнение в комментариях.



Да, Я Хочу Быть В Курсе Новых Событий На Сайте!

Подпишитесь прямо сейчас, и получайте обновления на свой E-Mail:

Ваш E-Mail в безопасности


Купить здесь баннер
WordPress Еще записи по этой теме:
необходимые руководства по основным базовым знаниям, бесплатные видео-курсы, способы заработка на сайте
Вам нужна удобная форма комментирования на сайт Cackle
13 комментариев to “Что такое верстка и кто такой верстальщик?”
  1. Дмитрий:

    Да, Фёдор. Абсолютно с Вами согласен по поводу простоты вёрстки. Но опыт в этом деле, зачастую, лежит через сплошные ошибки. Я далеко не ас, но в справочник по HTML-тегам «въезжал» 3 месяца. До этого знаний в каком либо программировании вообще не было. Если честно, то справочник по сей день таскаю. Так же часто посещаю Ваш блог и у Вас есть очень много полезной, такой простой, и в то же время неизвестной и недоступной мне ранее информации. Думаю, со мной согласятся многие. Это Вам БОЛЬШОЙ + !
    Вот думаю переходить на PHP, завести платный хост, но преграда тому — опыт. А пока… 🙁 эх…

  2. Денис:

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

  3. Мозгунова Ирина:

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

  4. Мозгунова Ирина:

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

  5. Надежда Введенская:

    Ну я, чтобы не забывать, завела порядок — сначала нажать кнопку, а потом уже читать статью и комментарии. Потому что, пока вчитаешься, мысли уже о другом 😛

  6. Надежда Введенская:

    Свой первый сайт я делала топорно — в блокноте. Но тоже пришлось как-то прорисовывать, что где должно быть. А с появлением WordPress пришло сплошное счастье — можно уже не думать об этом.

    • саша:

      WordPress отредактированный в Блокноте работать не будет изза кодировки.

      • Надежда Введенская:

        А я не WP делала. Ведь это тоже платформа для упрощения создания сайтов. Раньше все страницы расписывали «ручками»

  7. саша:

    Верстальщик в большей степени дизайнер получается.

  8. Ant:

    А включением Джава скрипта верстальщик занимается? Или только html и css?

Оставить комментарий

(required)

(required)


Купить здесь баннер
Для настоящих Ютуберов!
Как заработать на YouTube
Как раскрутить видео на YouTube
Информационная база для продвижения любого проекта в Интернете!
Добавить свою рекламу
10 шагов настройки канала на YouTube
Заставка для видео за 15 минут
Поиск по сайту
Для WordPress блоггеров
Как ускорить индексацию статей
Как оптимизировать тексты статей
Как сделать так чтоб блог ожил и стал приносить прибыль и удовольствие.
Разместить здесь свой тизер
Как ускорить WordPress
Настройка All in One SEO для WordPress
Для тех кто хочет заработать в Интернете!
Обрати внимание!
Camtasia Studio от А до Я курс предназначен для тех, кто хочет создавать свои собственные обучающие курсы и зарабатывать на этом деньги