Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS. Часть 1

Описание

Верстаю макет в прямом эфире. Макет будет на стриме в описании под видео.
Адаптивная мобильная верстка HTML CSS JS из Figma. FlexBox, формы, карусель, видео на сайте. Макет в TG канале: https://t.me/+9XtDDNBdHAk4Yjhi

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков: http://webcademy.ru/htmlsite/

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Курс по созданию и верстке сайтов: https://webcademy.ru/htmlstart/
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.

💻 Курс "Frontend разработчик. JavaScript + React": https://webcademy.ru/jscourse/
Обучение с наставником, 3 месяца, результат, гарантия.

💻 Курс "Разработка сайтов на PHP + MySQL":
https://webcademy.ru/phpcourse/
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.

🏁 Обучение с нуля
💁♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе

💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

💈 Сайт школы ВебКадеми: https://webcademy.ru/
💈 Вступайте в группу Вконтакте: https://vk.com/webcademy
💈 Подписывайтесь на Telegram: https://t.me/webcademynews

ТАЙМ-КОДЫ:

00:00 Вступление, обзор макета
07:00 Создание проекта
08:55 reset.css
09:40 Шрифты
17:15 Экспорт графики
27:55 Обзор сетки проекта
28:55 Верстка навигации в шапке
50:50 Контент в шапке
57:00 Фикс с подключением шрифта
1:00:03 Работа с кнопками
1:11:48 Информация о курсе по верстке
1:15:17 Ответы на комментарии

1:37:18 Секция Case Studies
1:53:30 Эффект градиента для текста
1:59:00 Подключение скрипта карусели
2:06:20 Ответы на комментарии

2:07:05 Секция Video
2:17:50 Добавление видео
2:23:10 JS код для видео
2:37:20 Подвал сайта

#HTML #CSS #верстка #WebCademy #ВебКадеми #HTML5 #CSS3 #html #css #html5 #css3 #javascript #js #уроки #бесплатно #курс #rutube #Rutube #RUTUBE #рутуб #Рутуб #РУТУБ #ЮрийКлючевский