12 заданий
Глава 1:
Основы HTML и CSS
20 минут теории, 20 минут практики
В этой главе мы под руководством инструктора Кекса познакомимся с основами вёрстки на примере небольшого лендинга.
4 вызова
Домашняя работа
Как работать с сайтом на своём компьютере
Время на чтение и отработку: 20-30 минут
Где взять сайт для экспериментов и как открыть его на своём компьютере. Как вносить в него правки, и проверять, что они применились.
16 заданий
1 испытание
Глава 2:
Структура HTML-документа
35 минут теории, 30 минут практики
Начинаем готовить разметку страницы блога, разбираемся из каких тегов она состоит и за что эти теги отвечают.
Как выбрать доменное имя
Время на чтение и отработку: 5-10 минут
Как придумать для вашего будущего сайта-портфолио подходящее доменное имя и проверить, что оно доступно для регистрации.
Как спроектировать сайт-портфолио
Время на чтение и отработку: 10-20 минут
Из чего состоит сайт-портфолио и как правильно спроектировать структуру страницы.
19 заданий
Глава 3:
Разметка текста
35 минут теории, 50 минут практики
Продолжаем верстать страницу блога, изучаем, как правильно размечать текстовое содержание: абзацы, заголовки, подзаголовки, списки и многое другое.
5 вызовов
Как оформить сайт-портфолио
Подключаем базовые стили к сайту-портфолио, дорабатываем разметку.
Как опубликовать сайт в интернете
Разберёмся, как можно опубликовать сайт в интернете, что такое хостинги и чем они отличаются.
15 заданий
Глава 4:
Ссылки и изображения
30 минут теории, 30 минут практики
Завершаем разметку страницы блога, добавляем навигационные ссылки, а также разбираемся с форматами изображений.
Как зарегистрировать домен и привязать его к сайту
Как купить и зарегистрировать доменное имя, а также как привязать его к сайту в интернете.
Как добавить на сайт-портфолио ссылки и изображения
Скачиваем картинки для сайта, подключаем их и прописываем ссылки на странице.
Глава 5:
Основы CSS
35 минут теории, 40 минут практики
Начинаем оформление страниц блога и заодно разбираем базовые понятия CSS: правила, селекторы, свойства, значения, наследование и каскадирование.
Как добавить на сайт блок с навыками
Завершаем сайт-портфолио: добавляем на главную страницу блок с навыками и подключаем тёмную тему оформления.
18 заданий
Глава 6:
Оформление текста
40 минут теории, 30 минут практики
Завершаем оформление страниц блога, учимся оформлять тексты с помощью CSS: задаём шрифты, цвета, отступы, размеры.
Как подключить к сайту разные темы оформления
Знакомимся с разными темами оформления сайта-портфолио.
