Как стать хорошим верстальщиком?

Верстка сайта для начинающих

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

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

Если вы начали читать эту статью, и даже не представляете, о чем идет речь, то можете ознакомиться с моей статьей «html верстка», в которой я на примерах показываю как можно верстать дизайн сайта. Вы хотя бы будите иметь некое представление о том, что такое верстка.

Кстати, совсем скоро в моих планах написать серию уроков, где мы будем с нуля верстать дизайн сайта нарисованный в программе Photoshop. Я найду какой-нибудь незатейливый дизайн и на его примере буду верстать. Сначала мы нарежем кусочки а потом будем верстать шаблон. Поэтому подпишитесь, чтобы не пропустить серию этих полезных уроков.

Второе, вам надо очень много прочитать литературы. Это могут быть статьи, форумы, книги. Для начала рекомендую взять любую книгу по HTML и постараться сделать все примеры, что есть в книге. Для этого её нужно прочитать! Потом берете книжку по CSS и также на примерах начинаете создавать web-документы.

После того, как у вас будет некоторый багаж знаний по HTML и CSS, желательно их развивать дальше. Следующим этапом, после поверхностного освоения дисциплин, я бы рекомендовал заняться вопросами верстки дизайна сайта с помощью слоев. Если вы работаете на HTML 4.01, то для вас это будет верстка с помощью DIV, если на HTML5, то тут уже DIVы заменяются семантическими тегами HTML5. Поэтому уделите верстке слоями, позиционированию слоев большое внимание. Потому что все современные сайты сверстаны с помощью слоев или семантических тегов. Принцип один и тот же, только назначение и тех и других разное.

Дальше, найдите в интернете дизайн любого сайта, но не сложного, в формате PSD, чтобы вы могли уже из картинки сделать сайт. Это улучшит ваш навык верстать сайты, и со временем, вы наберетесь достаточно опыта. Вы сможете набраться опыта только методом проб и ошибок. Иначе пути нет!

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

Обязательно общайтесь на форумах вебмастеров. Для чего спросите вы? Ну какой из вас HTML верстальщик, если вы ни с кем ни делитесь опытом верстки, не помогаете другим решать возникшие вопросы. Когда вы помогаете другим решать их проблемы, вы также набираетесь опыта в решении нестандартных задач! Это очень мощный инструмент саморазвития.

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

Еще совет. Старайтесь писать читабельный код, красиво оформленный, чтобы другие вебмастеры, верстальщики могли разобрать, что у вас там написано. Самое главное, делайте полезные проекты. Не делайте ГС. Они ни к чему хорошему вас не приведут. Верстайте и зарабатывайте на этом.

После того, как ознакомились с основами HTML и CSS нужно переходить к более радикальным методам. Не все, что вы видите на современных сайтах можно реализовать с помощью HTML и CSS. Тут нам поможет применение JavaScript в связке с JQuery. Для того, чтобы ими овладеть понадобиться куда больше времени, чем на изучение HTML, или каскадных таблиц стилей.

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

С уважением, Олег Астанин.

Понравилась статья? Поделитесь с друзьями!

0


This Post Has Been Viewed 236 Times

Автор статьи: , дата публикации

Читайте также на моем блоге:

  • Зачем нужен хостинг для сайта
  • Какой хостинг выбрать: платный или бесплатный?
  • Как выбрать хороший хостинг для сайта
  • Выбираем дешевый и качественный хостинг!
  • Конструктор сайтов Юкоз — обзор возможностей
  • Ucoz — создать сайт стало проще!
  • Перед тем как создать блог или сайт
  • Секреты размещения сайта в интернете! Разбираемся, что к чему!
  • Научиться создавать сайты очень просто! Бесплатно! Самому! Сейчас!
  • Программы необходимые каждому блогеру
Читатели оставили 9 комментариев к этой статье:
  • Константин Карнаухов, 19.02.2013 в 17:26

    Кстати для Photoshop есть клевый плагин для подготовки CSS3 правил из стилей слоев. Я записывал видео-урок на своем сайте про него.

  • Олег Астанин, 19.02.2013 в 18:39

    Хм, не слышал. Надо тему поюзать! Может чего полезно извлеку, спасибо!

  • Сергей, 03.11.2014 в 04:22

    Интересная статья! Хочу стать верстальщиком. Надо будет изучить этот материал основательнее.

  • Евгений Несмелов, 09.10.2015 в 18:57

    Не простое это дело.

  • Леха14.10.2015 в 00:13

    А самое главное что автор не сказал что это все за 2 месяца новичок не выучит !

  • Олег Астанин
    Олег Астанин08.11.2015 в 23:03

    Леха, я даже больше скажу. За год вы всего не выучите. И даже за два. Но опыта получите массу. И уже сможете верстать.

  • Олег Астанин
    Олег Астанин08.11.2015 в 23:04

    Евгений, ну да, дело не простое. Есть такое)))

  • Андрей Зенков05.03.2016 в 16:52

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

  • Оля07.06.2016 в 18:40

    Много слышала о таком понятии как «верстальщик», применяемом в мире компьютерных технологий. Как человек любопытный и стремящийся к саморазвитию, с удовольствием прочла вашу статью на эту тему. Спасибо за информацию. Всё написано простым языком без лишних заумностей. С удовольствием прочту ещё несколько ваших статей.

Добавить комментарий к этой статье:

(обязательно)

(не будет опубликовано, обязательно)

Вебсайт (если есть)

  • Получайте оповещения о выходе новых статей на Ваш E-mail. Для этого, введите Ваш E-mail и нажмите Enter.

  • Рубрики

  • Присоединяйся ко мне!

    Группа
    Вконтакте

    Канал на
    You Tube

    Я на
    Twitter