« Предыдущая  |  Следующая »

На курсе изучаются ключевые и нестареющие темы вёрстки, которые помогают новичкам создавать адекватную разметку.

Курс предназначен для тех, кто:
-Уже познакомился с простейшими основами HTML и CSS
-Не понимает, как расставлять элементы на нужные места
-Хочет освоить главные темы и приёмы языков HTML и CSS

ПРОГРАММА КУРСА:

урок 1. Теги оформления текста
-Заголовки и их грамотное использование
-Списки, формы, ссылки
-Абсолютные и относительные пути
-Правила вложенности тегов

урок 2. Разнообразные CSS-селекторы
-Псевдоэлементы и псевдоклассы
-Приоритеты применения стилей
-Популярные CSS-свойства
-Основные единицы измерения

урок 3. Классическая блочная модель
-display: block, inline, inline-block
-Внутренние и внешние отступы
-Нюансы вертикальных отступов
-Определение размеров элементов
-Размеры и свойство box-sizing

урок 4. Создание базовой разметки
-Стартовый сброс стилей
-Макет: фиксированный, резиновый, адаптивный
-Структура внешних контейнеров
-Обтекаемые элементы
-Простейшие media-запросы

урок 5. Основы применения Flexbox
-Размеры и выравнивания элементов
-Эффективная стратегия вёрстки
-Контейнер, строка и столбец
-Положительные и отрицательные отступы
-Расположение элементов по сетке

урок 6. Адаптивная вёрстка
-Классический подход vs MobileFirst
-Работа с макетом
-Взаимодействие дизайнера и верстальщика
-Нарезка в avocode
-Подключение шрифтов

урок 7. Примеры решения популярных проблем
-Фиксированные и резиновые элементы
-Позиционирование и адаптивное меню
-Фоновые картинки у секций

урок 8. Разбор финальных ДЗ
-Готовая сборка проекта с Gulp
-Список тем для изучения CSS
-Направления дальнейшего развития

Информация о видео
Название: Классическая вёрстка: Базовая программа по HTML и CSS
Автор: Дмитрий Лаврик
Год выхода: 2021
Жанр: Видеокурс
Язык: Русский
Выпущено: Россия
Продолжительность: ~16 часов

Файл
Формат: MKV (+доп.файлы)
Видео: AVC, 1920x1080, ~576 Kbps
Аудио: AAC, 128 Kbps, 48.0 KHz
Размер файла: 5.78 Gb

Ссылки: (для качалок)

Общий размер публикации: 5,78 ГБ

Еще Видео: (похожие ссылки)