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

Student

Главный Модератор
1

Student

Главный Модератор
1
Status
Offline
Сообщения
16,347
Решения
30
Реакции
43,787
Баллы
113
dmitrij-lavrik-klassicheskaja-vjorstka-2021.png

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

Скачать материал: