Войти Регистрация
🔒 Ты не вошёл(вошла) в аккаунт — прогресс, работы и результаты теста не сохраняются. Что недоступно?

✅ Без входа можно

  • читать все 33 занятия, смотреть слайды и шпаргалку;
  • пробовать код в редакторе и песочнице.

⛔ Без входа нельзя

  • сохранять работы — черновик живёт только в этом браузере и пропадёт при очистке истории, в режиме инкогнито или на другом устройстве;
  • отмечать пройденные занятия и видеть свой прогресс;
  • выбрать тему итогового проекта и отмечать чек-лист;
  • отправить итоговый тест и сохранить результат.
Зарегистрироваться бесплатно У меня есть аккаунт
Для начинающих · опыт не нужен

Научим делать свои сайты — с нуля

Каждый сайт в интернете — это обычный текстовый файл с простыми командами. Мы шаг за шагом объясним, как их писать, и за 33 занятия ты соберёшь собственный сайт: о хобби, питомце, любимой игре или о себе.

Начать: занятие 1 → Открыть песочницу 
<h1>Мой первый сайт</h1>
<p>Привет! Я учусь делать сайты.</p>

h1 { color: #5b4bdb; }
↓ браузер превращает код в страницу ↓

Чему мы учим — простыми словами

🦴

HTML — «что» есть на странице

Это метки для текста: «вот заголовок», «вот абзац», «вот картинка», «вот ссылка». Браузер читает метки и показывает страницу. Как скелет у человека.

🎨

CSS — «как» это выглядит

Это правила оформления: какого цвета текст, какой шрифт, где стоят блоки и как сайт смотрится на телефоне. Как одежда, которую надевают на скелет.

🚀

Итог — твой собственный сайт

Несколько страниц со своим меню, картинками и красивым оформлением, которые удобно смотреть и на компьютере, и на телефоне.

Что понадобится: 💻 компьютер с браузером 📝 бесплатный редактор VS Code — покажем, как установить ⏱ 45–60 минут в неделю 🙌 уметь программировать не нужно — начинаем с самого первого тега

Модули курса

Как проходит занятие

👋
Разминка: вспомни прошлое занятие 5 мин
💡
Слайды и объяснение 10–15 мин
⌨️
Практика в редакторе 25–30 мин
🪞
Проверь себя 5 мин

🔒 Учиться можно без регистрации, но тогда прогресс и работы не сохранятся.

✅ Без входа можно

  • читать все 33 занятия, смотреть слайды и шпаргалку;
  • пробовать код в редакторе и песочнице.

⛔ Без входа нельзя

  • сохранять работы — черновик живёт только в этом браузере и пропадёт при очистке истории, в режиме инкогнито или на другом устройстве;
  • отмечать пройденные занятия и видеть свой прогресс;
  • выбрать тему итогового проекта и отмечать чек-лист;
  • отправить итоговый тест и сохранить результат.
Зарегистрироваться бесплатно У меня есть аккаунт

К концу курса ты сможешь

  • создать HTML-страницу с заголовками, текстом, списками, ссылками, изображениями, таблицами и формой;
  • подключить внешний CSS-файл;
  • использовать классы, id, Flexbox, Grid, псевдоклассы;
  • сделать простую адаптивную верстку;
  • собрать мини-сайт и презентовать его.

Итоговый проект

Мини-сайт из 2–4 страниц на одну из тем:

Моё хобби Моя любимая игра/фильм/книга Моя школа Мой город Мой питомец Мой личный сайт

Требования и чек-лист →