Подробнее
Что нужно для старта
- Требований нет
Что вы получите
- Создавать сайты
- HTML СSS
- Flex Box и Grid
- Изучите CSS для стилизации страниц
- Методология БЭМ
- Научитесь адаптировать макеты под любое разрешение экрана
- Верстать с препроцессорами SASS SCSS
- Работать с терминалом
- Узнаете что такое npm и как с ним работать (это уже профессиональный уровень)
Для кого этот курс
- Для тех, кто хочет научиться создавать сайты
- Для тех кто хочет научиться верстать
- Для веб дизайнеров
Программа курса
- Редактор Кода
- Emmet
- Видео на Stepik
- Создаем проект
- Горячие клавиши
- .zip
- Создание первого проекта
- Семантика HTML
- Основные теги HTML
- Заголовки и абзацы
- Наполняем текстом проект
- Работа со строками
- Работа с изображениями
- Списки
- Цитаты
- Работа со ссылками
- Создаем меню
- Практика | Переходы по пунктам меню
- Ответ на ДЗ
- Сематические теги
- Footer
- Полная версия HTML
- div span
- Тест на закрепление материала по HTML
- Семантика CSS
- Inline Style
- Подключаем файл со стилями
- Специфичность
- Подключение изображений | Практика
- Цвет и Фон
- Инспектор
- Удаленное подключение шрифтов
- Локальное подключение шрифтов
- Лекция о шрифтах как таковых
- Единицы измерения
- Позиционирование
- Практика позиционирования
- Марджин
- box-sizing
- Псевдоэлементы Часть 1
- Псевдоэлементы Часть 2
- Решение задачи
- Псевдокласс
- Решение задачи
- Тест на закрепление материала по CSS
- Последний урок модуля
Подробности будут доступны на странице курса
Подробности будут доступны на странице курса
- Что такое хостинг и домен
- Регистрируем домен
- Загружаем сайт на хостинг
- Создаем суб домены
- Практика | Первый сайт Портфолио
- Добавляем работы в Портфель
01Настройка рабочего пространства
- Редактор Кода
- Emmet
- Видео на Stepik
- Создаем проект
- Горячие клавиши
- .zip
02Начальный Html. Создание первого сайта
- Создание первого проекта
- Семантика HTML
- Основные теги HTML
- Заголовки и абзацы
- Наполняем текстом проект
- Работа со строками
- Работа с изображениями
- Списки
- Цитаты
- Работа со ссылками
- Создаем меню
- Практика | Переходы по пунктам меню
- Ответ на ДЗ
- Сематические теги
- Footer
- Полная версия HTML
- div span
- Тест на закрепление материала по HTML
03Введение в CSS
- Семантика CSS
- Inline Style
- Подключаем файл со стилями
- Специфичность
- Подключение изображений | Практика
- Цвет и Фон
- Инспектор
- Удаленное подключение шрифтов
- Локальное подключение шрифтов
- Лекция о шрифтах как таковых
- Единицы измерения
- Позиционирование
- Практика позиционирования
- Марджин
- box-sizing
- Псевдоэлементы Часть 1
- Псевдоэлементы Часть 2
- Решение задачи
- Псевдокласс
- Решение задачи
- Тест на закрепление материала по CSS
- Последний урок модуля
04Практика верстки проекта. Лендинг
05Продвинутая верстка. Новый проект
06Хостинг. Как живут сайты в интернете
- Что такое хостинг и домен
- Регистрируем домен
- Загружаем сайт на хостинг
- Создаем суб домены
- Практика | Первый сайт Портфолио
- Добавляем работы в Портфель
Отзывы о курсе
Оставьте отзыв
Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.
Оставьте заявку
Консультант ответит на вопросы о курсе «Верстка сайтов HTML CSS. Создание сайтов. Легкий уровень» и поможет разобраться в деталях обучения.
Нажимая кнопку, вы даете согласие на обработку персональных данных
Информация обновлена 12 августа 2026 г.

Stepik 



















