Перейти к содержимому

Полный курс 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