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

HTML и CSS (Часть 1) Первый сайт с нуля

ФорматОнлайн
Длительность12 часов
Объём3 занятий
О курсе

Подробнее

Хотите научиться создавать сайты с нуля, но не знаете, с чего начать? Тогда этот курс — именно для вас! HTML и CSS — это фундамент всей современной веб-разработки. Именно с них начинается путь каждого frontend-разработчика, веб-дизайнера и даже многих backend-разработчиков. Без этих технологий невозможно создавать красивые и удобные сайты. В этом курсе мы не будем сразу переходить к сложным макетам и запутанным темам. Наша цель — заложить прочную основу, чтобы каждый следующий курс давался легко. 🎯 Цель курса Научить вас самостоятельно создавать веб-страницы с нуля, понимать устройство HTML-документа и уверенно оформлять страницы с помощью CSS. К концу курса вы сможете сверстать свою первую полноценную страницу, используя современные подходы и лучшие практики. 💡 Почему стоит выбрать именно этот курс Простые объяснения без лишней теории. Большое количество практических примеров. Каждая новая тема сразу закрепляется заданиями. Материал подается постепенно — от самых основ к более сложным темам. Подойдет даже тем, кто никогда раньше не писал код.
Требования

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

  • Специальные знания не требуются. Курс рассчитан на новичков — достаточно уверенно пользоваться компьютером, уметь работать с файлами и папками, а также установить бесплатный редактор кода Visual Studio Code. Всему остальному вы научитесь в процессе обучения. 🚀
Результат

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

  • ✅ Понимать, как устроены HTML-страницы и из каких элементов они состоят.
  • 🏗️ Создавать структуру веб-страницы с помощью HTML.
  • 🎨 Подключать CSS и оформлять страницы с использованием различных селекторов.
  • ✍️ Настраивать шрифты, цвета, размеры и оформление текста.
  • 📦 Работать с блочной моделью, отступами, рамками и размерами элементов.
  • 🖼️ Добавлять изображения, ссылки и фоновые изображения.
  • 📐 Использовать различные единицы измерения и понимать, когда применять каждую из них.
  • 🧩 Разбивать страницу на логические блоки и строить простые макеты.
  • 🛠️ Пользоваться инструментами разработчика в браузере для поиска и исправления ошибок.
  • 🚀 Самостоятельно сверстать свою первую полноценную веб-страницу с нуля.
Аудитория

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

  • Курс предназначен для всех, кто хочет научиться создавать сайты с нуля. Он подойдет новичкам, студентам, будущим frontend-разработчикам, веб-дизайнерам и всем, кто планирует развиваться в IT. Если вы хотите сделать свой первый сайт, создать портфолио, освоить основы веб-разработки или подготовиться к изучению JavaScript и современных фреймворков, этот курс станет отличной отправной точкой. Предварительный опыт программирования не требуется. 🚀
Содержание

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

3 занятия
№ТемаЧто внутри
01Рабочая среда и первая страница

- Настройка рабочей среды и запуск первого проекта
- Из чего состоит HTML
- Текстовые теги и списки
- Изображения и ссылки
- Первое подключение CSS и инструменты браузера

02Основы CSS и оформление текста

- Селекторы по тегу, цвет текста и цвет фона
- Работа с классами
- Шрифты и подключение внешних шрифтов
- Свойства текста

03Блочная модель и структура страницы

- Контейнеры div, деление страницы на блоки
- Блочная модель
- Разные способы указания отступов и рамок
- Единицы измерения
- Фоновые изображения и заливки блоков
- Подведем итоги

01Рабочая среда и первая страница

- Настройка рабочей среды и запуск первого проекта
- Из чего состоит HTML
- Текстовые теги и списки
- Изображения и ссылки
- Первое подключение CSS и инструменты браузера

02Основы CSS и оформление текста

- Селекторы по тегу, цвет текста и цвет фона
- Работа с классами
- Шрифты и подключение внешних шрифтов
- Свойства текста

03Блочная модель и структура страницы

- Контейнеры div, деление страницы на блоки
- Блочная модель
- Разные способы указания отступов и рамок
- Единицы измерения
- Фоновые изображения и заливки блоков
- Подведем итоги

Организатор

Автор курса

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

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

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

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

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

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

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

Консультант ответит на вопросы о курсе «HTML и CSS (Часть 1) Первый сайт с нуля» и поможет разобраться в деталях обучения.

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

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

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

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

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

Vue.js 3, Vue Router и Pinia
Vue.js 3, Vue Router и Pinia

В этом курсе мы изучим Vue, Vue Router и Pinia, создавая два полноценных приложения. Мы сделаем приложение для отображения прогноза погоды и Saas сервис хранения веб закладок. Это…

Онлайн15 занятий
3 999 ₽
Node js для Front End
4 месяца
Node js для Front End

Backend разработка на Node.js: Express.js, NestJS фреймворки. Работа с базами данных PostgreSQL, MongoDB. Создание REST API, аутентификация и авторизация. WebSockets для реального…

ОнлайнСредний
100 000 ₽от 5 555 ₽/мес на 18 мес.
Вёрстка на HTML & CSS для начинающих
30 минут в день
Вёрстка на HTML & CSS для начинающих

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

Онлайн8 занятий
490 ₽
ReactJS - Разработка WEB клиентских приложений, использование библиотек Redux и функций Hooks
24 ак.часа
ReactJS - Разработка WEB клиентских приложений, использование библиотек Redux и функций Hooks

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

Онлайн4 занятий
54 000 ₽
React Native и Expo Router
React Native и Expo Router

В этом курсе мы изучим React Native и Expo Router написав полноценное мобильное приложение с авторизацией и нативными возможностями. Этот курс подойдёт тем, кто хочет погрузиться…

Онлайн16 занятий
3 999 ₽
Начать без затрат

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

Angular 14 - написание приложения
Бесплатно10 академических часов
Angular 14 - написание приложения

Обновленный быстрый курс по Angular 14, который будет актуален на момент 2022 года. В рамках курса напишем полноценное приложение, на примере которого разберем ключевые моменты да…

Онлайн1 занятий
Видеоуроки
Бесплатно
Практика Frontend разработчика 2025
Бесплатно48 академических часов
Практика Frontend разработчика 2025

Полный курс по созданию Frontend приложения с нуля. Это отличная практика для начинающих разработчиков, создание такого приложения даст вам отличный опыт владения HTML и CSS, ведь…

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