Опис:
↓↓↓ Макет и ссылка на материалы в описании под видео ↓↓↓ Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. В этом видео уроке я подробную покажу HTML CSS верстку простого макета из FIGMA. Поделюсь полезными приемами как быстро сделать адаптивную верстку, добавить мобильную навигацию и разместить видео на вашем сайте. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" От установки редактора, до публикации в сети. 👉 Получить уроки, конспекты, макет и код из уроков: http://webcademy.ru/htmlsite/ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс по созданию и верстке сайтов: https://webcademy.ru/htmlstart/ Обучение с наставником, 3 месяца, результат, гарантия. Научим создавать веб-сайты и зарабатывать на этом. Старт обучения: 01 Июля 2024 года. 💻 Курс "Frontend разработчик. JavaScript + React": https://webcademy.ru/jscourse/ Обучение с наставником, 3 месяца, результат, гарантия. Старт обучения: 03 Июня 2024 года. 💻 Курс "Разработка сайтов на PHP + MySQL": https://webcademy.ru/phpcourse/ Создание сайтов с системой управления. Присоединиться к курсу можно прямо сейчас. 🏁 Обучение с нуля 💁♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💈 Сайт школы ВебКадеми: https://webcademy.ru/ 💈 Вступайте в группу Вконтакте: https://vk.com/webcademy 💈 Подписывайтесь на Telegram: https://t.me/webcademynews МАТЕРИАЛЫ К УРОКУ: • Макет: https://t.me/joinchat/friZxyBulgNmYjE6 • Код с урока: https://t.me/joinchat/friZxyBulgNmYjE6 • Урок по VS Code: https://youtu.be/942oq0_v95E • Основы HTML: https://bit.ly/3jry7AH • Сброс стилей reset.css: https://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. На нашем канале https://www.youtube.com/c/WebCademy?sub_confirmation=1 вы найдете много полезных обучающих материалов, а так же сможете поработать со мной лично пройдя мои курсы. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт школы ВебКадеми: https://webcademy.ru/ Наша группа Вконтакте: https://vk.com/webcademy Telegram канал: https://t.me/webcademynews
Готуємо варіанти завантаження
Сайт http://unidownloader.com/ - найкращий спосіб скачати відео або аудіо окремо, якщо ви не бажаєте встановлювати програми або розширення.
Розширення UDL Helper - це зручна кнопка, яка органічно інтегрується в сайти YouTube, Instagram та OK.ru для швидкого завантаження контенту.
Програма UDL Client (для Windows) - найпотужніше рішення, яке підтримує понад 900 сайтів, соціальних мереж і відеохостингів, а також будь-яку якість відео, що доступна на ресурсі.
UDL Lite - це дійсно зручний спосіб отримати доступ до веб-сайту з мобільного пристрою. З його допомогою ви можете легко скачати відео безпосередньо на свій смартфон.
Найкращою якістю відрізняються формати FullHD (1080p), 2K (1440p), 4K (2160p) і 8K (4320p). Чим вища роздільна здатність вашого екрану, тим вищою має бути якість відео. Однак є й інші фактори, які слід враховувати: швидкість завантаження, обсяг вільного місця та продуктивність пристрою під час відтворення.
Браузер/комп'ютер не повинен повністю зависати! Якщо це сталося, будь ласка, повідомте про це з посиланням на відео. Іноді відео не вдається скачати безпосередньо у відповідному форматі, тому ми додали можливість конвертувати файл у потрібний формат. У деяких випадках цей процес може активно використовувати ресурси комп'ютера.
Ви можете скачати відео на смартфон за допомогою веб-сайту або PWA-додатку UDL Lite. Також можна надіслати посилання на завантаження через QR-код за допомогою розширення UDL Helper.
Простіше за все скористатися програмою UDL Client, яка підтримує конвертацію відео у формат MP3. У деяких випадках MP3 також можна завантажити за допомогою розширення UDL Helper.
Ця функція доступна в розширенні UDL Helper. Переконайтеся, що в налаштуваннях встановлено прапорець "Показувати кнопку знімка відео". У правому нижньому куті плеєра зліва від іконки "Налаштування" має з'явитися значок камери. Коли ви натиснете на неї, поточний кадр з відео буде збережено на ваш комп'ютер у форматі JPEG.
Ніякої плати не потрібно. Наші сервіси абсолютно безкоштовні для всіх користувачів. Немає ніяких PRO-підписок, ніяких обмежень на кількість або максимальну тривалість відео, що можна скачати.