Курс на Stepik
Обложка курса «Верстка сайтов HTML CSS. Создание сайтов. Легкий уровень» на Stepik
2 490 ₽

Верстка сайтов HTML CSS. Создание сайтов. Легкий уровень ★ 4.500

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

Практический курс по созданию сайтов HTML CSS с самого нуля. Этот курс - быстрый старт в профессию Веб Разработчик

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Верстка сайтов HTML CSS. Создание сайтов. Легкий уровень»Учеников на курсе 35
Сертификаты, выданные на курсе «Верстка сайтов HTML CSS. Создание сайтов. Легкий уровень»Сертификатов выдано 0
Отзывы о курсе «Верстка сайтов HTML CSS. Создание сайтов. Легкий уровень»Отзывов получено 2
Рейтинг курса «Верстка сайтов HTML CSS. Создание сайтов. Легкий уровень»Рейтинг курса 4.500
Уроки в курсе «Верстка сайтов HTML CSS. Создание сайтов. Легкий уровень»Количество уроков 136
Тесты в курсе «Верстка сайтов HTML CSS. Создание сайтов. Легкий уровень»Количество квизов 10
Время прохождения курса «Верстка сайтов HTML CSS. Создание сайтов. Легкий уровень»Время прохождения курса —
Стоимость курса «Верстка сайтов HTML CSS. Создание сайтов. Легкий уровень»Стоимость курса 2 490 ₽ —
Обновления курса «Верстка сайтов HTML CSS. Создание сайтов. Легкий уровень»Обновления курса — —
Дата публикации курса «Верстка сайтов HTML CSS. Создание сайтов. Легкий уровень»Дата публикации курса — ———
Последнее обновление курса «Верстка сайтов HTML CSS. Создание сайтов. Легкий уровень»Последнее обновление — ———
Сложность easy — ———

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

Разделы в курсе «Верстка сайтов HTML CSS. Создание сайтов. Легкий уровень» 6 разделов Уроки в курсе «Верстка сайтов HTML CSS. Создание сайтов. Легкий уровень» 136 уроков Тесты в курсе «Верстка сайтов HTML CSS. Создание сайтов. Легкий уровень» 10 тестов Время прохождения курса «Верстка сайтов HTML CSS. Создание сайтов. Легкий уровень» 19 ч. Последнее обновление курса «Верстка сайтов HTML CSS. Создание сайтов. Легкий уровень» обн. 1 год назад

1. Настройка рабочего пространства

6 уроков
Закрытый
1.1 Редактор Кода ↗
36
22
7м 8с
0
Закрытый
1.2 Emmet ↗
24
24
0м 30с
0
Закрытый
1.3 Видео на Stepik ↗
24
24
1м 25с
0
Закрытый
1.4 Создаем проект ↗
24
24
5м 37с
0
Закрытый
1.5 Горячие клавиши ↗
21
19
7м 42с
1
Закрытый
1.6 .zip ↗
23
20
2м 47с
1

2. Начальный Html. Создание первого сайта

18 уроков
Закрытый
2.1 Создание первого проекта ↗
23
23
4м 48с
1
Закрытый
2.2 Семантика HTML ↗
23
23
6м 39с
1
Открытый
2.3 Основные теги HTML ↗
31
31
5м 37с
1
Закрытый
2.4 Заголовки и абзацы ↗
20
20
7м 21с
0
Закрытый
2.5 Наполняем текстом проект ↗
19
16
2м 13с
0
Закрытый
2.6 Работа со строками ↗
18
18
4м 22с
0
Закрытый
2.7 Работа с изображениями ↗
18
18
7м 2с
0
Открытый
2.8 Списки ↗
23
23
7м 36с
2
Закрытый
2.9 Цитаты ↗
17
17
3м 25с
0
Закрытый
2.10 Работа со ссылками ↗
16
16
7м 59с
0
Закрытый
2.11 Создаем меню ↗
19
19
5м 29с
0
Закрытый
2.12 Практика | Переходы по пунктам меню ↗
16
16
7м 25с
1
Закрытый
2.13 Ответ на ДЗ ↗
17
17
2м 50с
1
Закрытый
2.14 Сематические теги ↗
16
16
6м 58с
0
Закрытый
2.15 Footer ↗
16
12
7м 44с
0
Закрытый
2.16 Полная версия HTML ↗
14
14
5м 1с
0
Закрытый
2.17 div span ↗
15
15
7м 46с
0
Закрытый
2.18 Тест на закрепление материала по HTML ↗
16
14
1м 21с
0

3. Введение в CSS

22 урока
Закрытый
3.1 Семантика CSS ↗
17
17
6м 46с
1
Закрытый
3.2 Inline Style ↗
17
17
8м 30с
0
Закрытый
3.3 Подключаем файл со стилями ↗
17
17
8м 30с
0
Закрытый
3.4 Специфичность ↗
15
15
10м 39с
1
Закрытый
3.5 Подключение изображений | Практика ↗
17
17
5м 55с
0
Закрытый
3.6 Цвет и Фон ↗
12
10
13м 22с
0
Закрытый
3.7 Инспектор ↗
12
12
11м 18с
1
Закрытый
3.8 Удаленное подключение шрифтов ↗
13
9
18м 41с
1
Закрытый
3.9 Локальное подключение шрифтов ↗
12
9
11м 13с
1
Закрытый
3.10 Лекция о шрифтах как таковых ↗
11
11
10м 31с
1
Закрытый
3.11 Единицы измерения ↗
9
9
12м 3с
2
Закрытый
3.12 Позиционирование ↗
10
8
7м 32с
1
Закрытый
3.13 Практика позиционирования ↗
10
10
14м 36с
0
Закрытый
3.14 Марджин ↗
12
12
14м 36с
0
Закрытый
3.15 box-sizing ↗
9
9
8м 3с
1
Закрытый
3.16 Псевдоэлементы Часть 1 ↗
9
8
8м 51с
1
Закрытый
3.17 Псевдоэлементы Часть 2 ↗
9
7
8м 19с
2
Закрытый
3.18 Решение задачи ↗
8
8
7м 6с
1
Закрытый
3.19 Псевдокласс ↗
9
7
9м 15с
1
Закрытый
3.20 Решение задачи ↗
10
10
7м 55с
1
Закрытый
3.21 Тест на закрепление материала по CSS ↗
8
8
-
1
Закрытый
3.22 Последний урок модуля ↗
7
7
-
0

4. Практика верстки проекта. Лендинг

34 урока
Закрытый
4.1 О Figma ↗
8
8
16м 4с
1
Закрытый
4.2 Чтение макета ↗
11
11
4м 9с
1
Закрытый
4.3 Создаем рабочую среду ↗
8
8
6м 25с
0
Закрытый
4.4 Добавляем шрифты ↗
7
7
7м 22с
1
Закрытый
4.5 Добавляем изображения ↗
8
8
8м 2с
1
Закрытый
4.6 Верстаем Header Часть 1. Практика ↗
8
8
7м 9с
1
Закрытый
4.7 Normalize ↗
7
7
4м 32с
1
Закрытый
4.8 Верстаем Header Часть 2. Практика ↗
7
7
5м 52с
0
Закрытый
4.9 Верстаем навигацию ↗
8
8
5м 0с
0
Закрытый
4.10 Верстаем Header Часть 3. Практика ↗
9
9
4м 23с
0
Закрытый
4.11 Верстаем Header Часть 4. Практика ↗
9
9
6м 43с
0
Закрытый
4.12 Адаптив Header Часть 1 ↗
7
7
9м 38с
0
Закрытый
4.13 Адаптив Header Часть 2 ↗
6
6
9м 51с
1
Закрытый
4.14 Создаем бургер меню ↗
10
10
11м 56с
1
Закрытый
4.15 Анимация бургера ↗
7
7
7м 7с
1
Закрытый
4.16 Первое знакомство с JS ↗
8
5
12м 19с
1
Закрытый
4.17 Последний штрих Header ↗
7
7
4м 19с
1
Закрытый
4.18 Верстка блока Hero ↗
7
7
17м 41с
1
Закрытый
4.19 Адаптив Hero ↗
7
7
8м 42с
0
Закрытый
4.20 Секция Products ↗
7
7
8м 20с
1
Закрытый
4.21 Секция Products Часть 2 ↗
7
7
12м 10с
1
Закрытый
4.22 Зачем мы это делаем? ↗
7
7
6м 38с
1
Закрытый
4.23 Адаптив Products ДЗ ↗
7
7
10м 43с
1
Закрытый
4.24 Объяснение ДЗ ↗
6
4
4м 28с
0
Закрытый
4.25 Блок Category ↗
5
5
15м 47с
1
Закрытый
4.26 Сниппеты ↗
5
5
13м 31с
1
Закрытый
4.27 Формы на сайте ↗
4
4
11м 1с
1
Закрытый
4.28 Блок History ↗
4
4
15м 20с
1
Закрытый
4.29 Блок History Адаптация ↗
4
4
9м 29с
1
Закрытый
4.30 Блок History Адаптация Часть 2 ↗
5
5
6м 52с
1
Закрытый
4.31 Footer HTML ↗
4
4
7м 3с
0
Закрытый
4.32 Footer CSS ↗
5
5
12м 14с
1
Закрытый
4.33 Footer адаптация. Знакомство с Grid ↗
5
5
9м 26с
1
Закрытый
4.34 Последний урок в блоке ↗
4
4
-
0

5. Продвинутая верстка. Новый проект

50 уроков
Закрытый
5.1 Препроцессоры SASS SCSS ↗
7
4
11м 33с
1
Закрытый
5.2 Плагин Live Sass Compiler ↗
6
6
9м 26с
1
Закрытый
5.3 Настройка плагина Sass ↗
5
5
13м 29с
1
Закрытый
5.4 NPM SASS ↗
4
4
11м 39с
1
Закрытый
5.5 Переменные ↗
4
4
10м 27с
1
Закрытый
5.6 Задача на работу с Sass ↗
5
5
3м 59с
1
Закрытый
5.7 Решение задачи ↗
4
4
10м 31с
1
Закрытый
5.8 Создаем проект ↗
4
3
7м 46с
1
Закрытый
5.9 Подключение шрифтов через sass ↗
4
4
13м 10с
1
Закрытый
5.10 Улучшаем структуру проекта ↗
4
4
9м 27с
0
Закрытый
5.11 Добавляем переменные в проект ↗
4
4
8м 11с
1
Закрытый
5.12 Верстаем Header. Часть 1 ↗
3
3
11м 25с
1
Закрытый
5.13 _reset.sass ↗
4
4
5м 12с
1
Закрытый
5.14 Верстаем Header. Часть 2 ↗
4
4
11м 57с
1
Закрытый
5.15 БЭМ ↗
4
4
11м 34с
1
Закрытый
5.16 Блок Hero HTML структура блока ↗
4
4
16м 58с
1
Закрытый
5.17 Блок Hero Стилизируем блок ↗
4
4
14м 27с
1
Закрытый
5.18 Блок Services HTML структура блока ↗
4
4
11м 56с
1
Закрытый
5.19 Блок Services . Работаем с карточками ↗
4
4
6м 3с
1
Закрытый
5.20 Блок Services Часть 2 ↗
4
4
16м 53с
0
Закрытый
5.21 Анимация кнопки в карточке ↗
4
4
5м 38с
1
Закрытый
5.22 Практика | Добавление декора ↗
4
4
4м 30с
1
Закрытый
5.23 Практика | Отзывы ↗
5
5
14м 57с
1
Закрытый
5.24 Блок Story. Создаем HTML структуру ↗
4
4
8м 33с
1
Закрытый
5.25 Блок Story Добавляем стили ↗
4
4
7м 43с
1
Закрытый
5.26 Что такое Grid и как с ним работать ↗
3
3
15м 46с
1
Закрытый
5.27 Углубление в сетки Grid ↗
4
4
8м 58с
1
Закрытый
5.28 Добавляем Grid к блоку Story ↗
4
4
15м 21с
1
Закрытый
5.29 Практика | Блок "Показатели" ↗
5
5
11м 55с
1
Закрытый
5.30 Блок feauters. HTML часть ↗
4
4
8м 21с
0
Закрытый
5.31 Блок Feauters Sass часть. Grid + Flex ↗
4
4
15м 34с
1
Закрытый
5.32 Снова о Title ↗
4
4
2м 57с
0
Закрытый
5.33 Добиваем альты ↗
4
4
2м 30с
1
Закрытый
5.34 Блок CTA ↗
5
5
17м 51с
1
Закрытый
5.35 Блок "Наши работы" HTML часть ↗
5
5
12м 7с
1
Закрытый
5.36 Добавляем кнопку к блоку ↗
5
5
10м 21с
1
Закрытый
5.37 Футер Часть 1 ↗
5
5
15м 14с
1
Закрытый
5.38 Футер СТА ↗
4
4
11м 15с
1
Закрытый
5.39 Футер Стили ↗
4
4
15м 11с
1
Закрытый
5.40 Футер Стили 2 ↗
4
4
15м 40с
1
Закрытый
5.41 Снова про H2 ↗
4
4
8м 29с
1
Закрытый
5.42 Sprite | Практика ↗
4
4
12м 27с
1
Закрытый
5.43 Sprite 2 ↗
5
5
7м 22с
1
Закрытый
5.44 Наводим порядок в тегах ↗
5
5
12м 8с
1
Закрытый
5.45 Проверка валидности верстки ↗
5
3
3м 16с
1
Закрытый
5.46 Причесывание макета ↗
4
4
10м 0с
1
Закрытый
5.47 Введение в Gulp ↗
5
3
13м 56с
1
Закрытый
5.48 Описание работы Gulp ↗
4
4
12м 7с
1
Закрытый
5.49 Решаем задачку по шрифтам ↗
6
6
7м 21с
0
Закрытый
5.50 Последний урок модуля ↗
5
5
-
1

6. Хостинг. Как живут сайты в интернете

6 уроков
Закрытый
6.1 Что такое хостинг и домен ↗
5
5
12м 13с
1
Закрытый
6.2 Регистрируем домен ↗
6
6
4м 0с
1
Закрытый
6.3 Загружаем сайт на хостинг ↗
5
5
4м 0с
1
Закрытый
6.4 Создаем суб домены ↗
5
3
8м 31с
1
Закрытый
6.5 Практика | Первый сайт Портфолио ↗
4
4
4м 22с
1
Закрытый
6.6 Добавляем работы в Портфель ↗
4
4
7м 16с
1