Верстка многостраничного сайта на HTML/CSS — Frontend Blok
И да пребудет с тобой сила!
Главная Курсы Многостраничный сайт

Верстка много-
страничного сайта

Интенсивная практика, которая даст возможность самостоятельно принимать решения при верстке 6 страниц на HTML и CSS
Записаться
Дата старта
{{ course.start_date }}
Длительность
3 недели
Стоимость
от {{ course.start_price }} РУБ
Сверстать сайт из Figma на HTML и CSS

Курс по верстке многостраничного сайта — это стартовый модуль перед курсом «Создание блога на Wordpress»

Но это не значит, что этот курс нельзя пройти, как самостоятельное обучение, потому что тут Вы сможете отточить свои навыки верстки и пополнить портфолио новой работой. Однако, на этом курсе мы не раз будем упоминать про особенности вёрстки под Wordpress, потому что на следующем курсе мы будем переносить эту работу на Wordpress.
Узнать подробнее о курсе Wordpress

Что будет на курсе?

Выдаем
макет для верстки
Мы предоставим макет Figma, который будем вместе верстать. Будет только практика и ничего, кроме практики. Если Вы хотели бы получить еще теоретические знания, то рекомендуем начать с базового курса по верстке
Много-много
практикуемся
Учебный процесс строится по новому методу. Его цель - дать направление мысли, подсказки, а после предоставить возможность самостоятельно сверстать блоки, сверяясь с моим кодом после. Следующий урок будет начинаться с разбора, почему был выбран именно такой метод вёрстки.
Пополняем
ваше портфолио
То, что мы сверстаем можно будет опубликовать в портфолио. Работа объемная, поэтому это будет отлично дополнять ваши навыки.

Расписание

1 неделя
2 неделя
3 неделя
День 1
Создаём структуру проекта
День 2
Верстаем шапку и подвал сайта
День 3
Верстаем панель поиска
День 4
Верстаем блоки главной страницы (ч.1)
День 5
Верстаем блоки главной страницы (ч.2)
День 6
Верстаем форму обратной связи
День 7
Верстаем шапку остальных страниц
День 8
Верстаем страницу блога
День 9
Верстаем сайдбар
День 10
Верстаем статью
День 11
Верстаем страницу портфолио
День 12
Верстаем страницу контактов
День 13
Верстаем страницу ошибки 404
День 14
Адаптив страниц (ч.1)
День 15
Адаптив страниц (ч.2)

Обучение проходит на авторской платформе

Предпросмотр учебной платформы Frontend Blok

Как проходит обучение?

Получаете доступ на учебную платформу Frontend Blok
Каждый день в 6 утра по мск открывается доступ к новому уроку
Просматриваете урок длительностью 30 минут, где есть теория и практика
Выполняете домашнее задание для закрепления пройденного материала
Отправляете ДЗ куратору и выполняете его рекомендации
Получаете сертификат об окончании обучения: на русском и английском

Общая информация по курсу

Формат уроков
Уроки заранее записаны и смонтированы так, чтобы не тратить ваше драгоценное время и получать только качественную информацию без воды.
Длительность уроков
В среднем уроки длятся 10-30 минут, в зависимости от темы. Мы не разбираем теорию, но можем разобрать сложные моменты, чтобы у вас осталось понимание верной последовательности в работе.
Домашние задания
Домашнее задание дается после каждого урока. Выполнение обязательно, потому что оно тесно связано с версткой учебного макета. Каждый урок мы будем выдавать Вам подсказки по блокам, которые необходимо будет сверстать самостоятельно. Также к каждому уроку мы приложим итоговый код, чтобы в любой момент вы могли подглядеть решение или сравнить его со своим результатом.
Время открытия уроков
Уроки открываются каждый день в 06:00 по мск каждый будний день. Они доступны месяц, но на учебной платформе можно приобрести опцию «Вечный Доступ» по символической цене.

Что верстаем?

Во время курса Вы сверстаете 6 странц сайта: главную, блог, статью, портфолио, контакты и страницу ошибки.
Макет в Figma.

Вместе подготовим вёрстку на HTML и CSS. Именно эту работу после будем переносить на Wordpress, но делать это будем на отдельном курсе. На этом курсе занимаемся только вёрсткой.

Сколько стоит

Тариф «Самостоятельный»
Доступ к видео и материалам курса на 1 месяц
Доступ к учебному чату Telegram
Эту работу можно использовать в портфолио
При покупке курса по Wordpress, у вас будет возможность снизить стоимость обучения на стоимость этого курса напишите нам в чат, чтобы получить счет на оплату
{{ course.prices.start.price }} руб
{{ course && course.hasOwnProperty('prices') && course.prices.hasOwnProperty('start') ? course.prices.start.current_price + ' руб' : '' }}
{{ course && course.hasOwnProperty('prices') && course.prices.hasOwnProperty('start') ? 'или от ' + Math.round(course.prices.start.current_price / 12) + ' руб/мес по рассрочке' : '' }} Купить курс Хочу скидку

Часто задаваемые вопросы

Сколько по времени длятся уроки?
Развернуть
В среднем уроки длятся 10-30 минут, в зависимости от темы. Мы не разбираем теорию, но можем разобрать сложные моменты, чтобы у вас осталось понимание верной последовательности в работе.
Должен ли я знать что-то заранее?
Развернуть
Рекомендуем понимать основы HTML и CSS. Не страшно, если у вас мало практики, главное теоретическое понимание. На интенсиве только практика и из теории разбираем только то, что встретится нам во время верстки макета. Это интенсив, где вы сверстаете с нуля сайт из 6 страниц. Если для вас это первый проект, то рекомендуем начать с «Базового курса по вёрстке», чтобы более углебленно понять теорию и сверстать 2 проекта в рамках обучения.
Нужно ли мне заранее установить какие-нибудь программы?
Развернуть
Нет, заранее ничего устанавливать не нужно. На курсе мы расскажем подробно, какими приложениями будем пользоваться и покажем, как устанавливать. Спойлер: это делается очень просто.
Могу ли я посмотреть уроки в другой день?
Развернуть
Да, уроки не обязательно смотреть строго каждый день. Вы можете просмотреть и выполнить практику в любое удобное время. На учебной платформе будет указан срок закрытия курса. Не переживайте, вы всегда можете докупить опцию «Вечный Доступ», чтобы курс не закрылся и остался у вас навсегда.
Получу ли я сертификат в конце обучения?
Развернуть
Да, мы выдаём сертификаты. Это происходит после того, как вы просмотрите и выполните задания всех уроков.
Закрыть
Павел Демьянов
Павел Демьянов
10 мая 2020
Все отлично, вижу путь для дальнейшего своего роста. Главное ваш курс помог увидеть картину, что создание верстки не сложное, есть свои особенности конечно с адаптивом, к ним нужно привыкнуть, а так в целом все достаточно просто, нужно нарабатывать себе опыт и все будет. У меня получился макет, потому что все наглядно на видеоуроке разобрано.

Рекомендую начинать верстать с этого курса. Это даст Вам понимание нравится ли Вам этим заниматься. Пускай в курсе и не дают базовых знаний по используемым фишкам, это не важно, важно то, что при желании вы можете всю информацию найти в интернете, Вас это сильнее прокачает, а если хотите сразу получить все знания по верстке в большем объеме, не отходя от кассы идите на курсы по Верстке к Анне, там Вам все разжуют!
Закрыть
Anastasia Tsepeleva
Anastasia Tsepeleva
3 апреля 2020
Спасибо большое за курс! Материал преподносится чётко, постепенно и закономерно. На появляющиеся вопросы сразу же получала ответ в видео-уроках. Обучаться было одно удовольствие. Ни грамма скуки, одна мотивация :)