Главная Каталог Дизайн HTML & CSS с нуля: основы веб-дизайна
Дизайн Начинающий

HTML & CSS с нуля: основы веб-дизайна

HTML & CSS с нуля: основы веб-дизайна — это практический курс, который помогает понять, как создаются современные сайты с нуля. Вы научитесь: понимать структуру веб-страницы (HTML) оформлять сайты с помощью CSS работать с текстами, изображениями, блоками собирать простые, но аккуратные веб-страницы делать первые шаги в сторону профессии frontend-дизайнера Курс ориентирован на практику: каждый урок приближает к созданию реального сайта.

Е
Елена Козлова Преподаватель
📖 6 урок
👥 2 студент
4,5 (2)
375 мин

Введение

Добро пожаловать в курс: HTML & CSS с нуля
Этот курс создан для тех, кто хочет понять, как работают сайты “под капотом” и научиться создавать их самостоятельно. Интернет состоит из страниц. Каждая страница — это результат работы HTML (структура) и CSS (дизайн). Вместе они превращают обычный текст в красивые и удобные интерфейсы, которыми мы пользуемся каждый день. В этом курсе ты: узнаешь, как устроены сайты научишься писать свой первый код соберёшь несколько реальных страниц поймёшь основы веб-дизайна и верстки Не нужно никакого опыта — только желание разобраться и практиковаться.

Что ты узнаешь

Как работают сайты и основы HTML
Текст и структура страницы
Ссылки, изображения и медиа
Основы CSS: стилизация страницы
Блочная модель и layout (Flexbox)
Итоговый мини-проект: лендинг

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

6 урок · 375 мин

# Урок 1: Как работают сайты и основы HTML ## 🌐 Что такое сайт? Сайт — это набор веб-страниц, которые отображаются в браузере (Chrome, Firefox, Safari). Каждая страница состоит из: - HTML — структу…

🔗 HTML справочник тегов (MDN)

# Урок 2: Текст и структура страницы В прошлом уроке ты познакомился с базовой структурой HTML. Теперь мы научимся наполнять страницу содержимым и делать её логичной и читаемой. --- ## 🧱 Заголов…

🔗 Практика HTML онлайн

# Урок 3: Ссылки, изображения и медиа В этом уроке ты сделаешь свои страницы более “живыми” — добавишь ссылки, изображения и научишься работать с медиа. --- ## 🔗 Ссылки в HTML Ссылки создаются с …

# Урок 4: Основы CSS — стилизация страницы До этого момента твои страницы были “сырыми” — только структура без дизайна. Теперь ты начнёшь делать сайты красивыми с помощью CSS. --- ## 🎨 Что такое…

# Урок 5: Блочная модель и layout (Flexbox) В этом уроке ты научишься управлять расположением элементов на странице — это ключевой навык в веб-дизайне и верстке. --- ## 📦 Что такое блочная модель …

🔗 Flexbox guide

# Урок 6: Итоговый мини-проект — создаём лендинг Поздравляю — ты дошёл до финального урока курса. Теперь ты соберёшь полноценную веб-страницу (лендинг), используя всё, что изучил ранее. --- ## 🧠…

🔗 Примеры лендингов (вдохновение) 🔗 Больше про верстку

Преподаватель

Е
Елена Козлова
✦ Преподаватель
📚 2 курс
👥 3 студент

Отзывы студентов

4,5
2 отзыв
5★
1
4★
1
3★
0
2★
0
1★
0
Ю
Юлия Лазарева Студент курса
5.0
23 мая 2026

Очень понравился курс! Узнала очень много нового для себя в Web дизайне, буду применять в своих работах

Д
Дарья Гущина Студент курса
4.0
23 мая 2026

Понравился курс! Узнала много нового

🎨
4,5
2 отзыв
📖 6 Уроков
👥 2 Студентов
375 Минут
🟢 Начинающий Уровень
📅 Добавлен 01 мая 2026
♾️ Бессрочный доступ к материалам
📱 Доступ с любого устройства
🏆 Отслеживание прогресса

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

⚠️

Отписаться от курса?

Твой прогресс по курсу «HTML & CSS с нуля: основы веб-дизайна» будет удалён. Это действие нельзя отменить.