Верстка сайта онлайн. Подробно с объяснениями для новичков. 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 #рутуб #Рутуб #РУТУБ #ЮрийКлючевский
Верстаю макет в прямом эфире. Макет будет на стриме в описании под видео. Адаптивная мобильная верстка 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 #рутуб #Рутуб #РУТУБ #ЮрийКлючевский