На курсе изучаются ключевые и нестареющие темы вёрстки, которые помогают новичкам создавать адекватную разметку.
Курс предназначен для тех, кто
- Уже познакомился с простейшими основами 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-запросы
05.02 – урок 5
- Основы применения Flexbox
- Размеры и выравнивания элементов
- Эффективная стратегия вёрстки
- Контейнер, строка и столбец
- Положительные и отрицательные отступы
- Расположение элементов по сетке
09.02 – урок 6
- Адаптивная вёрстка
- Классический подход vs MobileFirst
- Работа с макетом
- Взаимодействие дизайнера и верстальщика
- Нарезка в avocode
- Подключение шрифтов
12.02 – урок 7
- Примеры решения популярных проблем
- Фиксированные и резиновые элементы
- Позиционирование и адаптивное меню
- Фоновые картинки у секций
16.02 – урок 8
- Разбор финальных ДЗ
- Готовая сборка проекта с Gulp
- Список тем для изучения CSS
- Направления дальнейшего развития
Курс: Классическая вёрстка
Автор: Дмитрий Лаврик.
Базовая программа по HTML и CSS.
