Часть 1: Основы HTML5
- Введение
- Основы
- Модели контента
- Понятие семантики
- meta viewport. Как он работает?
- Структурирование документа в HTML4
- Основы создания структуры документа
- Элемент article
- Элемент section
- Элемент aside
- Элемент nav
- Создание HTML5 структуры страницы на практике
Часть 2: Основы CSS
Изучим базовые понятия CSS: правила, селекторы, свойства и значения.
- Что такое CSS и как добавить стили на страницу?
- Как осуществляется визуальное отображение HTML документа в браузере?
- Строчные и блочные элементы
- Flexbox верстка
- Что такое адаптивный дизайн сайта?
- Селекторы CSS. Виды, группировка и специфичность
- CSS before, after и другие псевдоэлементы
- Префиксы браузеров
- Размеры блочных элементов
- Методы позиционирования элементов
- Работа с плавающими элементами
- Работа с текстом
- Медиа запросы (media queries)
- Стилизация текстовых полей формы
- Как сделать фон? CSS-свойство background
- Как сделать рамку? CSS-свойство border
Часть 3: Типовые блоки сайта и элементы интерфейса
- Создание слайдера в стиле аккордеона
- Как создать простое модальное окно
- CSS переключатель с использованием JavaScript
- Как создать горизонтальное меню с прокруткой для сайта?
- Как сделать переходы между разделами на сайте в виде волны?
- CSS стилизация checkbox и radio - 2 варианта