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