Программа и содержание
Классическая вёрстка - Дмитрий Лаврик.
Базовая программа по HTML и CSS.
Новый курс!
На курсе изучаются ключевые и нестареющие темы вёрстки, которые помогают новичкам создавать адекватную разметку.
Курс предназначен для тех, кто:
Уже познакомился с простейшими основами HTML и CSS
Не понимает, как расставлять элементы на нужные места
Хочет освоить главные темы и приёмы языков HTML и CSS
ПРОГРАММА КУРСА:
22.01 – урок 1
Теги оформления текста
Заголовки и их грамотное использование
Списки, формы, ссылки
Абсолютные и относительные пути
Правила вложенности тегов
26.01 – урок 2
Разнообразные CSS-селекторы
Псевдоэлементы и псевдоклассы
Приоритеты применения стилей
Популярные CSS-свойства
Основные единицы измерения
29.01 – урок 3
Классическая блочная модель
display: block, inline, inline-block
Внутренние и внешние отступы
Нюансы вертикальных отступов
Определение размеров элементов
Размеры и свойство box-sizing
02.02 – урок 4
Создание базовой разметки
Стартовый сброс стилей
Макет: фиксированный, резиновый, адаптивный
Структура внешних контейнеров
Обтекаемые элементы
Простейшие media-запросы
5.02 – урок 5
Основы применения Flexbox
Размеры и выравнивания элементов
Эффективная стратегия вёрстки
Контейнер, строка и столбец
Положительные и отрицательные отступы
Расположение элементов по сетке
09.02 – урок 6
Адаптивная вёрстка
Классический подход vs MobileFirst
Работа с макетом
Взаимодействие дизайнера и верстальщика
Нарезка в avocode
Подключение шрифтов
12.02 – урок 7
Примеры решения популярных проблем
Фиксированные и резиновые элементы
Позиционирование и адаптивное меню
Фоновые картинки у секций
16.02 – урок 8
Разбор финальных ДЗ
Готовая сборка проекта с Gulp
Список тем для изучения CSS
Направления дальнейшего развития