Адаптивная HTML CSS верстка сайта из Figma c нуля для новичков. Пошагово и подробно. Советы от профи
↓↓↓ Макет и ссылка на материалы в описании под видео ↓↓↓ Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. В этом видео уроке я подробную покажу HTML CSS верстку простого макета из FIGMA. Поделюсь полезными приемами как быстро сделать адаптивную верстку, добавить мобильную навигацию и разместить видео на вашем сайте.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Бесплатный курс “Создай свой первый сайт на HTML5 и CSS3“
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Курс по созданию и верстке сайтов:
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
💻 Курс “Frontend разработчик. JavaScript React“:
Обучение с наставником, 3 месяца, результат, гарантия.
💻 Курс “Разработка сайтов на PHP MySQL“:
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.
🏁 Обучение с нуля
💁♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе
💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💈 Сайт школы ВебКадеми:
💈 Вступайте в группу Вконтакте:
💈 Подписывайтесь на Telegram:
МАТЕРИАЛЫ К УРОКУ:
• Макет:
• Код с урока:
• Урок по VS Code:
• Основы HTML:
• Сброс стилей :
ТАЙМ КОДЫ:
00:00 Знакомство с макетом и старт проекта
03:38 Сброс стилей
18:02 Базовые стили, контейнер, шрифты
29:57 Контейнер
33:40 Верстка шапки с навигацией
1:10:30 Верстка верхней секции
1:47:35 Секция How It Works - заголовок
2:04:48 Секция How It Works - колонки
2:32:34 Секция Story
2:56:56 Секция Our Product
3:27:54 Подвал
3:34:16 Правка багов
3:37:37 Читкод для отображения десктопной версии на смартфонах
3:41:58 Адаптивная верстка шапки и навигации
3:50:20 Адаптация первой секции
3:56:10 Адаптивная верстка секции How It Works - заголовок
4:00:30 Адаптивная верстка секции How It Works - колонки
4:07:42 Адаптивная верстка Story
4:12:51 Адаптив для секции Product
4:38:05 Адаптив для подвала
4:43:02 Мобильная навигация, скрипты
5:06:24 Видео в секции Story, Скрипты
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Меня зовут Юрий Ключевский. Я занимаюсь разработкой сайтов уже много лет, специализируюсь на front-end разработке и верстке сайтов, JavaScript и PHP программировании. Здесь буду делиться с вами информацией на разные темы по веб-разработке - HTML, CSS, JavaScript, jQuery, PHP, MySQL, React, Gulp.
На нашем канале вы найдете много полезных обучающих материалов, а так же сможете поработать со мной лично пройдя мои курсы.
#HTML #CSS #верстка #WebCademy #ВебКадеми #HTML5 #CSS3 #html #css #html5 #css3 #javascript #js
1,216 view
1
0
4 weeks ago 00:02:11 1
СКОЛЬКО НАДО УЧИТЬСЯ НА ПРОГРАММИСТА В КОЛЛЕДЖЕ ПОСЛЕ 9 ❕ ИЗУЧЕНИЕ ВЕБ ПРОГРАММИРОВАНИЯ ❌
4 weeks ago 00:02:11 1
🖲 PHP ОБУЧЕНИЕ С НУЛЯ СКАЧАТЬ БЕСПЛАТНО ⚫ РАЗРАБОТЧИК ЯНДЕКС 💣
4 weeks ago 00:02:11 1
💽 Создать сайт обучение бесплатно онлайн 🔔
4 weeks ago 00:02:11 4
🕹 ЯЗЫК ДЖАВА ДЛЯ НАЧИНАЮЩИХ БЕСПЛАТНО 🚀
4 weeks ago 00:02:11 1
💣 Приложение для изучения языков программирования ⚪ Фронтенд разработка что нужно знать ❌
4 weeks ago 00:02:11 1
💻 Курсы программиста гродно
4 weeks ago 00:02:11 1
ОБУЧЕНИЕ ДЛЯ ПРОГРАММИСТОВ
4 weeks ago 00:02:11 1
📟 Интернет обучение программированию 💣 Веб 2 еду образование
4 weeks ago 00:02:11 1
ОБУЧЕНИЕ ПРОГРАММИРОВАНИЮ C
4 weeks ago 00:02:11 4
Курсы по javascript бесплатно 📀
4 weeks ago 00:02:11 1
🖲 Бесплатные онлайн тренинги 💡 Курсы программирования москва
4 weeks ago 00:02:11 1
💽 Бесплатные курсы программирования
4 weeks ago 00:02:11 1
🚀 Курсы программирования москва
1 month ago 00:02:11 1
📱 Программирование самоучитель 🚀
1 month ago 00:02:11 2
Бесплатные курсы по основам html и css ⚠ Разработчик с нуля 🔥
1 month ago 00:02:11 1
🤓 Как стать программистом в 15 лет ⛔ Разработка веб приложений обучение
1 month ago 00:02:11 1
Курсы it в минске с трудоустройством 🤘 Обучение программированию для детей бесплатно ⚫
1 month ago 00:02:11 1
Курсы программиста астана ❗ Как программировать на python 3 ☑
1 month ago 00:02:11 1
Курсы по программированию c
1 month ago 00:03:04 437
Обзор Toyota Camry, 2024 год | Продажа в Абакане | НП АВТО
1 month ago 00:02:11 1
Js обучение ⚡ Курсы python итмо
1 month ago 00:02:11 1
🤓 ОСНОВЫ ПРОГРАММИРОВАНИЯ ОНЛАЙН ❌ СОЗДАНИЕ САЙТОВ ОБУЧЕНИЕ С НУЛЯ ❕
1 month ago 00:03:01 34
Обзор Mazda CX-8, 2018 год | Продажа в Абакане | НП АВТО
1 month ago 00:02:11 1
Простое программирование для начинающих ❗ Факультет frontend разработки