Создадим красивую карточка товара — дизайн и верстка на чистом HTML и CSS // «JavaScript Dev. Basic»
Автор: OTUS IT Онлайн - образование
Загружено: 2025-09-10
Просмотров: 89
Описание:
Что будет на вебинаре?
⁃ Пошаговое руководство по созданию профессионально выглядящей карточки товара на чистом HTML и CSS — без использования UI-фреймворков или готовых компонентов.
⁃ Детально разберём работу с HTML-тегами: "div", "article", "h2", "p", "img", "a", "button".
⁃ Научимся эффективно применять CSS-свойства (width, border, background-color, color, text-decoration, font-family, font-size, margin, padding) для стилизации
⁃ Создадим готовый мини-проект — карточку товара, применяя эффекты :hover для интерактивности.
Для кого этот вебинар?
⁃ Для начинающих верстальщиков и веб-разработчиков, которые хотят понять, как создавать визуально привлекательные и функциональные элементы сайта.
⁃ Для тех, кто уже знаком с основами HTML, но хочет углубить свои знания в CSS и научиться создавать сложные макеты и эффекты.
Что узнают участники?
⁃ Как с нуля сверстать красивый и функциональный блок для сайта, используя только HTML и CSS.
⁃ Как превратить простой HTML-блок в привлекательный элемент с хорошим дизайном и динамичными эффектами — без использования библиотек или сложных инструментов.
«JavaScript Developer. Basic» - https://otus.pw/Wuhj/
Преподаватель: Анна Русяева - Web-developer, фриланс
Пройдите опрос по итогам мероприятия - https://otus.pw/EOcO/
→ Перейти в сообщество
Следите за новостями проекта:
→ Telegram: https://t.me/Otusjava
→ Хабр: https://otus.pw/S0nM/
Повторяем попытку...
Доступные форматы для скачивания:
Скачать видео
-
Информация по загрузке: