Автор: Дмитрий Лаврик
Название: Классическая вёрстка (2021)
Новый курс!
На курсе изучаются ключевые и нестареющие темы вёрстки, которые помогают новичкам создавать адекватную разметку.
Курс предназначен для тех, кто:
Уже познакомился с простейшими основами HTML и CSS
Не понимает, как расставлять элементы на нужные места
Хочет освоить главные темы и приёмы языков HTML и CSS
ПРОГРАММА КУРСА:
22.01 – урок 1
Скачать:
Название: Классическая вёрстка (2021)
На курсе изучаются ключевые и нестареющие темы вёрстки, которые помогают новичкам создавать адекватную разметку.
Курс предназначен для тех, кто:
Уже познакомился с простейшими основами HTML и CSS
Не понимает, как расставлять элементы на нужные места
Хочет освоить главные темы и приёмы языков HTML и CSS
ПРОГРАММА КУРСА:
22.01 – урок 1
- Теги оформления текста
- Заголовки и их грамотное использование
- Списки, формы, ссылки
- Абсолютные и относительные пути
- Правила вложенности тегов
- Разнообразные CSS-селекторы
- Псевдоэлементы и псевдоклассы
- Приоритеты применения стилей
- Популярные CSS-свойства
- Основные единицы измерения
- Классическая блочная модель
- display: block, inline, inline-block
- Внутренние и внешние отступы
- Нюансы вертикальных отступов
- Определение размеров элементов
- Размеры и свойство box-sizing
- Создание базовой разметки
- Стартовый сброс стилей
- Макет: фиксированный, резиновый, адаптивный
- Структура внешних контейнеров
- Обтекаемые элементы
- Простейшие media-запросы
- Основы применения Flexbox
- Размеры и выравнивания элементов
- Эффективная стратегия вёрстки
- Контейнер, строка и столбец
- Положительные и отрицательные отступы
- Расположение элементов по сетке
- Адаптивная вёрстка
- Классический подход vs MobileFirst
- Работа с макетом
- Взаимодействие дизайнера и верстальщика
- Нарезка в avocode
- Подключение шрифтов
- Примеры решения популярных проблем
- Фиксированные и резиновые элементы
- Позиционирование и адаптивное меню
- Фоновые картинки у секций
- Разбор финальных ДЗ
- Готовая сборка проекта с Gulp
- Список тем для изучения CSS
- Направления дальнейшего развития
Cкрытый контент, нужно авторизируйся или присоединяйся.
Скачать:
Cкрытый контент, нужно авторизируйся или присоединяйся.
Возможно, Вас ещё заинтересует:
- [it-black] Виктор Черемных ― Администрирование безопасных сетей (ViPNet) (2025)
- [Diogo Resende] Учебный лагерь по инженерии ИИ - технология поисковой дополненной генерации (RAG) для LLM
- [Павел Старцев] [Stepik] Нейросети: от простейшего запроса до создания бота (2025)
- [Нетология] Профессия «Интернет‑маркетолог с нуля до middle» (2025)
- [Яндекс.Практикум] Python‑разработчик (+Python‑разработчик плюс)
- [Архэ] Компьютерная лингвистика. Основные задачи компьютерной лингвистики и подходы к их решению
- [Екатерина Юсупова] Герпес вирус. Обучающий проект (2024)
- [Stepik] Разработка мобильных и PC приложений на Python. Фреймворк Kivy (2024)
- [Павел Монахов] Системное администрирование Linux (2024)
- [Богдан Кухар] Администратор 1С v 3.8 (все модули) (2024)
- [Stepik] Многозадачность в Python. Многопоточное программирование
- [developedbyed] Фулстек Next.js (React) разработчик
- [brainy] Веб-тестирование для абсолютных новичков (2024)
- [PurpleSchool] Neovim - практика и настройка (2024)
- [Stepik] Java с нуля до Junior + Подготовка к собеседованию (2024)
- [NFE] Внедрение Cisco SD-WAN (Viptela) . Базовый курс (2024)
- [Webщик] Тревожный чемоданчик складчика 3 (2024)
- [Яндекс.Практикум] Python-разработчик. Часть 5 из 8
- [Structy] Алгоритмы и структуры данных для Faang (2024)
- [Laravelcreative] Laravel 9, 10 (база + 4 практических курса)