WebDesign Master
Курсы
HTML верстка макета Figma. Часть 2 | Создание коммерческого сайта от А до Я. Урок 17

HTML верстка макета Figma. Часть 2 | Создание коммерческого сайта от А до Я. Урок 17

Приветствую, друзья во второй части курса по HTML верстке макета Figma! В данном уроке мы приступаем к верстке первого экрана главной страницы сайта, сверстаем адаптивный Navbar, который включает логотип, адаптивное меню и блок ссылок на социальные сети.

HTML верстка макета Figma. Часть 2 | Создание коммерческого сайта от А до Я. Урок 17 - Видеоурок
Смотреть урок на YouTube
Создание контентного сайта на Jekyll от А до Я

Материалы урока: Скачать

Рекомендуемые материалы и уроки

  • Показать все шрифты в Figma: Font Fascia
  • Instant Eyedropper: Скачать программу
  • Bootstrap 4. Сетка. Подробное руководство: Страница урока
  • Молниеносная верстка с Emmet: Смотреть на YouTube
  • Предпросмотр SVG в Windows: Скачать программу с GitHub
  • Урок по созданию данного дизайна: Создание дизайна сайта в Figma
  • Настройка VS Code для верстки: Ознакомиться с уроком
  • Как стать крутым веб-дизайнером: Ознакомиться с уроком

Премиум уроки от WebDesign Master

Курс по созданию сайта от А до Я на Jekyll

Создание сайта от А до Я. Комплексный курс

Курс по созданию интернет-магазина на OpenCart

Создание современного интернет-магазина от А до Я

Фриланс для начинающих

Я - фрилансер! Базовый курс для начинающих

Другие уроки по теме «HTML и CSS»

  • Создание красивого сайта с поддержкой темной темы (HTML, CSS, GSAP) | Материалы урока
  • Создание крутого 3D сайта с анимацией прокрутки | Материалы урока
  • Создание потрясающей галереи на HTML, CSS и JavaScript | Материалы урока
  • Создание крутой 3D сцены (CSS + HTML) с эффектным дизайном | Материалы урока
  • HTML верстка «ленивого» слайдера | Верстка макета Figma. Часть 6 | Создание коммерческого сайта от А до Я. Урок 21
  • Карточки эквивалентной высоты, анимация | HTML верстка макета Figma. Часть 5 | Создание коммерческого сайта от А до Я. Урок 20

Разделы сайта:

  • Курсы
  • HTML и CSS
  • Веб-дизайн
  • Инструменты
  • Оффтоп
  • MODX
  • WordPress
  • jQuery
  • Адаптивный веб-дизайн
  • Создание иконок
  • Обработка изображений
  • Иллюстрации и Инфографика
  • Интерфейсы UI/UX
  • Прототипирование
  • JavaScript
  • Хостинг

Полезные ресурсы:

  • Установка WSL и окружения
  • Настройка окружения без WSL
  • Настройка VS Code
  • Lazy Load Placeholder
  • Документация Gulp 4
  • Рабочее место разработчика
2022 © WebDesign Master