Responsive design, fullscreen video using HTML5 & CSS3

Why take this course?
🎉 Course Headline: Let's make an awesome website with a moving video background using HTML5 & CSS3 with Daniel Walter Scott
👋 Introduction: Hey there, I’m Dan! Welcome to our exciting journey where we'll craft a stunning website complete with a captivating video background. Whether you're a coding novice or a seasoned web designer, this course will guide you through every step in creating your own responsive design masterpiece.
What You'll Learn:
-
Finding & Editing Video: Discover how to select the perfect video for your website and learn video editing basics in Premiere Pro CC 2017, including cool effects like blurs, tints, and smooth transitions.
-
Optimizing Video for the Web: Learn how to export your edited video with a minimal file size without losing quality – crucial for web performance.
-
Building Your Website: Start from scratch or improve an existing site by creating a responsive layout that adapts to different screen sizes, using HTML5 and CSS3.
-
Incorporating the Video Background: Make your video fill the entire screen, ensuring it's both engaging and not overpowering the user experience. You'll also learn how to implement a smaller video that complements the content without stealing the show.
-
Hands-On Practice: With exercise files provided, you can follow along with real-world examples and compare your work to Dan's as you go.
Why Take This Course?
✅ Beginner Friendly: No prior coding or video editing skills are required – we start from the basics!
✅ Step-by-Step Guidance: From selecting your video to finalizing your website, Dan will be your personal guide through each stage.
✅ Real-World Skills: Learn techniques that are widely applicable across various web and video tools.
✅ Exercise Files Included: Play along with exercise files provided and compare your progress with Dan's.
✅ Support Along the Way: Dan is on hand to help, so you're never left scratching your head. Plus, a handy cheat sheet is available for quick reference.
Who Is This Course For?
🎨 Designers and creatives looking to enhance their web design skills.
👩💻 Developers who want to add video backgrounds to their sites.
🚀 Absolute beginners eager to kickstart their journey into web development with a bang!
Key Takeaways:
-
Understanding Video & Web Integration: Learn how to seamlessly combine video and web design for a professional, impactful result.
-
Technical Skills: Master the use of Dreamweaver CC 2017 and Premiere Pro CC 2017, essential tools for media-rich websites.
-
Responsive Design Techniques: Create a website that looks great on any device, from desktop to mobile.
Ready to Get Started? 🚀
Join me, Dan, and let's transform your web design skills with a responsive, fullscreen video background that will make your clients' jaws drop! Sign up today and let the creativity flow!
Course Gallery




Loading charts...