Курс на Stepik
Обложка курса «HTML CSS (pro)» на Stepik
1 280 ₽

HTML CSS (pro) ★ 4.571

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

На курсе web-разработки вы познакомитесь с основами HTML и CSS, научитесь верстать адаптивные страницы. Освоите современные технологии и инструменты. Узнайте как работать с Git репозиторием, а также получите базовые знания для работы с Figma.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «HTML CSS (pro)»Учеников на курсе 434
Сертификаты, выданные на курсе «HTML CSS (pro)»Сертификатов выдано 61
Отзывы о курсе «HTML CSS (pro)»Отзывов получено 21
Рейтинг курса «HTML CSS (pro)»Рейтинг курса 4.571
Уроки в курсе «HTML CSS (pro)»Количество уроков 78
Тесты в курсе «HTML CSS (pro)»Количество квизов 154
Задачи с кодом в курсе «HTML CSS (pro)»Количество задач с кодом 92
Время прохождения курса «HTML CSS (pro)»Время прохождения курса —
Стоимость курса «HTML CSS (pro)»Стоимость курса 1 280 ₽ —
Обновления курса «HTML CSS (pro)»Обновления курса — —
Дата публикации курса «HTML CSS (pro)»Дата публикации курса — ———
Последнее обновление курса «HTML CSS (pro)»Последнее обновление — ———
Сложность easy — ———

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

Разделы в курсе «HTML CSS (pro)» 16 разделов Уроки в курсе «HTML CSS (pro)» 78 уроков Тесты в курсе «HTML CSS (pro)» 154 теста Задачи в курсе «HTML CSS (pro)» 92 задачи Время прохождения курса «HTML CSS (pro)» 15 ч. Последнее обновление курса «HTML CSS (pro)» обн. 12 июня 2026

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

1 урок
1. Общая информация о курсе ↗

Секретная информация

1 урок
1. Секретная информация ↗

Вливаемся в WEB-разработку

4 урока
1. Что такое создание сайтов? ↗
2. Фронтенд и бэкенд ↗
3. URL-адреса ↗
4. Хостинг ↗

Редактор кода

4 урока
1. Что такое редактор кода? ↗
2. Установка VS Code ↗
3. Плагины ↗
4. Функции редактора VS Code ↗

HTML Начало

4 урока
1. HTML: Знакомство ↗
2. HTML: Синтаксис ↗
3. HTML: Документ ↗
4. HTML: Онлайн компилятор для тестов ↗

HTML Теги

8 уроков
1. HTML: Заголовки и параграфы ↗
2. HTML: Комментарии ↗
3. HTML: Вложенность тегов ↗
4. HTML: Блочные и строчные элементы ↗
5. HTML: Списки ↗
6. HTML: Тег переноса, тег pre ↗
7. HTML: Div ↗
8. HTML: Итоговая контрольная работа №1 ↗

HTML атрибуты

11 уроков
1. HTML: Атрибуты ↗
2. HTML: Универсальные атрибуты ↗
3. HTML: Ссылки ↗
4. HTML: Изображения ↗
5. HTML: Атрибут style ↗
6. HTML: Цвета и спецсимволы ↗
7. HTML: Кнопки ↗
8. HTML: Input ↗
9. HTML: Формы ↗
10. HTML: Таблицы ↗
11. HTML: Итоговая контрольная работа №2 ↗

CSS Начало

5 уроков
1. CSS: Знакомство ↗
2. CSS: Подключение CSS к HTML ↗
3. CSS: Синтаксис ↗
4. CSS: Селекторы ↗
5. CSS: Итоговая контрольная работа №3 ↗

CSS Основы

11 уроков
1. CSS: Псевдоэлементы ↗
2. CSS: Единицы измерения ↗
3. CSS: Работа c изображениями ↗
4. CSS: Работа с текстом ↗
5. CSS: Рамки и границы ↗
6. CSS: Выбор цвета ↗
7. CSS: Подключение внешних шрифтов ↗
8. CSS: Отступы ↗
9. CSS: Display ↗
10. CSS: Свойства списков ↗
11. CSS: Итоговая контрольная работа №4 ↗

GitHub

10 уроков
1. GitHub: Знакомство ↗
2. GitHub: Установка ↗
3. GitHub: Первые команды ↗
4. GitHub: Ветки ↗
5. GitHub: Push ↗
6. GitHub: Удаление репозитория ↗
7. GitHub: Синтаксис Markdown ↗
8. GitHub: Clone ↗
9. GitHub: Описание профиля ↗
10. GitHub: Контрольная работа №5 ↗

Figma

5 уроков
1. Figma: Знакомство ↗
2. Figma: Установка ↗
3. Figma: Регистрация ↗
4. Figma: Создание проекта ↗
5. Figma: Фишки ↗

Практика HTML и CSS

3 урока
1. Практика №1 ↗
2. Практика №2 ↗
3. Практика №3 ↗

Многостраничность

1 урок
1. Многостраничность ↗

6 проектов в портфолио

8 уроков
1. Файлы проектов ↗
2. Пишем проект вместе ↗
3. Проект №1: Бургерная ↗
4. Проект №2: Музыкальный плеер ↗
5. Проект №3: Магазин одежды ↗
6. Проект №4: Автосалон ↗
7. Проект №5: Сайт ВУЗа ↗
8. Проект №6: Личный блог ↗

Полезные материалы

1 урок
1. Полезные материалы ↗

Финал

1 урок
1. Итоги ↗