↓↓↓ Макет и ссылка на материалы в описании под видео ↓↓↓ Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. В этом видео уроке я подробную покажу HTML CSS верстку простого макета из FIGMA. Поделюсь полезными приемами как быстро сделать адаптивную верстку, добавить мобильную навигацию и разместить видео на вашем сайте.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков: webcademy.ru/htmlsite/
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Курс по созданию и верстке сайтов: webcademy.ru/htmlstart/
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
Старт курса: 27-го Мая 2024 года.
💻 Курс "Frontend разработчик. JavaScript + React": webcademy.ru/jscourse/
Обучение с наставником, 3 месяца, результат, гарантия.
Старт курса: 3-го Июня 2024 года.
💻 Курс "Разработка сайтов на PHP + MySQL":
webcademy.ru/phpcourse/
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.
🏁 Обучение с нуля
💁♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе
💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💈 Сайт школы ВебКадеми: webcademy.ru/
💈 Вступайте в группу Вконтакте: webcademy
💈 Подписывайтесь на Telegram: t.me/webcademynews
МАТЕРИАЛЫ К УРОКУ:
• Макет: t.me/joinchat/friZxyBulgNmYjE6
• Код с урока: t.me/joinchat/friZxyBulgNmYjE6
• Урок по VS Code: • VS Code - установка и ...
• Основы HTML: bit.ly/3jry7AH
• Сброс стилей reset.css: webcademy.ru/blog/739/
ТАЙМ КОДЫ:
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.
На нашем канале ru-vid.com?s... вы найдете много полезных обучающих материалов, а так же сможете поработать со мной лично пройдя мои курсы.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Сайт школы ВебКадеми: webcademy.ru/
Наша группа Вконтакте: webcademy
Telegram канал: t.me/webcademynews
27 май 2024
