10–15 лет60 минутИндивидуально онлайн

Создание сайтов для детей

Ребёнок освоит HTML и CSS на собственном проекте, научится собирать страницы, оформлять их и адаптировать под разные экраны. Когда база будет понятна, добавим первые интерактивные элементы на JavaScript.

Записаться на занятие

800 ₽за 60 минут

Иллюстрация курса по созданию сайтов для детей

Результат занятий

Собственный сайт на HTML и CSS

Ребёнок соберёт страницу из смысловых блоков, добавит изображения, меню и кнопки, оформит её через CSS, сделает версию для телефона и попробует простую интерактивность на JavaScript.

По ходу проекта ребёнок разберётся с:

HTML

CSS

Flexbox и Grid

Адаптивная вёрстка

JavaScript

Свой сайт

Программа

Программа занятий

Программа служит ориентиром. Если ребёнок уже знаком с частью тем, не начинаем заново и переходим дальше.

HTML — первая страница

Собираем структуру сайта: заголовки, текст, изображения, ссылки, кнопки и смысловые блоки.

Практика: первая веб-страница

CSS — оформление сайта

Работаем с цветом, шрифтами, размерами, отступами и фоном. Учимся управлять внешним видом страницы через код.

Практика: дизайн страницы

Flexbox и Grid

Разбираемся, как располагать элементы в строках, колонках и сетках и собирать более сложный макет.

Практика: макет сайта

Версия для телефона

Настраиваем страницу так, чтобы она нормально выглядела на широком и узком экране.

Практика: адаптивная вёрстка

Первые шаги в JavaScript

Добавляем простые действия: реакцию на кнопку, изменение текста или элементов страницы.

Практика: интерактивный блок

Собственный сайт

Объединяем изученное в одном проекте и доводим страницу до законченного вида.

Практика: итоговый сайт

Для кого

Кому подойдёт курс

Интересно, как устроены сайты

Хочется понять, что происходит за страницей в браузере и как из кода получается привычный сайт.

Нравится быстро видеть результат

Изменил HTML или CSS — и сразу видишь, что произошло на странице. Это помогает не учить код в отрыве от практики.

Нравятся и логика, и визуальная часть

Здесь нужно писать код, но одновременно работать с текстом, изображениями, цветами и расположением элементов.

Вопросы

Вопросы о занятиях

Нужно ли ребёнку уже знать программирование?

Нет. Начинаем с HTML и CSS, где результат каждой правки сразу виден в браузере.

Ребёнок действительно сделает свой сайт?

Да. Обучение строится вокруг собственного проекта, который постепенно становится сложнее по мере изучения новых тем.

Чем создание сайтов отличается от веб-дизайна?

На веб-дизайне ребёнок проектирует внешний вид страницы в Figma. Здесь он пишет HTML, CSS и JavaScript и собирает работающую страницу в браузере.

Что ребёнок будет делать на JavaScript?

На старте — простую интерактивность: обработку нажатий, изменение элементов страницы и другие небольшие действия, чтобы увидеть, как сайт реагирует на пользователя.