Курс «Основы HTML, CSS и веб-дизайна»

HTML5
CSS3
Developer Tools
Веб-дизайн
GitHub Pages

Последнее обновление: 6 августа 2025 г.

Попробовать →

Бесплатный курс

Включено в курс

11 уроков (видео и/или текст)
1 упражнение в тренажере
18 проверочных тестов
Самостоятельная работа
Дополнительные материалы
Доступ ко всем курсам

Описание

Для разработки современных интерфейсов и страниц незаменимыми инструментами являются HTML и CSS. Вместе с пониманием основ веб-дизайна они позволяют создавать красочные и удобные для пользователя макеты. Для разработчика так же важно обладать навыками работы с веб-инспекторами, уметь публиковать страницы в интернете и интегрировать их с социальными сетями. Всё вместе это помогает вывести сайт на новый уровень, предоставляя пользователю множество возможностей для взаимодействия. В этом курсе вы шаг за шагом изучите базовые возможности HTML, CSS и веб-дизайна, а так же сверстаете свою первую страницу.

Чему вы научитесь

  • Создавать базовую разметку HTML-документа.
  • Подключать стили для страницы.
  • Использовать возможности веб-инспектора Chrome DevTools.
  • Публиковать свой сайт в интернете на хостинге GitHub Pages.
  • Использовать базовые концепции веб-дизайна.

Программа

1

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

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

2

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

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

3

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

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

4

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

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

5

Основы CSS

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

6

Chrome DevTools

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

7

Каскад

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

8

div, span и display

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

9

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

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

10

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

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

11

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

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

Формат обучения

Course Cover
  • Тренажер с практикой
  • Бессрочный доступ к теории
  • Асинхронный формат
Попробовать →

Бесплатный курс