Создание сайтов на Webflow

Полноценный курс по разработке сайтов международного уровня в Webflow
Оставить заявку

Сильная методология и гибкий процесс обучения

Старт в любое время и обучение с комфортной скоростью
Старт обучения не привязан к дате покупки курса. Приступайте в любой момент, когда вам будет удобно и учитесь с комфортной скоростью. Оптимальный вариант — тратить на учебу 2 часа в день. Если же вы сможете уделять курсу 4–8 часов, то закончите его в 2–4 раза быстрее.
Последовательность и время на адаптацию
Сложность заданий, которые вы делаете, возрастает от самых простых, длительностью до 30 минут, к более сложным и трудоемким. Таким образом вы постепенно вливаетесь в процесс обучения.
Емкие, но информативные видеоуроки
Сначала мы сделали сценарий на несколько сотен страниц, затем озвучили, смонтировали, наполнили графикой и сделали для вас короткие уроки «без воды», которые легко осваиваются и к которым комфортно возвращаться, чтобы что-то вспомнить.

Самая объемная и насыщенная программа

Вы сможете не только рисовать сайты, но и запускать их самостоятельно, а так же освоите основы html и css.

Теория
Введение
В этом уроке вы узнаете о курсе и о том, как будет проходить обучение. Познакомитесь с возможностями и назначениями бесплатного и платных тарифов Webflow. Также вы узнаете, как построить работу над проектом от анализа до запуска.
  • О чем этот курс
  • Как проходит курс
  • Планы и тарифы
  • Site Plans (Сайт планы)
  • Account Plans (Аккаунт Планы)
  • Обзор и Анализ макета
  • Чек-лист приемки макета
  • План работы
  • Подготовка макета к верстке
  • Экспорт и оптимизация изображений
  • Подготовка других файлов
Теория
Веб‑структура
В этом уроке вы познакомитесь с основными элементами веб‑страницы и принципами блочной верстки, на основе которых работает сервис Webflow. Базовые знания помогут вам разобраться в основной терминологии веб‑разработки. Вы узнаете, что такое иерархия веб-страницы и из чего она состоит. Рассмотрите панель Навигатор, чтобы понять, как создается и отображается структура элементов в сервисе Webflow.
  • Блочная верстка и основы HTML и CSS
  • Иерархия элементов сайта
  • Панель Навигатор
  • Практика: Планирование структуры сайта
Теория
Создание проекта и публикация
В этом уроке вы узнаете, как зарегистрироваться на сайте Webflow и создать проект, изучите ограничения по количеству проектов и страниц в проекте. Вы поймете, какие существуют режимы работы в сервисе Webflow. А также научитесь активировать аккаунт и публиковать сайт, используя выпадающую панель Publish.
  • Регистрация и создание проекта
  • Публикация сайта
  • Поделиться проектом (Share project)
  • Клонирование проекта
  • Клонирование специального шаблона
Теория
Основные настройки
Вы познакомитесь с основными настройками проекта в режиме Project Settings.В результате настроите проект, загрузите изображения по папкам и сверстаете UI Kit.
  • Настройки проекта
  • Подключение своего домена
  • Файлы сайта
  • Общие настройки проекта
  • Настройка основных стилей
  • Загрузка изображений
  • UI Kit основных элементов
Практика
Элементы
В этом уроке вы узнаете о способах добавления элементов на страницу сайта и о том, какие элементы не могут находится внутри себе подобных. Изучите, какие основные элементы существуют для создания сайта, и каково их предназначение. В заключение создадите структуру сайта и добавите контент в элементы.
  • Добавление элементов
  • Обзор основных элементов
  • Обзор функциональных элементов
  • Персональные настройки элементов
  • Практика: Создание основной структуры сайта
  • Практика: Добавляем элементы и классы
Практика
Стили элементов
Вы познакомитесь с такими понятиями, как Классы и Комбо Классы, и узнаете об их назначении. По итогу добавите классы Секциям, Контейнерам, Изображениям, Текстам.
  • Общие принципы
  • Обзор простых разделов панели Style (Стиль)
  • Обзор панели Style Manager (Управление стилями)
  • Состояния элементов
  • Практика: Добавление контента элементам
Практика
Настройки стилей. 1 часть
Вы изучите состав панели Style и разберете раздел Layout, который служит для настройки расположения элементов относительно друг друг.
  • Панель Style: Раздел Layout
  • Практика: Детальная верстка 1 и 2 секций
Практика
Настройки стилей. 2 часть
Вы продолжите изучение состава панели Style и изучите элемент Grid, отвечающий за способ расположения элементов, который идеально подходит для создания различных макетов со сложной сеткой, включая таблицы, которые можно легко преобразовать в карточки на мобильных экранах.
  • Панель Style: Элемент Grid
  • Практика: Детальная верстка 3 и 4 секций
Практика
Настройки стилей. 3 часть
Вы продолжите изучение состава панели Style и изучите раздел Size, который позволяет определить размер элемента, установить минимальные и максимальные значения ширины и высоты, а также настроить поведение дочерних элементов, выходящих за границы родительского элемента.
  • Панель Style: Раздел Size
  • Практика: Детальная верстка 5 и 6 секций

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

Самая оперативная и качественная обратная связь

Наши кураторы дают самые быстрые и подробные ответы. Есть строгий регламент: вы будете получать минимум 2 видеоразбора в сутки, в каждом ответе куратор отметит ваши ошибки и подскажет, как их исправить.
до 4ч.
время ожидания
ответа от куратора
15 минут
время ожидания ответа от поддержки на вопросы по курсу

Стоимость курса
«Создание сайтов на Webflow»

Рассрочка на 24 месяца — 1 661 ₽
Скидка 55% действует ещё
10
1 661 ₽ / мес
Рассрочка на 24 месяца
Без первого взноса
31 900 ₽ 40 000 ₽
3 322 ₽ / мес
Рассрочка на 12 месяцев
Без первого взноса
Суперскидка 20%
Заполните контактные данные
Спасибо, ваша заявка принята!
Мы свяжемся с вами в ближайшее время
Ой! Что-то пошло не так при отправке формы

Курсы, которые станут отличным дополнением к «Создание сайтов на Webflow»

И помогут вам быстрее повысить квалификацию и получить уровень middle+ и выше.
Сайты Pro
Курс по дизайну сайтов. Поможет освоиться в профессии и выйти на первый заработок.
Курс включает:
UX/UI дизайнер: Сайты Pro
Бессрочный доступ к урокам
6 проектов в портфолио
Mobile Pro
Курс по дизайну мобильных приложений. Поможет углубиться в дизайн интерфейсов.
Курс включает:
UX/UI дизайнер: Mobile Pro
Бессрочный доступ к урокам
2 проекта в портфолио
Анимация интерфейсов
Полноценный курс по созданию анимаций для интерфейсов (web/mobile).
Курс включает:
24 шота в портфолио
Бессрочный доступ к урокам
4 месяца обучения
Создание 3D-иллюстраций
Курс по созданию 3D-иллюстраций и объектов для вашего дизайна.
Курс включает:
13 3D-моделей
Бессрочный доступ к урокам
4 месяца обучения
Создание сайтов без кода
Полноценный курс по разработке сайтов международного уровня в сервисе Webflow.
Курс включает:
1 проект в портфолио
Бессрочный доступ к урокам
4 месяца обучения

Частые вопросы

Какие есть варианты оплаты, есть ли рассрочка?

Вы можете оплатить полную сумму или воспользоваться беспроцентной рассрочкой без первого взноса с возможностью досрочного погашения от наших партнеров: ОТП Банк, Почта Банк, Сбер, Халва и Тинькофф Банк.

Вы рисуете в Figma? Я её не знаю.

Да, мы рисуем проекты в Figma. Это наиболее удобный на сегодняшний день инструмент, который используют большинство студий.

Как помогаете с трудоустройством?

Помогаем правильно составить резюме и оформить портфолио. Консультируем при прохождении собеседования и выполнении тестового задания. Регулярно получаем заявки от работодателей и напрямую трудоустраиваем в компании. Также предлагаем проекты на фриланс и берем на работу в UPROCK.

Как проходит консультация?

Консультация проходит в онлайн‑режиме в удобное для вас время. Вы изучаете видеоразборы, вносите правки и отправляете проекты на проверку. Ваш консультант проверяет задание в течение 4 часов и дает вам обратную связь в видеоформате.

Наши партнеры