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

Интерактивные уроки

Теория + практика в одном окне. Пишите код и сразу видите результат

Игровая форма

Учитесь через решение задач и создание реальных проектов

Работает без интернета

Скачайте тренажер один раз и учитесь где угодно

От простого к сложному

12 уроков от первой страницы до полноценного сайта-портфолио

12 УРОКОВ КУРСА:

Урок 1: Что такое HTML?

Знакомство с языком разметки. Структура HTML-документа, теги, создание первой страницы.

Урок 2: Основные теги

Заголовки, абзацы, жирный и курсивный текст, горизонтальные линии. Форматирование текста.

Урок 3: Списки в HTML

Маркированные и нумерованные списки. Вложенные списки. Создание меню и структуры.

Урок 4: Ссылки и изображения

Добавление ссылок на другие страницы и изображений. Атрибуты тегов, относительные и абсолютные пути.

Урок 5: Таблицы

Создание таблиц для отображения данных. Объединение ячеек, оформление таблиц.

Урок 6: Введение в CSS

Что такое CSS и зачем он нужен. Способы подключения стилей, основные свойства.

Урок 7: Классы и ID

Селекторы классов и идентификаторов. Как обращаться к элементам для стилизации.

Урок 8: Блоки и отступы

Box-model: padding, margin, border. Блочные и строчные элементы.

Урок 9: Позиционирование

Относительное, абсолютное и фиксированное позиционирование. Создание сложных макетов.

Урок 10: Flexbox

Современная верстка с помощью Flexbox. Выравнивание и распределение элементов.

Урок 11: Адаптивный дизайн

Создание сайтов для мобильных устройств. Медиа-запросы и responsive design.

Урок 12: Твой первый сайт!

Создание полноценного сайта-портфолио с использованием всех изученных технологий.

Интерактивный тренажер HTML/CSS

Скачайте специальную программу для практики. Тренажер содержит 12 интерактивных уроков с теорией, заданиями и редактором кода. Пишите HTML/CSS и сразу видите результат в браузере!

Скачать тренажер (html_css_trainer.exe)

Как пользоваться тренажером:

Скачайте файл html_css_trainer.exe выше
Запустите программу (Windows может спросить подтверждение)
Выбирайте уроки из списка слева (1-12)
Изучайте теорию и выполняйте задания в редакторе
Нажимайте "Запустить в браузере" чтобы увидеть результат
Сравнивайте с решением с помощью кнопки "Показать ответ"

Важно: Тренажер проверен на вирусы. При первом запуске Windows может показать предупреждение "Windows protected your PC" - нажмите "More info" → "Run anyway", так как программа создана независимыми разработчиками.