background top icon
background center wave icon
background filled rhombus icon
background two lines icon
background stroke rhombus icon

ดาวน์โหลด "Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS. Часть 1"

input logo icon
"videoThumbnail Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS. Часть 1
สารบัญ
|

สารบัญ

0:00
Вступление, где взять макет
3:05
Создание проекта, шрифты, reset.css
8:35
Экспорт графики из макета
18:00
container, переменные в CSS
26:45
Нестандартный container
33:05
Общение с чатом
35:40
Шапка сайта
43:50
Шапка. Структура элементов
50:00
Шапка. логотип
53:00
Навигация. Ссылки
59:58
Навигация. Login
1:04:13
Общение с чатом
1:06:05
Шапка. Контент
1:14:35
Шапка. Изображение
1:21:40
Шапка. Задвигаем картинку за текст
1:22:35
Общение с чатом
1:24:59
Секция Destinations
1:31:57
Destinations. контент в секции
1:37:20
Карусель
1:40:09
Карусель. Подключение плагинов
1:45:23
Карусель. Настройка owlCarousel
1:50:57
Карусель. Контролы для карусели
2:01:10
Карусель. Фикс плавающих кнопок
2:02:18
Общение с чатом
2:08:55
Секция Customers
2:11:30
Customers. Контент для секции
2:24:00
Реклама. Мои авторские курсы
2:27:30
Общение с чатом
2:31:02
Секция CTA
2:38:55
Секция Subscribe
2:50:50
Подвал сайта
2:53:20
Подвал. Стили для навигации
2:56:47
Подвал. Логотип
2:58:49
Рефакторинг кнопок по БЭМ
3:09:07
Общение с чатом
แท็กวิดีโอ
|

แท็กวิดีโอ

HTML
CSS
верстка сайтов
HTML верстка
WebCademy
ВебКадеми
Юрий Ключевский
คุณได้ UDL Helper ติดตั้ง แล้ว คุณสามารถดาวน์โหลด วิดีโอ ได้ใน 1 คลิก!
ติดตั้งแล้ว
สำหรับ
Google Chrome

คำอธิบาย:

Макет и материалы к уроку: https://t.me/+9XtDDNBdHAk4Yjhi Верстаю макет в прямом эфире. Макет будет на стриме в описании под видео. Адаптивная мобильная верстка HTML CSS JS из Figma. FlexBox, формы, карусель. Вторая часть. Адаптив: https://www.youtube.com/watch?v=W-yCnNl8lyE Плейлист: https://www.youtube.com/playlist?list=PL1NBhQGGj46arKowyG-OBKSRSq7j1tO2v • • • 💻 Курс "Профессия HTML верстальщик": https://webcademy.ru/htmlstart/ С нуля до первых денег на фрилансе. Первая неделя обучения - 990 рублей. Старт обучения: 12 Февраля 2024 года 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе Сайт: https://webcademy.ru/ Вконтакте: https://vk.com/webcademy Telegram канал: https://t.me/webcademynews ТАЙМ КОДЫ: 00:00 Вступление, где взять макет 03:05 Создание проекта, шрифты, reset.css 08:35 Экспорт графики из макета 18:00 container, переменные в CSS 26:45 Нестандартный container 33:05 Общение с чатом 35:40 Шапка сайта 43:50 Шапка. Структура элементов 50:00 Шапка. логотип 53:00 Навигация. Ссылки 59:58 Навигация. Login 1:04:13 Общение с чатом 1:06:05 Шапка. Контент 1:14:35 Шапка. Изображение 1:21:40 Шапка. Задвигаем картинку за текст 1:22:35 Общение с чатом 1:24:59 Секция Destinations 1:31:57 Destinations. контент в секции 1:37:20 Карусель 1:40:09 Карусель. Подключение плагинов 1:45:23 Карусель. Настройка owlCarousel 1:50:57 Карусель. Контролы для карусели 2:01:10 Карусель. Фикс плавающих кнопок 2:02:18 Общение с чатом 2:08:55 Секция Customers 2:11:30 Customers. Контент для секции 2:24:00 Реклама. Мои авторские курсы 2:27:30 Общение с чатом 2:31:02 Секция CTA 2:38:55 Секция Subscribe 2:50:50 Подвал сайта 2:53:20 Подвал. Стили для навигации 2:56:47 Подвал. Логотип 2:58:49 Рефакторинг кнопок по БЭМ 3:09:07 Общение с чатом

กำลังเตรียมตัวเลือกการดาวน์โหลด

popular icon
ที่นิยม
hd icon
HD วิดีโอ
audio icon
เสียงเท่านั้น
total icon
ทุกรูปแบบ
* — หากวิดีโอกำลังเล่นในแท็บใหม่ ให้ไปที่แท็บนั้น จากนั้นคลิกขวาที่วิดีโอแล้วเลือก "บันทึกวิดีโอเป็น..."
** — ลิงก์มีไว้สำหรับการเล่นออนไลน์ในเครื่องเล่นเฉพาะทาง

คำถามเกี่ยวกับการดาวน์โหลดวิดีโอ

mobile menu iconฉันจะดาวน์โหลดวิดีโอ "Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS. Часть 1" ได้อย่างไรmobile menu icon

  • เว็บไซต์ http://unidownloader.com/ เป็นวิธีที่ดีที่สุดในการดาวน์โหลดวิดีโอหรือแทร็กเสียงแยกต่างหาก หากคุณต้องการหลีกเลี่ยงการติดตั้งโปรแกรมและส่วนขยาย

  • ส่วนขยาย UDL Helper เป็นปุ่มที่สะดวกซึ่งฝังไว้บนเว็บไซต์ YouTube, Instagram และ OK.ru เพื่อการดาวน์โหลดเนื้อหาที่รวดเร็ว

  • UDL Client (สำหรับ Windows) - โซลูชันที่ทรงพลังที่สุดที่รองรับเว็บไซต์ โซเชียลเน็ตเวิร์ก และไซต์โฮสต์วิดีโอมากกว่า 900 แห่ง รวมถึงคุณภาพวิดีโอใด ๆ ที่มีอยู่ในแหล่งที่มา

  • UDL Lite - เป็นวิธีที่สะดวกในการเข้าถึงเว็บไซต์จากอุปกรณ์มือถือของคุณ ด้วยความช่วยเหลือนี้ คุณสามารถดาวน์โหลดวิดีโอลงสมาร์ทโฟนของคุณได้โดยตรง

mobile menu iconฉันควรเลือกรูปแบบวิดีโอ "Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS. Часть 1" ใดmobile menu icon

  • รูปแบบคุณภาพที่ดีที่สุดคือ FullHD (1080p), 2K (1440p), 4K (2160p) และ 8K (4320p) ยิ่งความละเอียดหน้าจอของคุณสูงเท่าไร คุณภาพวิดีโอก็ควรจะสูงขึ้นตามไปด้วย อย่างไรก็ตาม ยังมีปัจจัยอื่นๆ ที่ต้องพิจารณา: ความเร็วในการดาวน์โหลด จำนวนพื้นที่ว่าง และประสิทธิภาพของอุปกรณ์ระหว่างการเล่น

mobile menu iconเหตุใดคอมพิวเตอร์จึงค้างเมื่อโหลดวิดีโอ "Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS. Часть 1"mobile menu icon

  • เบราว์เซอร์/คอมพิวเตอร์ไม่ควรหยุดทำงานโดยสิ้นเชิง! หากเกิดเหตุการณ์เช่นนี้ โปรดรายงานพร้อมลิงก์ไปยังวิดีโอ บางครั้งวิดีโอไม่สามารถดาวน์โหลดได้โดยตรงในรูปแบบที่เหมาะสม ดังนั้นเราจึงเพิ่มความสามารถในการแปลงไฟล์เป็นรูปแบบที่ต้องการ ในบางกรณี กระบวนการนี้อาจใช้ทรัพยากรคอมพิวเตอร์อย่างจริงจัง

mobile menu iconฉันจะดาวน์โหลดวิดีโอ "Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS. Часть 1" ลงในโทรศัพท์ของฉันได้อย่างไรmobile menu icon

  • คุณสามารถดาวน์โหลดวิดีโอลงในสมาร์ทโฟนของคุณได้โดยใช้เว็บไซต์ UDL Lite หรือแอปพลิเคชัน pwa นอกจากนี้ยังสามารถส่งลิงก์ดาวน์โหลดผ่านโค้ด QR โดยใช้ส่วนขยาย UDL Helper ได้อีกด้วย

mobile menu iconฉันจะดาวน์โหลดแทร็กเสียง (เพลง) เป็น MP3 "Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS. Часть 1" ได้อย่างไรmobile menu icon

  • วิธีที่สะดวกที่สุดคือการใช้ UDL Client ซึ่งรองรับการแปลงวิดีโอเป็นรูปแบบ MP3 ในบางกรณี คุณสามารถดาวน์โหลดไฟล์ MP3 ผ่านส่วนขยาย UDL Helper ได้

mobile menu iconจะบันทึกเฟรมจากวิดีโอ "Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS. Часть 1" ได้อย่างไรmobile menu icon

  • คุณลักษณะนี้มีอยู่ในส่วนขยาย UDL Helper ตรวจสอบให้แน่ใจว่าได้เลือกตัวเลือก "ปุ่มแสดงผลเพื่อบันทึกภาพหน้าจอจากวิดีโอ" ในการตั้งค่า ไอคอนกล้องควรปรากฏที่มุมขวาล่างของเครื่องเล่นทางด้านซ้ายของไอคอน "การตั้งค่า" เมื่อคุณคลิก เฟรมปัจจุบันจากวิดีโอจะถูกบันทึกลงในคอมพิวเตอร์ของคุณในรูปแบบ JPEG

mobile menu iconค่าใช้จ่ายทั้งหมดนี้เท่าไหร่mobile menu icon

  • ไม่มีค่าใช้จ่ายเลยจริงๆ บริการของเราฟรีสำหรับผู้ใช้ทุกคนอย่างแน่นอน ไม่มีการสมัครสมาชิกแบบ PRO ไม่มีการจำกัดจำนวนหรือความยาวสูงสุดของวิดีโอที่ดาวน์โหลด