Основные возможности платформы Hexlet не доступны в вашем браузере.
Пожалуйста, обновитесь. Выбрать браузер.
курс

Основы HTML, CSS и веб-дизайна
free

Курс посвящен базовым концепциям веб-дизайна, языка разметки HTML и CSS. Мы научимся делать статические веб-страницы, задавать стили элементам, думать о пространстве и расстояниях, работать с документом в браузере с Developer Tools, публиковать страницы в интернете и интегрировать их с социальными сетями.

Сначала рекомендуем пройти курс Введение в веб-разработку

1.

Верстальщик vs. веб-дизайнер

теория (видео 10:23)

Познакомиться с курсом и рассмотреть специальности «верстальщик» и «веб-дизайнер» в контексте развития технологий.

2.

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

теория (текст) / тесты

Познакомиться с HTML и попробовать его в деле.

3.

Элементы, теги и атрибуты

теория (текст) / тесты

Изучить простую идею HTML и структуру элементов страницы.

4.

Структура страницы

теория (текст) / тесты

Рассмотреть полную структуру целого HTML-документа, видимые и невидимые теги.

5.

Основы CSS

теория (текст) / тесты

Научиться задавать оформление — стили — элементам HTML-страницы.

6.

Chrome DevTools

теория (видео 06:56)

Познакомиться с Developer Tools и веб-инспектором, удобным инструментом для анализа и редактирования страницы прямо в браузере.

7.

Каскад

теория (текст) / тесты

Понять принцип, по которому стили собираются в один набор из разных источников.

8.

div, span и display

теория (текст)

Познакомиться с принципами, по которым элементы выводятся на страницу и получают определённый размер.

9.

Правило близости

теория (текст) / упражнение

Рассмотреть один из базовых принципов дизайна: правило близости или grouping/proximity principle.

10.

Размещение на Github Pages

теория (текст)

Освежить память по теме хостинга и разместить статичную страницу бесплатно на Github Pages.

11.

Интеграция с соц. сетями и семантический веб

теория (текст)

Рассмотреть инструменты разметки для лучшей интеграции с социальными сетями.

Испытания

В некоторых курсах есть практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки. В этом курсе таких заданий нет, но вы можете посмотреть задания из других курсов.

Статистика
7527
учащихся
617
вопросов
и ответов
4
часа
Учитель