Курсы по созданию сайтов — это идеальная стартовая площадка для тех, кто хочет с нуля освоить новую прибыльную профессию. После прохождения моих курсов вы сможете стать востребованным специалистом, работать удаленно и много зарабатывать. Расскажу, как строится обучение.
Перечень уроков обычно выстраивается по этапам разработки сайта, с самого начала и по порядку. Поставлена задача — сделать веб-ресурс. Первым этапом будет разработка дизайн-стратегии, которая состоит из 6 этапов. Рассмотрим каждый их них.
Этап 1: определение, с какой целью создается сайт
С этого начинается любое обучение. Нужно задать простой вопрос: какая цель у будущего сайта? Варианты ответа обычно такие:
- продажа товаров;
- презентация услуг компании;
- презентация отдельного товара, услуги или спецпредложения.
Разным целям служат разные сайты — интернет-магазин, сайт-визитка, лендинг. Поэтому цель веб-проекта определяет, как будет строиться его разработка.
Также нужно точно понять, на кого рассчитан веб-ресурс. Желательно составить портрет целевой аудитории: понять, какого возраста и пола эти люди, какие цели преследуют при посещении сайта. Зачем это нужно? Чтобы пользователь мог решить свою задачу и обращаться к этой площадке в дальнейшем. На курсах по созданию сайтов от Максима Солдаткина эта работа входит в перечень основных — мы подробно разбираем этот вопрос и учитываем в дальнейшем.
Этап 2: составление технического задания
Техническое задание (ТЗ) — это документ, в котором собрана вся информация о будущем веб-проекте:
- цели, задачи;
- портрет целевой аудитории;
- структура, количество страниц;
- пожелания заказчика (использование цветов, соблюдение фирменного стиля, шрифты);
- технологии, технологические требования (HTML, PHP, конструктор);
- другие дополнительные данные.
Часто возникает ситуация, когда исполнитель ждет ТЗ от заказчика, а заказчик — от исполнителя. Но разработка сайта подразумевает сотрудничество, поэтому полезно будет встретиться с заказчиком, обсудить все пункты. Так вы гарантированно избавите себя от критичных исправлений и проблем с клиентом. На курсе я расскажу подробнее, как избежать разногласий, как разрешить их, если они все же появились, и учесть все действительно важные технические нюансы.
Этап 3: разработка макета
Дизайнер создает макет будущего сайта, прорисовывая все кнопки, блоки, визуальные и текстовые элементы. Для этого используются графические редакторы, чаще всего — Figma. Поэтому перед тем, как начать учиться разработке сайта, стоит пройти обучение Фигме . Популярный ранее Фотошоп используется все реже и реже.
Во время создания макета дизайнер должен понимать, какой тип веб-ресурса он разрабатывает: фиксированный или «резиновый». Фиксированный тип предполагает, что ширина страницы одинакова для любых разрешений экранов и любой ширины окон. Это значит, что при просмотре этого сайта с маленьких экранов появится полоса прокрутки или пустые поля справа и слева. «Резиновый» — это адаптивный дизайн, он подстраивает отображение контента под разные мониторы и ширину окон.
Этап 4: верстка сайта
После утверждения макета над проектом начинает работать верстальщик. Его задача — перевести дизайн-макет на язык, который понимает компьютер, HTML. На моих курсах я обучаю дизайнеров результативно сотрудничать с верстальщиками и программистами, общаться с ними на одном языке и достигать поставленной цели.
Этап 5: программирование на стороне клиента и сервера
Это самый трудоемкий и долгий этап: в зависимости от сложности сайта на него может уйти от недели до нескольких месяцев. Здесь прописываются страницы будущего веб-ресурса, определяется, как будет работать меню, гиперссылки, форум, лента новостей, гостевая книга и прочее. Также выбирается CMS — система управления сайтом.
Дизайнер не должен уметь самостоятельно программировать сайты (хотя это полезный навык), однако должен уметь координировать команду, правильно контролировать работу программистов. На курсе я расскажу, как эффективно взаимодействовать с подрядчиками по веб-разработке.
Этап 6: наполнение информацией
Здесь возможно 2 сценария: заказчик выдает информацию, которую нужно разместить, либо не выдает. В первом случае нужно просто перенести текст и картинки, это займет немного времени. Во втором же работа может затянуться: нужно самому заказывать или искать текст, подбирать и обрабатывать фотографии. Впрочем, такая работа может быть увлекательной для дизайнера.
Финальные этапы — расположение веб-сайта на хостинге и тестирование, но об этом подробнее я расскажу в следующий раз.
Пока предлагаю посмотреть бесплатный мастер-класс о профессии веб-дизайнера.