Yangban Tal
Редактор
- Регистрация
- 24.06.19
- Сообщения
- 35,902
- Реакции
- 223,554
Автор:[Дмитрий Лаврик]
Название:Классическая вёрстка (2021)
Классическая вёрстка - Дмитрий Лаврик.
Базовая программа по HTML и CSS.
Новый курс!
На курсе изучаются ключевые и нестареющие темы вёрстки, которые помогают новичкам создавать адекватную разметку.
Курс предназначен для тех, кто:
Уже познакомился с простейшими основами HTML и CSS
Не понимает, как расставлять элементы на нужные места
Хочет освоить главные темы и приёмы языков HTML и CSS
ПРОГРАММА КУРСА:
22.01 – урок 1
Название:Классическая вёрстка (2021)
Классическая вёрстка - Дмитрий Лаврик.
Базовая программа по HTML и CSS.
Новый курс!
На курсе изучаются ключевые и нестареющие темы вёрстки, которые помогают новичкам создавать адекватную разметку.
Курс предназначен для тех, кто:
Уже познакомился с простейшими основами HTML и CSS
Не понимает, как расставлять элементы на нужные места
Хочет освоить главные темы и приёмы языков HTML и CSS
ПРОГРАММА КУРСА:
22.01 – урок 1
Теги оформления текста- Заголовки и их грамотное использование
- Списки, формы, ссылки
- Абсолютные и относительные пути
- Правила вложенности тегов
Разнообразные CSS-селекторы- Псевдоэлементы и псевдоклассы
- Приоритеты применения стилей
- Популярные CSS-свойства
- Основные единицы измерения
Классическая блочная модель- display: block, inline, inline-block
- Внутренние и внешние отступы
- Нюансы вертикальных отступов
- Определение размеров элементов
- Размеры и свойство box-sizing
Создание базовой разметки- Стартовый сброс стилей
- Макет: фиксированный, резиновый, адаптивный
- Структура внешних контейнеров
- Обтекаемые элементы
- Простейшие media-запросы
- Основы применения Flexbox
- Размеры и выравнивания элементов
- Эффективная стратегия вёрстки
- Контейнер, строка и столбец
- Положительные и отрицательные отступы
- Расположение элементов по сетке
Адаптивная вёрстка- Классический подход vs MobileFirst
- Работа с макетом
- Взаимодействие дизайнера и верстальщика
- Нарезка в avocode
- Подключение шрифтов
Примеры решения популярных проблем- Фиксированные и резиновые элементы
- Позиционирование и адаптивное меню
- Фоновые картинки у секций
Разбор финальных ДЗ- Готовая сборка проекта с Gulp
- Список тем для изучения CSS
- Направления дальнейшего развития
Скачать:
Похожие темы
- [Stepik] Дмитрий Фокеев ― Создание сайтов и веб дизайн в Tilda. С нуля до результата! (2024)
- [GetCourse] Набор онлайн-курсов
- [stepik] Исмаил Усеинов - Верстаем 8 сайтов по макету из Figma в портфолио (2022)
- [themeforest] BeTheme v24.0.1.1 Rus Nulled - многоцелевая тема для WordPress (2021)
- [Константин Горбунов] Создание продающего Landing Page (2022)
- [Codecanyon] ColibriSM v1.0.8 Nulled - скрипт социальной сети (2021)
- [themeforest] Bacola v1.1.0 Nulled - тема интернет-магазина для WordPress (2021)
- Expo - Modern Art & Photography Gallery WordPress Theme
- Newspaper - News & WooCommerce WordPress Theme
- [codecanyon] PixelPhoto v1.4.2 NULLED - платформа социальной сети (2022)