[Дмитрий Лаврик] Классическая вёрстка (2021)
Цена:
99
Рекомендации
![[Дмитрий Валак] Скрипт создания сайта с закрытым доступом](https://i3.storeland.net/2/8200/181997086/baec64/dmitrij-valak-skript-sozdaniya-sajta-s-zakrytym-dostupom.png "[Дмитрий Валак] Скрипт создания сайта с закрытым доступом")
![[Дмитрий Валак] Сайтотворец – Верстальщик](https://i4.storeland.net/2/8200/181997087/baec64/dmitrij-valak-sajtotvorec-verstalshhik.png "[Дмитрий Валак] Сайтотворец – Верстальщик")
![[Дмитрий Валак] Профессиональная, быстрая и комфортная верстка сайтов (2019)](https://i1.storeland.net/2/8200/181997088/baec64/dmitrij-valak-professionalnaya-bystraya-i-komfortnaya-verstka-sajtov-2019.png "[Дмитрий Валак] Профессиональная, быстрая и комфортная верстка сайтов (2019)")
![[Дмитрий Валак] Основы HTML и CSS для начинающих [brainscloud] (2019)](https://i3.storeland.net/2/8200/181997089/baec64/dmitrij-valak-osnovy-html-i-css-dlya-nachinayushhih-brainscloud-2019.png "[Дмитрий Валак] Основы HTML и CSS для начинающих [brainscloud] (2019)")
![[Дмитрий Скоромнов] Основы сетевых технологий (2021)](https://i3.storeland.net/2/8200/181997090/baec64/dmitrij-skoromnov-osnovy-setevyh-tehnologij-2021.png "[Дмитрий Скоромнов] Основы сетевых технологий (2021)")
![[Дмитрий Романов] Введение в искусственный интеллект](https://i3.storeland.net/2/8200/181997091/baec64/dmitrij-romanov-vvedenie-v-iskusstvennyj-intellekt.png "[Дмитрий Романов] Введение в искусственный интеллект")
![[Дмитрий Охрименко] Unit тестирование в С# (2016)](https://i3.storeland.net/2/8200/181997092/baec64/dmitrij-ohrimenko-unit-testirovanie-v-s-2016.png "[Дмитрий Охрименко] Unit тестирование в С# (2016)")
![[Дмитрий Науменко] Повелитель PHP: кратчайший путь к мастерству без толстых учебников](https://i1.storeland.net/2/8200/181997093/baec64/dmitrij-naumenko-povelitel-php-kratchajshij-put-k-masterstvu-bez-tolstyh-uchebnikov.png "[Дмитрий Науменко] Повелитель PHP: кратчайший путь к мастерству без толстых учебников")
![[Дмитрий Макаров] PhpStorm для самых маленьких (2018)](https://i5.storeland.net/2/8200/181997095/baec64/dmitrij-makarov-phpstorm-dlya-samyh-malenkih-2018.png "[Дмитрий Макаров] PhpStorm для самых маленьких (2018)")
![[Дмитрий Лаврик] WordPress (2020)](https://i3.storeland.net/2/8200/181997096/baec64/dmitrij-lavrik-wordpress-2020.png "[Дмитрий Лаврик] WordPress (2020)")
![[Дмитрий Лаврик] Vue.js Интенсивный курс для программистов (2020)](https://i3.storeland.net/2/8200/181997097/baec64/dmitrij-lavrik-vue-js-intensivnyj-kurs-dlya-programmistov-2020.png "[Дмитрий Лаврик] Vue.js Интенсивный курс для программистов (2020)")
![[Дмитрий Лаврик] Vue.js Интенсивный курс для программистов (2017)](https://i3.storeland.net/2/8200/181997098/baec64/dmitrij-lavrik-vue-js-intensivnyj-kurs-dlya-programmistov-2017.png "[Дмитрий Лаврик] Vue.js Интенсивный курс для программистов (2017)")
![[Дмитрий Лаврик] Vue Advanced. Продвинутый курс по разработке SPA (2020)](https://i2.storeland.net/2/8200/181997099/baec64/dmitrij-lavrik-vue-advanced-prodvinutyj-kurs-po-razrabotke-spa-2020.png "[Дмитрий Лаврик] Vue Advanced. Продвинутый курс по разработке SPA (2020)")
![[Дмитрий Лаврик] Vue Advanced (2021)](https://i4.storeland.net/2/8200/181997100/baec64/dmitrij-lavrik-vue-advanced-2021.png "[Дмитрий Лаврик] Vue Advanced (2021)")
![[Дмитрий Лаврик] Vue 3. Интенсивный курс для программистов (2022)](https://i3.storeland.net/2/8200/181997101/baec64/dmitrij-lavrik-vue-3-intensivnyj-kurs-dlya-programmistov-2022.png "[Дмитрий Лаврик] Vue 3. Интенсивный курс для программистов (2022)")
![[Дмитрий Лаврик] (Vue 3, 2021) Vue Advanced продвинутый курс по разработке SPA (2021)](https://i3.storeland.net/2/8200/181997102/baec64/dmitrij-lavrik-vue-3-2021-vue-advanced-prodvinutyj-kurs-po-razrabotke-spa-2021.png "[Дмитрий Лаврик] (Vue 3, 2021) Vue Advanced продвинутый курс по разработке SPA (2021)")
![[Дмитрий Лаврик] Среда знаний. JQueryUI - красота на сайтах без напряга](https://i3.storeland.net/2/8200/181997104/baec64/dmitrij-lavrik-sreda-znanij-jqueryui-krasota-na-sajtah-bez-napryaga.png "[Дмитрий Лаврик] Среда знаний. JQueryUI - красота на сайтах без напряга")
![[Дмитрий Лаврик] React. Интенсивный курс для программистов (2022)](https://i1.storeland.net/2/8200/181997105/baec64/dmitrij-lavrik-react-intensivnyj-kurs-dlya-programmistov-2022.png "[Дмитрий Лаврик] React. Интенсивный курс для программистов (2022)")
![[Дмитрий Лаврик] React. Интенсивный курс для программистов (2021)](https://i1.storeland.net/2/8200/181997106/baec64/dmitrij-lavrik-react-intensivnyj-kurs-dlya-programmistov-2021.png "[Дмитрий Лаврик] React. Интенсивный курс для программистов (2021)")
![[Дмитрий Лаврик] React. Интенсивный курс для программистов (2019)](https://i3.storeland.net/2/8200/181997107/baec64/dmitrij-lavrik-react-intensivnyj-kurs-dlya-programmistov-2019.png "[Дмитрий Лаврик] React. Интенсивный курс для программистов (2019)")
![[Дмитрий Лаврик] Продвинутая вёрстка - smartgrid](https://i3.storeland.net/2/8200/181997108/baec64/dmitrij-lavrik-prodvinutaya-vorstka-smartgrid.png "[Дмитрий Лаврик] Продвинутая вёрстка - smartgrid")
![[Дмитрий Лаврик] Продвинутая вёрстка (SmartGrid 2) (2019)](https://i4.storeland.net/2/8200/181997109/baec64/dmitrij-lavrik-prodvinutaya-vorstka-smartgrid-2-2019.png "[Дмитрий Лаврик] Продвинутая вёрстка (SmartGrid 2) (2019)")
![[Дмитрий Лаврик] Продвинутая вёрстка (2020)](https://i3.storeland.net/2/8200/181997110/baec64/dmitrij-lavrik-prodvinutaya-vorstka-2020.png "[Дмитрий Лаврик] Продвинутая вёрстка (2020)")
![[Дмитрий Лаврик] PHP – ООП (2021)](https://i2.storeland.net/2/8200/181997112/baec64/dmitrij-lavrik-php-oop-2021.png "[Дмитрий Лаврик] PHP – ООП (2021)")
![[Дмитрий Лаврик] PHP – базовый курс (2020)](https://i2.storeland.net/2/8200/181997113/baec64/dmitrij-lavrik-php-bazovyj-kurs-2020.png "[Дмитрий Лаврик] PHP – базовый курс (2020)")
![[Дмитрий Лаврик] Организация CSS по BEM (БЭМ - блок, элемент, модификатор)](https://i3.storeland.net/2/8200/181997114/baec64/dmitrij-lavrik-organizaciya-css-po-bem-bem-blok-jelement-modifikator.png "[Дмитрий Лаврик] Организация CSS по BEM (БЭМ - блок, элемент, модификатор)")
![[Дмитрий Лаврик] JQueryUI (2014)](https://i4.storeland.net/2/8200/181997116/baec64/dmitrij-lavrik-jqueryui-2014.png "[Дмитрий Лаврик] JQueryUI (2014)")
![[Дмитрий Лаврик] JavaScript - НОВЫЙ ФОРМАТ: HTML5, ООП, AJAX, JSON](https://i3.storeland.net/2/8200/181997117/baec64/dmitrij-lavrik-javascript-novyj-format-html5-oop-ajax-json.png "[Дмитрий Лаврик] JavaScript - НОВЫЙ ФОРМАТ: HTML5, ООП, AJAX, JSON")
![[Дмитрий Лаврик] Javascript. Интенсивный курс для программистов (2020)](https://i4.storeland.net/2/8200/181997118/baec64/dmitrij-lavrik-javascript-intensivnyj-kurs-dlya-programmistov-2020.png "[Дмитрий Лаврик] Javascript. Интенсивный курс для программистов (2020)")
![[Дмитрий Лаврик] Javascript Интенсивный курс для программистов (2018)](https://i1.storeland.net/2/8200/181997119/baec64/dmitrij-lavrik-javascript-intensivnyj-kurs-dlya-programmistov-2018.png "[Дмитрий Лаврик] Javascript Интенсивный курс для программистов (2018)")
![[Дмитрий Лаврик] Javascript. Интенсивный базовый курс (июнь 2021)](https://i2.storeland.net/2/8200/181997120/baec64/dmitrij-lavrik-javascript-intensivnyj-bazovyj-kurs-iyun-2021.png "[Дмитрий Лаврик] Javascript. Интенсивный базовый курс (июнь 2021)")
![[Дмитрий Лаврик] JavaScript для верстальщиков (2020)](https://i1.storeland.net/2/8200/181997121/baec64/dmitrij-lavrik-javascript-dlya-verstalshhikov-2020.png "[Дмитрий Лаврик] JavaScript для верстальщиков (2020)")
![[Дмитрий Лаврик] Идеальная вёрстка (2020)](https://i4.storeland.net/2/8200/181997122/baec64/dmitrij-lavrik-idealnaya-vorstka-2020.png "[Дмитрий Лаврик] Идеальная вёрстка (2020)")
![[Дмитрий Ларионов] Работа с прокси-файлами в Adobe Premiere Pro (2018)](https://i1.storeland.net/2/8200/181997124/baec64/dmitrij-larionov-rabota-s-proksi-fajlami-v-adobe-premiere-pro-2018.png "[Дмитрий Ларионов] Работа с прокси-файлами в Adobe Premiere Pro (2018)")
![[Дмитрий Гончаров] Web-сервисы (SOAP), HTTP-сервисы, oData (автоматический REST-сервис) (2020)](https://i4.storeland.net/2/8200/181997125/baec64/dmitrij-goncharov-web-servisy-soap-http-servisy-odata-avtomaticheskij-rest-servis-2020.png "[Дмитрий Гончаров] Web-сервисы (SOAP), HTTP-сервисы, oData (автоматический REST-сервис) (2020)")
![[Дмитрий Гончаров] Математические инструменты в '1С:Предприятие 8' [УЦ-3] (2021)](https://i1.storeland.net/2/8200/181997126/baec64/dmitrij-goncharov-matematicheskie-instrumenty-v-1s-predpriyatie-8-uc-3-2021.png "[Дмитрий Гончаров] Математические инструменты в '1С:Предприятие 8' [УЦ-3] (2021)")
![[Дмитрий Гончаров] Математические инструменты в '1С:Предприятие 8' [УЦ-3] (2020)](https://i4.storeland.net/2/8200/181997127/baec64/dmitrij-goncharov-matematicheskie-instrumenty-v-1s-predpriyatie-8-uc-3-2020.png "[Дмитрий Гончаров] Математические инструменты в '1С:Предприятие 8' [УЦ-3] (2020)")
![[Дмитрий Елисеев] Онлайн-интенсив по изучению ООП «Неделя ООП» 3 поток (2017)](https://i4.storeland.net/2/8200/181997128/baec64/dmitrij-eliseev-onlajn-intensiv-po-izucheniyu-oop-nedelya-oop-3-potok-2017.png "[Дмитрий Елисеев] Онлайн-интенсив по изучению ООП «Неделя ООП» 3 поток (2017)")
![[Дмитрий Елисеев] Мастер-класс по разработке менеджера проектов на Symfony. Часть 2 (2019)](https://i4.storeland.net/2/8200/181997129/baec64/dmitrij-eliseev-master-klass-po-razrabotke-menedzhera-proektov-na-symfony-chast-2-2019.png "[Дмитрий Елисеев] Мастер-класс по разработке менеджера проектов на Symfony. Часть 2 (2019)")
![[Дмитрий Елисеев] Мастер-класс по разработке менеджера проектов на Symfony. Часть 1 (2019)](https://i4.storeland.net/2/8200/181997130/baec64/dmitrij-eliseev-master-klass-po-razrabotke-menedzhera-proektov-na-symfony-chast-1-2019.png "[Дмитрий Елисеев] Мастер-класс по разработке менеджера проектов на Symfony. Часть 1 (2019)")
![[Дмитрий Елисеев] Мастер-класс по Laravel](https://i4.storeland.net/2/8200/181997132/baec64/dmitrij-eliseev-master-klass-po-laravel.png "[Дмитрий Елисеев] Мастер-класс по Laravel")
![[Дмитрий Елисеев] Мастер-класс по Apache Kafka и RabbitMQ (2018)](https://i3.storeland.net/2/8200/181997133/baec64/dmitrij-eliseev-master-klass-po-apache-kafka-i-rabbitmq-2018.png "[Дмитрий Елисеев] Мастер-класс по Apache Kafka и RabbitMQ (2018)")
![[Дмитрий Елисеев] Интернет-магазин на Yii2 Мастер-класс (2017)](https://i2.storeland.net/2/8200/181997134/baec64/dmitrij-eliseev-internet-magazin-na-yii2-master-klass-2017.png "[Дмитрий Елисеев] Интернет-магазин на Yii2 Мастер-класс (2017)")
![[Дмитрий Елисеев] Что есть React: Пишем свой UI-фреймворк (2021)](https://i3.storeland.net/2/8200/181997135/baec64/dmitrij-eliseev-chto-est-react-pishem-svoj-ui-frejmvork-2021.png "[Дмитрий Елисеев] Что есть React: Пишем свой UI-фреймворк (2021)")
![[Дмитрий Якушев] [Академия Excel] Формулы массива Excel (2020)](https://i2.storeland.net/2/8200/181997136/baec64/dmitrij-yakushev-akademiya-excel-formuly-massiva-excel-2020.png "[Дмитрий Якушев] [Академия Excel] Формулы массива Excel (2020)")
![[Дмитрий Якушев] Excel. Полезные приемы работы с графиками. 18 нестандартных графиков. Живые графики для профессионалов](https://i4.storeland.net/2/8200/181997137/baec64/dmitrij-yakushev-excel-poleznye-priemy-raboty-s-grafikami-18-nestandartnyh-grafikov-zhivye-grafiki-dlya-professionalov.png "[Дмитрий Якушев] Excel. Полезные приемы работы с графиками. 18 нестандартных графиков. Живые графики для профессионалов")
![[Django Channel] Django REST framework (2019)](https://i2.storeland.net/2/8200/181997138/baec64/django-channel-django-rest-framework-2019.png "[Django Channel] Django REST framework (2019)")
![[Django Channel] Django 2 с нуля до junior (2019)](https://i4.storeland.net/2/8200/181997139/baec64/django-channel-django-2-s-nulya-do-junior-2019.png "[Django Channel] Django 2 с нуля до junior (2019)")
![[Digital-Tutors] Создание кроссплатформенной мобильной игры в HTML5 и JavaScript (2015)](https://i4.storeland.net/2/8200/181997141/baec64/digital-tutors-sozdanie-krossplatformennoj-mobilnoj-igry-v-html5-i-javascript-2015.png "[Digital-Tutors] Создание кроссплатформенной мобильной игры в HTML5 и JavaScript (2015)")
![[devtodev] Геймдизайн (2019)](https://i3.storeland.net/2/8200/181997142/baec64/devtodev-gejmdizajn-2019.png "[devtodev] Геймдизайн (2019)")
![[Деворкер] Разработка аукциона на SlimPHP и ReactJS (2020)](https://i4.storeland.net/2/8200/181997143/baec64/devorker-razrabotka-aukciona-na-slimphp-i-reactjs-2020.png "[Деворкер] Разработка аукциона на SlimPHP и ReactJS (2020)")
![[Devman] Знакомство с Python (2020)](https://i2.storeland.net/2/8200/181997144/baec64/devman-znakomstvo-s-python-2020.png "[Devman] Знакомство с Python (2020)")
![[Devman] Вёрстка для питониста (2021)](https://i4.storeland.net/2/8200/181997145/baec64/devman-vorstka-dlya-pitonista-2021.png "[Devman] Вёрстка для питониста (2021)")
![[Devman] Командная строка (2021)](https://i3.storeland.net/2/8200/181997146/baec64/devman-komandnaya-stroka-2021.png "[Devman] Командная строка (2021)")
![[Devman] Игорь Перепилицын - Чат-боты на Python (2020)](https://i3.storeland.net/2/8200/181997147/baec64/devman-igor-perepilicyn-chat-boty-na-python-2020.png "[Devman] Игорь Перепилицын - Чат-боты на Python (2020)")
![[Devman] Асинхронный Python (2020)](https://i2.storeland.net/2/8200/181997148/baec64/devman-asinhronnyj-python-2020.png "[Devman] Асинхронный Python (2020)")
![[Derek Jensen] The Swift Programming Language (2014)](https://i3.storeland.net/2/8200/181997150/baec64/derek-jensen-the-swift-programming-language-2014.png "[Derek Jensen] The Swift Programming Language (2014)")
![[Денис Волков] Golang (2018)](https://i1.storeland.net/2/8200/181997151/baec64/denis-volkov-golang-2018.png "[Денис Волков] Golang (2018)")
![[Денис Радин, Юрий Лучанов] Быстрые Web приложения: разработка, профайлинг, оптимизация (2015)](https://i4.storeland.net/2/8200/181997152/baec64/denis-radin-yurij-luchanov-bystrye-web-prilozheniya-razrabotka-profajling-optimizaciya-2015.png "[Денис Радин, Юрий Лучанов] Быстрые Web приложения: разработка, профайлинг, оптимизация (2015)")
![[Денис Курец] Библия вардрайвинга. Доступное пособие по взлому Wi-Fi сетей (2020)](https://i3.storeland.net/2/8200/181997153/baec64/denis-kurec-bibliya-vardrajvinga-dostupnoe-posobie-po-vzlomu-wi-fi-setej-2020.png "[Денис Курец] Библия вардрайвинга. Доступное пособие по взлому Wi-Fi сетей (2020)")
Автор: Дмитрий Лаврик
Название: Классическая вёрстка (2021)
Новый курс!
На курсе изучаются ключевые и нестареющие темы вёрстки, которые помогают новичкам создавать адекватную разметку.
Курс предназначен для тех, кто:
Уже познакомился с простейшими основами HTML и CSS
Не понимает, как расставлять элементы на нужные места
Хочет освоить главные темы и приёмы языков HTML и CSS
ПРОГРАММА КУРСА:
22.01 – урок 1
-
- Теги оформления текста
- Заголовки и их грамотное использование
- Списки, формы, ссылки
- Абсолютные и относительные пути
- Правила вложенности тегов
-
- Разнообразные CSS-селекторы
- Псевдоэлементы и псевдоклассы
- Приоритеты применения стилей
- Популярные CSS-свойства
- Основные единицы измерения
-
- Классическая блочная модель
- display: block, inline, inline-block
- Внутренние и внешние отступы
- Нюансы вертикальных отступов
- Определение размеров элементов
- Размеры и свойство box-sizing
-
- Создание базовой разметки
- Стартовый сброс стилей
- Макет: фиксированный, резиновый, адаптивный
- Структура внешних контейнеров
- Обтекаемые элементы
- Простейшие media-запросы
-
- Основы применения Flexbox
- Размеры и выравнивания элементов
- Эффективная стратегия вёрстки
- Контейнер, строка и столбец
- Положительные и отрицательные отступы
- Расположение элементов по сетке
-
- Адаптивная вёрстка
- Классический подход vs MobileFirst
- Работа с макетом
- Взаимодействие дизайнера и верстальщика
- Нарезка в avocode
- Подключение шрифтов
-
- Примеры решения популярных проблем
- Фиксированные и резиновые элементы
- Позиционирование и адаптивное меню
- Фоновые картинки у секций
-
- Разбор финальных ДЗ
- Готовая сборка проекта с Gulp
- Список тем для изучения CSS
- Направления дальнейшего развития
Подробнее:
Скачать: