Summary
Full Transcript
Ready to bring your webpages to life and launch your very first website? In this powerful 35-minute tutorial, we'll move beyond static pages and dive into the exciting world of multimedia, multi-page websites, and real-world deployment! First, we'll master the HTML media tags, learning how to natively embed video and audio players directly into your projects. Then, we'll solve a critical challenge for any beginner: how to correctly structure and link multiple HTML pages to build a complete, cohesive website. Finally, we'll take our project from a local folder on our computer to a live, public website on the internet using the incredibly simple Netlify drag-and-drop deployment. By the end of this video, you will not only have built a functional website but you will also have a live link to share with the world! 🚀 What You Will Learn in This Jam-Packed Tutorial: 🚀 Embedding Video: A deep dive into the video tag, including essential attributes like controls, autoplay, muted, and poster. Embedding Audio: Learn to use the audio tag to add sound, podcasts, or music to your site. The Professional Way: Understand why the source element is the best practice for ensuring your media works on all browsers. Embedding from YouTube: Master the iframe tag and learn the correct way to embed a YouTube video player. Building a Multi-Page Website: We'll cover the complete workflow, from creating the folder structure to linking your pages (index.html, about.html, contact.html) together with a navigation menu. The Power of Relative Paths: Finally understand how to correctly link between your pages. Deployment Made Easy: A step-by-step guide on how to drag, drop, and deploy your website for FREE using Netlify. You'll Get a LIVE URL: Walk away with a real, shareable link to your very first live project! This is the perfect video for anyone who has learned the basics of HTML and is ready to take the next big step into building and launching complete websites. Course start date: 1 september Timing: 6pm (Mon-fri) Hackathon will be organised after course completion Join Premium Whatsapp Group: https://whatsapp.com/channel/0029Va6H0tbHVvTbcuT99Y1f Class Notes : https://www.notion.so/HTML-MEDIA-2673a78e0e2280e7aaede039776da705?source=copy_link Code Link: https://github.com/coderarmy-notes/mern-stack-course Twitter: https://x.com/rohit_negi9?s=21 Channel: @CoderArmy9 Buy Our Premium Course of Web dev+Blockchain+HLD+DSA: https://rohittnegi.akamai.net.in/new-courses/4-web-development-block-chain (5500 only) Time Stamp: 0:00 Introduction 1:02 Media Tag 2:31 Integrating Audio Files 2:54 Adding Controls to Audio 3:29 Integrating Video Files 4:28 Audio: Proper Formats 5:31 Why Proper Formats are Needed 6:42 Video: Proper Formats 7:58 Embedding YouTube Videos 9:16 Embed Tag & Its Importance 11:46 Allow Fullscreen in Videos 12:32 Multi-Page Websites 14:06 Creating Multi-Page Websites 15:34 Footer Section 16:02 Creating Copyright Symbol 16:40 Header Section 19:29 Main Section 22:18 Autoplay Feature 26:33 Combining iframes with Tables 29:36 Deploying a Website on Netlify 34:01 Homework 35:02 Wrapping Up #webdevelopment #forms #media #video #mernstack
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
