WebDesign Master
Курсы
Джедай верстки #4. Bootstrap: Глубокое погружение в адаптивную HTML верстку на примере коммерческого сайта

Джедай верстки #4. Bootstrap: Глубокое погружение в адаптивную HTML верстку на примере коммерческого сайта

Сегодня большой день, друзья! Наконец то вышел наш любимый и бесконечно всеобъемлющий "ДЖЕДАЙ ВЕРСТКИ"! Еще он особенный потому, что мы впервые на практическом примере рассмотрим адаптивную HTML верстку с использованием _optimized_html - стартового темплейта, адаптированного для молниеносной загрузки сайтов.

Джедай верстки #4. Bootstrap: Глубокое погружение в адаптивную HTML верстку на примере коммерческого сайта - Видеоурок
Смотреть урок на YouTube
Все курсы канала WebDesign Master

Верстать будем как обычно с использованием Bootstrap. По ходу дела изучим использование практически всех компонентов Bootstrap, научимся правильно стилизовать этот фреймворк.

Результат HTML верстки:

Главная страница: Смотреть

Внутренняя страница: Смотреть

Дополнительные материалы:

Архив для прохождения урока: Скачать

Стартовые шаблоны start_html: agragregra/start_html

Документация Bootstrap: https://getbootstrap.com/docs/

Дополнительные видеоуроки:

  • Создание тем на Bootstrap: Смотреть

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

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

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

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

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

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

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

Другие уроки по теме «Верстка»

  • Создание красивого сайта с анимацией заголовка | Материалы урока
  • Создание сайта с красивой анимацией фона | Материалы урока
  • Создание красивого сайта с 3D эффектом при скролле | Материалы урока
  • Создание красивого сайта с 3D анимацией волны | Материалы урока
  • Создание красивого сайта с 3D эффектом Parallax | Материалы урока
  • Создание сайта с крутой анимацией скролла (GSAP) | Материалы урока

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

  • Курсы
  • Инструменты
  • Веб-дизайн
  • Вёрстка
  • CMS

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

  • Установка WSL и окружения
  • Настройка окружения без WSL
  • Работа с хостингом от А до Я
  • Настройка VS Code
  • Lazy Load Placeholder
  • Документация Gulp
2024 © WebDesign Master