HTML и CSS. Адаптивная вёрстка и автоматизация c 9 ноября 2020 по 24 января 2021Только 3 дня цена $1 020 $1 095

Знакомство с HTML и CSS

2 часа 55 минут теории, 3 часа практикиЭто примерно 3 дня по 2 часа в день
  • 5 глав,
  • 83  задания
  • 5 испытаний
  • 21вызов
Изучаем основы HTML и CSS. На практике разбираемся с семантической разметкой и базовыми механизмами стилизации на примере небольшого сайта.
Курс «Знакомство с HTML и CSS»

Теория

Обязательный для прохождения материал, теория, задания и испытания.

5 глав83 задания5 испытаний

Практика

Необязательные, но очень полезные задания. Доступны только по подписке.

21 вызов

0/17

16 заданий1 испытание

Глава 1: Структура HTML-документа

35 минут теории, 30 минут практики

Начинаем готовить разметку страницы блога, разбираемся из каких тегов она состоит и за что эти теги отвечают.

Начать

4 вызова

Глава 1: Структура HTML-документа

35 минут теории, 30 минут практики
Вызов начального уровня

Домашняя работа

Как спроектировать сайт-портфолио

Время на чтение и отработку: 10-20 минут

Из чего состоит сайт-портфолио и как правильно спроектировать структуру страницы.

Узнать
0/20

19 заданий1 испытание

Глава 2: Разметка текста

35 минут теории, 50 минут практики

Продолжаем верстать страницу блога, изучаем, как правильно размечать текстовое содержание: абзацы, заголовки, подзаголовки, списки и многое другое.

Начать

5 вызовов

Глава 2: Разметка текста

35 минут теории, 50 минут практики

Домашняя работа

Как оформить сайт-портфолио

Время на чтение и отработку: 10-20 минут

Подключаем базовые стили к сайту-портфолио, дорабатываем разметку.

Узнать

Как опубликовать свой сайт на GitHub Pages

Время на чтение и отработку: 20-30 минут

Разберёмся, как можно опубликовать сайт и привязать собственный домен на GitHub Pages.

Узнать
0/16

15 заданий1 испытание

Глава 3: Ссылки и изображения

30 минут теории, 30 минут практики

Завершаем разметку страницы блога, добавляем навигационные ссылки, а также разбираемся с форматами изображений.

Начать

4 вызова

Глава 3: Ссылки и изображения

30 минут теории, 30 минут практики
Вызовы начального уровня
Вызовы среднего уровня

Навык: создание семантической разметки по макету

Это задача на проектирование информационной архитектуры страниц.

В качестве входных данных верстальщик получает от дизайнера графический макет и опираясь на него должен сделать разметку страницы. Разметка должна быть семантичной, выразительной, включать в себя все содержательные сущности, размеченные подходящими тегами, и не включать декоративные сущности.

Ознакомиться с навыком

Домашняя работа

Как добавить на сайт-портфолио ссылки и изображения

Время на чтение и отработку: 20-30 минут

Скачиваем картинки для сайта, подключаем их и прописываем ссылки на странице.

Узнать
0/16

15 заданий1 испытание

Глава 4: Основы CSS

35 минут теории, 40 минут практики

Начинаем оформление страниц блога и заодно разбираем базовые понятия CSS: правила, селекторы, свойства, значения, наследование и каскадирование.

Начать

4 вызова

Глава 4: Основы CSS

35 минут теории, 40 минут практики
Вызовы начального уровня
Вызов среднего уровня
Вызов продвинутого уровня

Домашняя работа

Как добавить на сайт блок с навыками

Время на чтение и отработку: 10-20 минут

Завершаем сайт-портфолио: добавляем на главную страницу блок с навыками и подключаем тёмную тему оформления.

Узнать
0/19

18 заданий1 испытание

Глава 5: Оформление текста

40 минут теории, 30 минут практики

Завершаем оформление страниц блога, учимся оформлять тексты с помощью CSS: задаём шрифты, цвета, отступы, размеры.

Начать

4 вызова

Домашняя работа

Как подключить к сайту разные темы оформления

Время на чтение и отработку: 10-20 минут

Знакомимся с разными темами оформления сайта-портфолио.

Узнать

Поздравляем! Теперь у вас есть сайт-портфолио

В следующих курсах мы продолжим работать над ним, а также дополним портфолио новыми проектами.

Сайт-портфолио