Обязательный для прохождения материал, теория, задания и испытания.
5 частей, 83 задания, 5 испытаний
16 заданий1 испытание
Начинаем готовить разметку страницы блога, разбираемся из каких тегов она состоит и за что эти теги отвечают.
4 вызова
Домашняя работа
Из чего состоит сайт-портфолио и как правильно спроектировать структуру страницы.
19 заданий1 испытание
Продолжаем верстать страницу блога, изучаем, как правильно размечать текстовое содержание: абзацы, заголовки, подзаголовки, списки и многое другое.
5 вызовов
Домашняя работа
Подключаем базовые стили к сайту-портфолио, дорабатываем разметку.
Разберёмся, как можно опубликовать сайт и привязать собственный домен на GitHub Pages.
15 заданий1 испытание
Завершаем разметку страницы блога, добавляем навигационные ссылки, а также разбираемся с форматами изображений.
4 вызова
Это задача на проектирование информационной архитектуры страниц.
В качестве входных данных верстальщик получает от дизайнера графический макет и опираясь на него должен сделать разметку страницы. Разметка должна быть семантичной, выразительной, включать в себя все содержательные сущности, размеченные подходящими тегами, и не включать декоративные сущности.
Домашняя работа
Скачиваем картинки для сайта, подключаем их и прописываем ссылки на странице.
15 заданий1 испытание
Начинаем оформление страниц блога и заодно разбираем базовые понятия CSS: правила, селекторы, свойства, значения, наследование и каскадирование.
4 вызова
Домашняя работа
Завершаем сайт-портфолио: добавляем на главную страницу блок с навыками и подключаем тёмную тему оформления.
18 заданий1 испытание
Завершаем оформление страниц блога, учимся оформлять тексты с помощью CSS: задаём шрифты, цвета, отступы, размеры.
4 вызова
Домашняя работа
Знакомимся с разными темами оформления сайта-портфолио.
В следующих тренажёрах мы продолжим работать над ним, а также дополним портфолио новыми проектами.