Адаптивная верстка сайта с нуля по макету из Figma #9 Верстка раздела с текстом
Курс адаптивная верстка сайта с нуля по макету из Figma нацелен на то чтобы научить вас создать верстку сайта с нуля. По макету из Figma я покажу шаг за шагом как создается адаптивная верстка сайта. Адаптивная верстка сайта это верстка заточенная под разные устройства такие как смартфоны и планшеты. По макету из Figma делается верстка сайта в редакторе кода с использованием языка HTML и CSS. В этом уроке мы будем верстать простой раздел с текстом. В дальнейшем когда мы будем делать интерактивные элементы мы оживим этот раздел и текст в нем будет скрыт или отображен в зависимости от действий пользователя. Если нажать на заголовок текст откроется, при повторном нажатии скроется. Это может быть реализовано либо с помощью JavaScript или намного проще с помощью HTML тегов details и summary. !!! ВАЖНО !!! На каких платформах можно найти мои уроки: https://t.me/itdoctor_official/23 (интерактивная pdf карта) Большой практический КУРС "Frontend разработчик на HTML, CSS и JavaScript": https://stepik.org/z/113402 Промокод со скидкой: ITDOCTORFE322 Курс "Верстка сайта с нуля по макету из Figma": https://www.youtube.com/playlist?list=PLuY6eeDuleINcGnhxCG6U0kzja1Wh7fcd Макет сайта Figma: https://drive.google.com/file/d/1gSTpLp4TfoLMiGzmSVfUgQnvhYwcgfmL/view?usp=sharing Поддержать автора ₽ублем: 1. Сбер: 4274 3200 3233 1582 2. YooMoney: https://sobe.ru/na/itdoctor Курсы на Stepik: https://stepik.org/users/387773773/teach Telegram: https://t.me/itdoctor_official ▶▶ Видео, которые будут вам полезны ◀◀ Все CSS Селекторы в одном уроке: https://youtu.be/OIXHn2n2Feo Всё про Псевдо-элементы в CSS: https://youtu.be/f7q7j0ylXJE Всё про Псевдо-классы в CSS: https://youtu.be/iZjdou-2XjM #html #css #figma #flexbox #grid #webdevelop #webdev #itdoctor
Курс адаптивная верстка сайта с нуля по макету из Figma нацелен на то чтобы научить вас создать верстку сайта с нуля. По макету из Figma я покажу шаг за шагом как создается адаптивная верстка сайта. Адаптивная верстка сайта это верстка заточенная под разные устройства такие как смартфоны и планшеты. По макету из Figma делается верстка сайта в редакторе кода с использованием языка HTML и CSS. В этом уроке мы будем верстать простой раздел с текстом. В дальнейшем когда мы будем делать интерактивные элементы мы оживим этот раздел и текст в нем будет скрыт или отображен в зависимости от действий пользователя. Если нажать на заголовок текст откроется, при повторном нажатии скроется. Это может быть реализовано либо с помощью JavaScript или намного проще с помощью HTML тегов details и summary. !!! ВАЖНО !!! На каких платформах можно найти мои уроки: https://t.me/itdoctor_official/23 (интерактивная pdf карта) Большой практический КУРС "Frontend разработчик на HTML, CSS и JavaScript": https://stepik.org/z/113402 Промокод со скидкой: ITDOCTORFE322 Курс "Верстка сайта с нуля по макету из Figma": https://www.youtube.com/playlist?list=PLuY6eeDuleINcGnhxCG6U0kzja1Wh7fcd Макет сайта Figma: https://drive.google.com/file/d/1gSTpLp4TfoLMiGzmSVfUgQnvhYwcgfmL/view?usp=sharing Поддержать автора ₽ублем: 1. Сбер: 4274 3200 3233 1582 2. YooMoney: https://sobe.ru/na/itdoctor Курсы на Stepik: https://stepik.org/users/387773773/teach Telegram: https://t.me/itdoctor_official ▶▶ Видео, которые будут вам полезны ◀◀ Все CSS Селекторы в одном уроке: https://youtu.be/OIXHn2n2Feo Всё про Псевдо-элементы в CSS: https://youtu.be/f7q7j0ylXJE Всё про Псевдо-классы в CSS: https://youtu.be/iZjdou-2XjM #html #css #figma #flexbox #grid #webdevelop #webdev #itdoctor