Мы используем 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 ₽
React Native и Expo Router
React Native и Expo Router

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

Онлайн16 занятий
3 999 ₽
Frontend Vue разработка
Frontend Vue разработка

Vue входит в топ-3 GitHub: 200к репозиториев, 42к звёзд, 4 млн npm-загрузок. Шаблоны близки к HTML, реактивность без хуков, v-for и @click справятся с любым CRUD. По State of JS 2…

Онлайн1 занятий
25 000 ₽
Курс "Frontend-разработчик"  с оплатой большей части курса после трудоустройства
24 октября 2024 г.
Курс "Frontend-разработчик" с оплатой большей части курса после трудоустройства

Курс Frontend-разработчика. Длительность от 9 месяцев. Гарантия трудоустройства. Минимальная зарплата от 100 000 рублей.

Онлайн6 занятий
Помощь с трудоустройствомПерсональный наставник+2
139 000 ₽
Начать без затрат

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