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

Подробнее:

Для просмотра ссылок пройдите регистрацию

Скачать:

Для просмотра ссылок пройдите регистрацию!