Мы используем cookie для стабильной работы сервиса. Подробнее

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

ФорматОнлайн
Объём6 занятий
О курсе

Подробнее

Курс в раннем доступе. Материалы добавляются прямо в этот момент Привет Курс по веб разработке для новичков. От теории до применения знаний на практике В курсе более 20и домашних заданий по всем основным темам. Это не просто набор видео -- это практический курс на котором постоянно нужно верстать и разрабатывать. Просто смотреть видео не получится. Мы пройдем от самых основ HTML где создадим простой промо сайт, В легкой, дружелюбной форме мы изучим основы HTML на практике. С каждым уроком наполняя сайт все большим количеством информации. Мы погрузимся в HTML с головой и ты даже не заметишь, как твой собственный первый проект будет открыт в твоем браузере. Во втором блоке мы изучим CSS. ОСТОРОЖНО!, в этом блоке 7 домашних заданий. Пройти этот модуль и не выучить CSS невозможно. Самые важные темы прорабатываются особенно тщательно, по ним есть дз с объяснениями и практическими примерами из реальной жизни Третий блок -- настоящая практика верстки на реальном макете. Мы создадим полностью адаптивную страницу сайта. О да, в этом блоке мы не просто будем верстать макет, а сделаем его адаптивным под все устройства. Ты увидишь, что адаптация это совсем не сложно, если тему правильно пояснить. Как бонус мы познакомимся с языком программирования JavaScript и ты увидишь, что он совсем не страшный Четвертый блок. Продвинутая верстка HTML SASS NPM Gulp. Для разработки нового макета мы будем использовать продвинутые технологии, такие как npm  и препроцессор sass/scss. Методология БЭМ и технология Grid Помогут нам в работу. Это высокий уровень профессионализма, а не просто переписывание кода с экрана. На курсе ты пройдешь весь путь от начала до конца, от скачивания редактора на первом уроке и до работы с терминалом и установки пакетных менеджеров и работы с планировщиком задач в работе с последним проектом. Возможно, сейчас ты не знаешь что это за слова такие, но, поверь, на последнем модуле ты уже не сможешь представить работу веб разработчика без этих инструментов и технологий  После курса ты смело можешь добавлять 2 крутых проекта в портфель, а в резюме указать вот такой стек инструментов и технологий: HTML CSS SASS SCSS BEM Grid Flex NPM GULP Курс постоянно улучшается. Я постоянно получаю связь от студентов и корректирую материалы Я постоянно на связи со студентами как тут на платформе, так и в нашем чате в телеграмм. До встречи на курсе
Требования

Что нужно для старта

  • Требований нет
Результат

Что вы получите

  • Создавать сайты
  • HTML СSS
  • Flex Box и Grid
  • Изучите CSS для стилизации страниц
  • Методология БЭМ
  • Научитесь адаптировать макеты под любое разрешение экрана
  • Верстать с препроцессорами SASS SCSS
  • Работать с терминалом
  • Узнаете что такое npm и как с ним работать (это уже профессиональный уровень)
Аудитория

Для кого этот курс

  • Для тех, кто хочет научиться создавать сайты
  • Для тех кто хочет научиться верстать
  • Для веб дизайнеров
Содержание

Программа курса

6 занятий
№ТемаЧто внутри
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Хостинг. Как живут сайты в интернете

- Что такое хостинг и домен
- Регистрируем домен
- Загружаем сайт на хостинг
- Создаем суб домены
- Практика | Первый сайт Портфолио
- Добавляем работы в Портфель

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Хостинг. Как живут сайты в интернете

- Что такое хостинг и домен
- Регистрируем домен
- Загружаем сайт на хостинг
- Создаем суб домены
- Практика | Первый сайт Портфолио
- Добавляем работы в Портфель

Организатор

Автор курса

StepikStepik
Stepik — образовательная платформа и конструктор онлайн-курсов. Мы разрабатываем алгоритмы адаптивного обучения, сотрудничаем с авторами MOOC, помогаем в проведении олимпиад и программ переподготовки. Наша цель — сделать образование открытым и удобным. Stepik — широко известная российская образовательная платформа, основанная в 2013 году. На Stepik зарегистрировано более миллиона пользователей из России и стран СНГ. В настоящее время на Stepik представлены несколько тысяч учебных курсов на самые разные темы.
Подробнее об авторе
Мнения учеников

Отзывы о курсе

Оставьте отзыв

Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.

Напишите ваш коментарий, не менее 30 символов

Нажимая кнопку, вы даете согласие на обработку персональных данных

Оставьте заявку

Консультант ответит на вопросы о курсе «Верстка сайтов HTML CSS. Создание сайтов. Легкий уровень» и поможет разобраться в деталях обучения.

Комментарий ...

Нажимая кнопку, вы даете согласие на обработку персональных данных

Информация обновлена 12 августа 2026 г.

Продолжить выбор

Похожие курсы

Apache Kafka База
Apache Kafka База

Изучите Apache Kafka под руководством опытных спикеров с АМА-сессиями,закрытым чатом и сертификацией.

Онлайн
50 000 ₽от 12 500 ₽/мес на 4 мес.
Вёрстка на HTML & CSS для начинающих
30 минут в день
Вёрстка на HTML & CSS для начинающих

В этом курсе вы научитесь с нуля основам HTML и CSS, которые нужны для создания сайтов и уже сможете выполнять довольно серьезные работы в этой области. Мы будем изучать язык гипе…

Онлайн8 занятий
490 ₽
WebDev & AI: практическая интеграция
WebDev & AI: практическая интеграция

За время обучения вы освоите создание интерактивных веб-приложений, сочетая навыки веб-разработки и современные технологии искусственного интеллекта. Этот курс - идеальный выбор к…

Онлайн
41 000 ₽
Веб-мастер
−35%7 месяцев
Веб-мастер

Курсы онлайн. Практические программы. Диплом. Рассрочка 0%. Учитесь из любой точки!

Онлайн5 занятий
85 100 ₽−35%
55 300 ₽
Начать без затрат

Бесплатные курсы

Создание интернет магазин на Woocommerce
Бесплатно10 академических часов
Создание интернет магазин на Woocommerce

Woocommerce - плагин для электронной коммерции с открытым исходным кодом для WordPress. Он предназначен для небольших и крупных онлайн-продавцов, использующих WordPress. Валя Web-…

Онлайн1 занятий
Видеоуроки
Бесплатно
HTML для начинающих
Бесплатно5 академических часов
HTML для начинающих

Для стандартизации вывода текста внутри браузера был придуман стандарт HTML, описывающий правила оформления текстовых данных для корректного вывода. В рамках данного ролика вы нап…

Онлайн1 занятий
Видеоуроки
Бесплатно
Создание и анимация сайта
Бесплатно15 академических часов
Создание и анимация сайта

В этом курсе мы узнаем, как создать интересный сайт с необычной сеткой и композицией. Научимся экспериментировать и находить новые решения в дизайне. Ну и конечно же добавим анима…

Онлайн1 занятий
Видеоуроки
Бесплатно
WordPress-создание сайта с помощью нейросети
Бесплатно15 академических часов
WordPress-создание сайта с помощью нейросети

Рассмотрим нейросеть Курсор, которая делает сайт на WordPress, а также будем тестировать нейросеть которая делает магазин на WordPress, точнее будем делать карточки товаров с помо…

Онлайн1 занятий
Видеоуроки
Бесплатно
Структура продающего интернет-магазина
Бесплатно5 академических часов
Структура продающего интернет-магазина

Что Вы узнаете из этого курса: Что такое структура интернет-магагзинаКакие разделы и страницы обязательно должны быть с структуре сайта интернет-магазинаКак создать структура инте…

Онлайн1 занятий
Видеоуроки
Бесплатно