Полный курс HTML для начинающих: создание многостраничного сайта с нуля
Practical Web Dev
0:00 / 0:00
Полный курс HTML для начинающих: создание многостраничного сайта с нуля
713 просмотров · 1 месяц назад
Practical Web Dev
1,38 тыс. подписчиков
713 просмотров · 1 месяц назад
🔥 Скачайте мою бесплатную дорожную карту веб-разработчика здесь: https://practical-web-dev.kit.com/c92...
🎓 Полный курс практической веб-разработки: https://practicalwebdev.com/courses/?...
⏳ Выгодный график веб-разработки: https://practicalwebdev.com/timeline?...
👨🏻💻*Исходный код проекта*: https://github.com/Practical-Web-Dev/...
Разделы видео
00:00 - Введение в курс
01:02 - Зачем изучать HTML
03:18 - Можно ли зарабатывать деньги с помощью HTML?
04:46 - Что такое HTML?
06:32 - Спонсоры
08:18 - HTML-элементы и теги
09:40 - HTML-атрибуты
12:26 - Текстовые редакторы
15:30 - Шаблонный HTML-код
23:03 - Запуск веб-страницы
27:53 - Создание заголовка и навигации
36:10 - Папки и область приветствия на странице
46:49 - Завершение главной страницы
01:09:07 - Создание и соединение всех страниц
01:16:33 - Создание страницы «О нас»
01:20:45 - Создание страницы блога
01:30:40 - Создание страницы «Контакты»
Изучите HTML с нуля, создав полноценный многостраничный веб-сайт, используя только HTML.
В этом полном курсе HTML для начинающих я научу вас основам HTML, пока мы будем создавать настоящий веб-сайт о больших белых акулах с нуля. Вместо изучения HTML на случайных, разрозненных примерах, вы сразу же примените полученные знания на практике в реальном проекте.
Мы начнём с того, что такое HTML, почему он всё ещё важен, HTML-элементы, теги, атрибуты, текстовые редакторы и шаблонный код. Затем мы создадим и объединим несколько страниц, включая главную страницу, страницу «О нас», страницу блога и страницу «Контакты».
Никакого CSS.
Никакого JavaScript.
Никаких фреймворков.
Только основы HTML и реальный веб-проект.
Если вы новичок в веб-разработке, этот курс даст вам необходимую базу, прежде чем переходить к CSS, JavaScript, PHP, WordPress, разработке с использованием ИИ или другим веб-технологиям.
ЧТО ВЫ УЗНАЕТЕ:
• Что такое HTML и как он работает
• Почему HTML по-прежнему важен в современной веб-разработке
• Элементы и теги HTML
• Атрибуты HTML
• Как использовать текстовый редактор для веб-разработки
• Шаблонная структура HTML
• Заголовки, абзацы, ссылки, изображения, списки и другие распространенные элементы
• Как работают папки и файлы веб-сайта
• Как создать навигацию между страницами
• Как создавать несколько HTML-страниц
• Как структурировать настоящий веб-сайт с нуля
• Как создать страницу «О нас»
• Как создать страницу блога
• Как создать страницу «Контакты»
• Как HTML вписывается в современную веб-разработку с использованием ИИ
HTML — это фундамент веб-сайтов. Даже когда вы используете WordPress, Shopify, PHP, фреймворки JavaScript, конструкторы страниц или ИИ для создания веб-сайтов, понимание HTML значительно упрощает понимание, модификацию, устранение неполадок и управление тем, что создают эти инструменты.
Цель не в том, чтобы запомнить каждый элемент HTML или вручную кодировать каждый веб-сайт бесконечно.
Цель — понять, что, чёрт возьми, создают ваши инструменты.
Подпишитесь на Practical Web Dev, чтобы получать простые и понятные уроки по веб-разработке, ориентированные на изучение основ, использование современных рабочих процессов ИИ, создание реальных проектов и превращение ваших навыков в нечто полезное.
Моё оборудование для веб-разработки 💻
Macbook Pro: https://amzn.to/4xM7cDJ
Дисплей ASUS ProArt: https://amzn.to/4A3KZm4
Подключаемая док-станция USB-C для трёх мониторов: https://amzn.to/4A3L9tG
Беспроводная механическая клавиатура Keychron K8 Pro: https://amzn.to/4xNvT2C
Беспроводная мышь Logitech MX Anywhere 2S: https://amzn.to/3Tjyouo