Адаптивная верстка сайта с нуля по макету из Figma #9 Верстка раздела с текстом
Курс адаптивная верстка сайта с нуля по макету из Figma нацелен на то чтобы научить вас создать верстку сайта с нуля. По макету из Figma я покажу шаг за шагом как создается адаптивная верстка сайта. Адаптивная верстка сайта это верстка заточенная под разные устройства такие как смартфоны и планшеты. По макету из Figma делается верстка сайта в редакторе кода с использованием языка HTML и CSS.
В этом уроке мы будем верстать простой раздел с текстом. В дальнейшем когда мы будем делать интерактивные элементы мы оживим этот раздел и текст в нем будет скрыт или отображен в зависимости от действий пользователя. Если нажать на заголовок текст откроется, при повторном нажатии скроется. Это может быть реализовано либо с помощью JavaScript или намного проще с помощью HTML тегов details и summary.
⚡️ Скачать готовый код вёрстки сайта из курса “Верстка сайта с нуля по макету из Figma“:
!!! ВАЖНО !!!
На каких платформах можно найти мои уроки: (интерактивная pdf карта)
Большой практический КУРС “Frontend разработчик на HTML, CSS и JavaScript“:
Промокод со скидкой: ITDOCTORFE322
Курс “Верстка сайта с нуля по макету из Figma“:
Макет сайта Figma:
Поддержать автора ₽ублем:
1. Сбер: 4274 3200 3233 1582
2. YooMoney:
Курсы на Stepik:
Telegram:
▶▶ Видео, которые будут вам полезны ◀◀
Все CSS Селекторы в одном уроке:
Всё про Псевдо-элементы в CSS:
Всё про Псевдо-классы в CSS:
#html #css #figma #flexbox #grid #webdevelop #webdev #itdoctor
3 views
610
164
3 months ago 03:55:52 1
Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. HTML CSS
4 months ago 00:28:35 2
Chrome DevTools. Полный ГАЙД для Тестировщиков
4 months ago 00:25:11 1
Полный гайд по CSS Grid: адаптивная верстка за пару минут
4 months ago 00:11:36 1
Как написать соцсеть в 2024 году? Установка Node JS и Yarn. Реализация дизайна.
4 months ago 06:38:50 1
Полный курс HTML & CSS за 6 часов
4 months ago 00:35:30 1
#1 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma практика | Анализ макета
4 months ago 00:05:02 155
Open Server 6.0 - Как создать проект. Как использовать Apache
5 months ago 00:16:13 1
Интенсивный курс адаптивная верстка сайта за 15 минут! html css
5 months ago 01:49:10 1
Как новичку создать красивый сайт | Подробный урок