🌐 Создание сайтов [Дмитрий Лаврик] Классическая вёрстка (2021)

[Gatsby]

Автор: Дмитрий Лаврик
Название: Классическая вёрстка (2021)



Классическая вёрстка - Дмитрий Лаврик.
Базовая программа по 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
• Направления дальнейшего развития

Подробнее:

Скачать:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.