Курс на Stepik
Обложка курса «Верстка и создание сайтов в Webflow - с нуля до результата!» на Stepik
3 590 ₽

Верстка и создание сайтов в Webflow - с нуля до результата! ★ 5.000

Открыть на
STEPIK.ORG

Научитесь создавать удивительные сайты любой сложности на no-code платформе Webflow с нуля, без программирования.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Верстка и создание сайтов в Webflow - с нуля до результата!»Учеников на курсе 324
Сертификаты, выданные на курсе «Верстка и создание сайтов в Webflow - с нуля до результата!»Сертификатов выдано 53
Отзывы о курсе «Верстка и создание сайтов в Webflow - с нуля до результата!»Отзывов получено 12
Рейтинг курса «Верстка и создание сайтов в Webflow - с нуля до результата!»Рейтинг курса 5.000
Уроки в курсе «Верстка и создание сайтов в Webflow - с нуля до результата!»Количество уроков 125
Тесты в курсе «Верстка и создание сайтов в Webflow - с нуля до результата!»Количество квизов 1
Время прохождения курса «Верстка и создание сайтов в Webflow - с нуля до результата!»Время прохождения курса —
Стоимость курса «Верстка и создание сайтов в Webflow - с нуля до результата!»Стоимость курса 3 590 ₽ —
Обновления курса «Верстка и создание сайтов в Webflow - с нуля до результата!»Обновления курса — —
Дата публикации курса «Верстка и создание сайтов в Webflow - с нуля до результата!»Дата публикации курса — ———
Последнее обновление курса «Верстка и создание сайтов в Webflow - с нуля до результата!»Последнее обновление — ———
Сложность easy — ———

Содержание курса

Разделы в курсе «Верстка и создание сайтов в Webflow - с нуля до результата!» 15 разделов Уроки в курсе «Верстка и создание сайтов в Webflow - с нуля до результата!» 125 уроков Тесты в курсе «Верстка и создание сайтов в Webflow - с нуля до результата!» 1 тест Время прохождения курса «Верстка и создание сайтов в Webflow - с нуля до результата!» 19 ч. Последнее обновление курса «Верстка и создание сайтов в Webflow - с нуля до результата!» обн. 29 апреля 2026

1. Введение

6 уроков
Закрытый
1.1 Скачиваем материалы. Как проходить курс ↗
308
260
18м 43с
33
Закрытый
1.2 Знакомство с интерфейсом Webflow ↗
257
257
11м 25с
20
Закрытый
1.3 Как работает Webflow под капотом ↗
243
243
11м 44с
15
Закрытый
1.4 Как делится своим проектом ↗
232
232
8м 47с
16
Закрытый
1.5 Практика - Создайте свой сайт ↗
229
229
3м 40с
15
Закрытый
1.6 Оставайтесь со мной на связи ↗
210
210
0м 15с
11

2. Основы Webflow

21 урок
Закрытый
2.1 Процесс создания сайта ↗
230
230
8м 49с
13
Закрытый
2.2 Скачиваем Figma ↗
214
214
9м 10с
16
Закрытый
2.3 Как верстают сайты ↗
217
217
12м 29с
13
Закрытый
2.4 Создаем изображение через элемент Image ↗
209
209
11м 23с
13
Закрытый
2.5 Создаем изображение через Background ↗
200
200
11м 11с
12
Закрытый
2.6 Подробнее про background и градиент ↗
193
193
10м 18с
16
Закрытый
2.7 Как работать с текстом ↗
187
187
12м 46с
12
Закрытый
2.8 Как менять ширину и высоту элементов ↗
181
181
7м 25с
15
Закрытый
2.9 Динамические единицы измерения vs жесткие единицы измерения ↗
181
181
8м 40с
9
Закрытый
2.10 Как работают Min Width \ Max Width ↗
179
179
9м 18с
12
Закрытый
2.11 Как работает тег Span ↗
177
177
5м 48с
14
Закрытый
2.12 Как работает наследование свойств ↗
172
172
10м 32с
18
Закрытый
2.13 Введение в классы CSS ↗
172
172
18м 32с
15
Закрытый
2.14 Для чего нужен контейнер ↗
167
167
10м 19с
12
Закрытый
2.15 Как создавать кнопки + настройки border ↗
159
159
10м 7с
11
Закрытый
2.16 Как работают блочные и строчные элементы ↗
157
157
8м 48с
13
Закрытый
2.17 Как работают Margin & Padding ↗
156
156
13м 1с
16
Закрытый
2.18 Как создать ссылки ↗
154
154
13м 25с
16
Закрытый
2.19 Что такое схлопывание margins ↗
146
146
3м 55с
11
Закрытый
2.20 Как добавить сторонний шрифт на сайт ↗
146
146
5м 20с
11
Закрытый
2.21 ПРАКТИКА. Создайте первую секцию сайта ↗
157
157
4м 55с
12

3. Классы & система flexbox

8 уроков
Закрытый
3.1 Знакомимся с системой flex-box ↗
159
159
15м 26с
13
Закрытый
3.2 Как работает дочерний элемент во Flex Box контейнере ↗
148
148
9м 32с
12
Закрытый
3.3 Как работают комбо классы ↗
141
141
6м 22с
10
Закрытый
3.4 Как работают глобальные классы ↗
138
138
7м 55с
13
Закрытый
3.5 Создаем глобальные классы отступов ↗
138
138
14м 9с
12
Закрытый
3.6 Как правильно называть классы ↗
134
134
12м 17с
15
Закрытый
3.7 Подводим итоги. Правила создания сайтов ↗
137
137
16м 22с
12
Закрытый
3.8 Состояния элементов. Hover / Active ↗
133
133
7м 6с
13

4. Система Grid CSS

7 уроков
Закрытый
4.1 Что такое CSS Grid ↗
140
140
12м 3с
11
Закрытый
4.2 Как работают дочерние элементы Grid ↗
134
134
10м 8с
10
Закрытый
4.3 Размеры Grid CSS сеток ↗
131
131
9м 42с
11
Закрытый
4.4 Как создать галерею с помощью Grid CSS ↗
128
128
6м 14с
8
Закрытый
4.5 Используйте Div внутри ячейки Grid ↗
128
128
16м 15с
16
Закрытый
4.6 Как выравнивать ячейки Grid CSS ↗
125
125
8м 32с
13
Закрытый
4.7 Практика. Используйте Grid CSS ↗
129
129
16м 35с
11

5. Абсолютное позиционирование и фильтры

11 уроков
Закрытый
5.1 Создаем разметку следующей секции ↗
126
126
19м 45с
14
Закрытый
5.2 Используем Grid CSS на карточках ↗
124
124
12м 25с
11
Закрытый
5.3 Как работает свойство filter ↗
121
121
9м 12с
12
Закрытый
5.4 Img Vs Background ↗
120
120
13м 37с
7
Закрытый
5.5 Свойства вкладки filters ↗
116
116
14м 20с
10
Закрытый
5.6 Position Absolute VS Statik VS Relative ↗
115
115
11м 51с
10
Закрытый
5.7 Создаем декоративный квадрат ↗
114
114
12м 35с
10
Закрытый
5.8 Как работает Position fixed ↗
111
111
11м 24с
8
Закрытый
5.9 Как работает position Sticky ↗
111
111
6м 30с
7
Закрытый
5.10 Создаем следующую секцию ↗
113
113
15м 39с
12
Закрытый
5.11 Что такое семантический тег ↗
105
105
7м 34с
11

6. Работа с табами

4 урока
Закрытый
6.1 Создаем карточку таба ↗
110
110
24м 28с
8
Закрытый
6.2 Как модифицировать табы ↗
107
107
12м 8с
9
Закрытый
6.3 Как работает свойство overflow ↗
104
104
8м 32с
10
Закрытый
6.4 Как задать скорость анимации табов ↗
101
101
4м 42с
7

7. Формы

7 уроков
Закрытый
7.1 Создаем структуру следующей секции ↗
107
107
9м 52с
8
Закрытый
7.2 Как отправить форму на почту ↗
106
106
8м 42с
9
Закрытый
7.3 Настройка элементов формы ↗
99
99
10м 14с
7
Закрытый
7.4 Checkboxes, radio buttons, text fields ↗
94
94
7м 31с
4
Закрытый
7.5 Как стилизовать формы ↗
96
96
12м 57с
8
Закрытый
7.6 Изменение стилей input ↗
95
95
6м 49с
6
Закрытый
7.7 Статус отправки письма ↗
93
93
5м 54с
8

8. Особенности и настройки webflow

8 уроков
Закрытый
8.1 Обзор тарифов webflow ↗
109
109
15м 28с
7
Закрытый
8.2 Как оплатить Webflow из России ↗
111
111
3м 17с
7
Закрытый
8.3 Что такое HDPI Img ↗
100
100
13м 41с
9
Закрытый
8.4 Какие размеры у изображений ↗
95
95
8м 11с
9
Закрытый
8.5 Как добавить fav-icon ↗
94
94
4м 3с
7
Закрытый
8.6 Как разместить видео на сайте ↗
94
94
6м 59с
7
Закрытый
8.7 Как работает история версий ↗
93
93
6м 37с
9
Закрытый
8.8 Как создать мультиязычный сайт ↗
93
93
7м 33с
7

9. Ускорение работы

6 уроков
Закрытый
9.1 Горячие клавиши ↗
94
94
13м 12с
8
Закрытый
9.2 Как создавать страницы и компоненты ↗
94
94
7м 19с
9
Закрытый
9.3 Независимый элемент компонента ↗
94
94
8м 35с
7
Закрытый
9.4 Как отвязать компонент ↗
88
88
10м 0с
9
Закрытый
9.5 Что такое переменные ↗
88
88
11м 18с
11
Закрытый
9.6 Маркетплейс webflow ↗
91
91
9м 32с
8

10. Анимации

11 уроков
Закрытый
10.1 Создаем плавный скролл до секции ↗
95
95
5м 49с
12
Закрытый
10.2 Знакомимся с готовыми анимациями webflow ↗
94
94
9м 52с
7
Закрытый
10.3 Введение в кастомные анимации ↗
91
91
7м 28с
9
Закрытый
10.4 Настройки анимаций ↗
87
87
6м 58с
9
Закрытый
10.5 Настройки влияния анимаций ↗
86
86
13м 20с
7
Закрытый
10.6 Как создать "прелоадер" сайта ↗
86
86
12м 0с
8
Закрытый
10.7 Анимация появления текста ↗
83
83
6м 30с
9
Закрытый
10.8 Mouse over анимации ↗
83
83
10м 15с
9
Закрытый
10.9 Добавление класса по триггеру ↗
79
79
9м 25с
7
Закрытый
10.10 Как создать прогресс бар ↗
79
79
5м 31с
7
Закрытый
10.11 Анимация scroll into view ↗
85
85
9м 31с
10

11. Адаптивный дизайн

12 уроков
Закрытый
11.1 Что такое адаптивный дизайн ↗
89
89
9м 5с
6
Закрытый
11.2 Как работают breakpoints в webflow ↗
87
87
7м 36с
5
Закрытый
11.3 Настраиваем универсальные размеры элементов ↗
86
86
15м 6с
6
Закрытый
11.4 Универсальный отступ для секций ↗
81
81
9м 42с
7
Закрытый
11.5 Универсальные настройки margin ↗
78
78
3м 56с
6
Закрытый
11.6 Адаптируем desktop версию сайта ↗
79
79
8м 42с
7
Закрытый
11.7 Как работает css grid auto-fit ↗
79
79
10м 51с
7
Закрытый
11.8 Применяем auto-fit на карточках ↗
76
76
6м 50с
6
Закрытый
11.9 Адаптация секции с ценами ↗
76
76
8м 49с
5
Закрытый
11.10 Адаптируем сайт часть 1 ↗
77
77
23м 9с
6
Закрытый
11.11 Адаптируем сайт часть 2 ↗
67
67
17м 39с
3
Закрытый
11.12 Делаем nav menu для мобильной версии ↗
78
78
16м 9с
6

12. SEO

10 уроков
Закрытый
12.1 Как подключить домен к сайту ↗
79
79
14м 9с
7
Закрытый
12.2 Как настроить H1 \ H2 и Atl text ↗
72
72
9м 38с
4
Закрытый
12.3 Тег Title и Description ↗
66
66
7м 42с
4
Закрытый
12.4 Бейджик для социальных сетей ↗
63
63
3м 15с
5
Закрытый
12.5 Дополнительные настройки сайта ↗
65
65
4м 14с
5
Закрытый
12.6 Страница 404 и редирект ↗
63
63
6м 5с
4
Закрытый
12.7 Robots.txt и запрет на индексацию ↗
61
61
4м 50с
6
Закрытый
12.8 SEO для иностранного языка ↗
57
57
2м 5с
4
Закрытый
12.9 Google console & Yandex Master ↗
56
56
6м 42с
6
Закрытый
12.10 Политика обработки персональных данных ↗
53
53
8м 53с
5

13. Интернет магазин

10 уроков
Закрытый
13.1 Как подключить word press ↗
74
74
10м 48с
5
Закрытый
13.2 Ошибка. This site cant be reached ↗
65
65
2м 41с
2
Закрытый
13.3 Кастомный домен бесплатно ↗
61
61
8м 59с
3
Закрытый
13.4 Как убрать лейбл made in webflow ↗
62
62
4м 26с
6
Закрытый
13.5 Помогите! У меня не получается ↗
64
64
6м 11с
3
Закрытый
13.6 Как создать товар ↗
61
61
9м 36с
2
Закрытый
13.7 Кнопка покупки товара ↗
56
56
9м 9с
3
Закрытый
13.8 Делаем кнопку корзины ↗
52
52
4м 55с
4
Закрытый
13.9 Оплата и уведомления ↗
55
55
6м 33с
3
Закрытый
13.10 Как изменить внешний вид магазина ↗
59
59
4м 5с
3

14. Экспорт

2 урока
Закрытый
14.1 Как делится проектом ↗
63
63
7м 19с
6
Закрытый
14.2 Как работать в команде ↗
59
59
6м 59с
2

15. Заключение

2 урока
Закрытый
15.1 До встречи на уроках! ↗
66
66
2м 52с
9
Закрытый
15.2 Получите ваш сертификат ↗
68
53
1м 47с
3