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

Подробнее:

Скачать:
 

Похожие темы