Второй шаг в IT: сайты в конструкторе и HTML

 Модуль 1. Знакомство с Tilda и устройством сайта

Как устроен сайт: домен, хостинг, страницы. Интерфейс Tilda, первый проект.

Библиотека блоков: обложки, текст, колонки. Собираем первую страницу.

Контент: тексты, картинки, кнопки, ссылки, настройки сайта.

Проект: «Страница‑визитка о себе» — публикуем в интернете уже на первом модуле!

Модуль 2. Дизайн и композиция

Типографика: шрифтовые пары, размеры, читаемость.

Цвет и контраст: палитры, настройки сайта, ошибки новичков.

Композиция: воздух, ритм, выравнивание. Разбираем хорошие и плохие примеры.

Изображения: где брать, кадрирование, затемнение, галереи.

Кнопки и призывы к действию: как вести посетителя по странице.

Проект: «Лендинг о своём хобби» (блог, клуб, питомец, мероприятие).

Модуль 3. Zero Block и продвинутые возможности

Zero Block: свободное размещение элементов, слои.

Фигуры, текст и изображения в Zero Block.

Анимации и эффекты: появление при прокрутке, hover, параллакс.

Адаптивность: как сайт выглядит на телефоне и планшете.

Многостраничность: меню, шапка, подвал, навигация.

Проект: «Многостраничный сайт для реального заказчика»

Модуль 4: Знакомство с веб-разработкой и основой HTML

Что такое HTML и как устроены сайты в интернете?

Первая веб-страница: структура <!DOCTYPE html>, <html>, <head> и <body>.

Как работают теги, атрибуты и вложенность элементов.

Подключение редактора кода и просмотр страницы в браузере.

Модуль 5:  Работа с текстом и структурой документа

Заголовки на странице: иерархия тегов от <h1> до <h6>.

Абзацы (<p>) и переносы строк (<br>).

Выделение текста: жирный шрифт (<strong>, <b>) и курсив (<em>, <i>).

Создание списков: нумерованные (<ol>) и маркированные (<ul>) списки.

Модуль 6 : Гиперссылки и мультимедиа

Связываем страницы: тег <a> и работа с атрибутом href.

Внешние и внутренние ссылки (переходы между страницами и на сторонние ресурсы).

Добавление изображений на сайт: тег <img>, атрибуты src и alt.

Встраивание медиафайлов: основы работы с <audio> и <video>.

Модуль 7: Таблицы и формы обратной связи

Создание таблиц: строки (<tr>), ячейки (<td>) и заголовки (<th>).

Основы веб-форм: тег <form> и его назначение.

Поля ввода данных: тег <input> и его типы (текст, пароль, чекбокс, радиокнопка).

Кнопки отправки (<button>) и многострочный ввод текста (<textarea>).

Модуль 8: Современная семантика и структура страницы

Зачем нужна семантика: отличие смысловых тегов от обычных блоков.

Основные блоки сайта: <header>, <nav>, <main>, <section>, <article> и <footer>.

Универсальные контейнеры: использование <div> и <span>.

Практика: сборка макета простой персональной страницы-визитки.

Модуль 9. Публикация и портфолио

Формы заявок

Публикация на поддомене tilda.ws; как подключить свой домен (демо).

 Основы SEO: title, description.

Аналитика и финальная полировка: Яндекс.Метрика, проверка на устройствах.

Демо‑день: презентация собственных сайтов + оформление портфолио.