Responsive design, fullscreen video using HTML5 & CSS3

Let's make an awesome website with a moving video background using Dreamweaver CC 2017 & Premiere Pro CC 2017
4.61 (102 reviews)
Udemy
platform
English
language
Web Design
category
Responsive design, fullscreen video using HTML5 & CSS3
2 280
students
2 hours
content
Jan 2025
last update
$29.99
regular price

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

Responsive design, fullscreen video using HTML5 & CSS3 – Screenshot 1
Screenshot 1Responsive design, fullscreen video using HTML5 & CSS3
Responsive design, fullscreen video using HTML5 & CSS3 – Screenshot 2
Screenshot 2Responsive design, fullscreen video using HTML5 & CSS3
Responsive design, fullscreen video using HTML5 & CSS3 – Screenshot 3
Screenshot 3Responsive design, fullscreen video using HTML5 & CSS3
Responsive design, fullscreen video using HTML5 & CSS3 – Screenshot 4
Screenshot 4Responsive design, fullscreen video using HTML5 & CSS3

Loading charts...

1099560
udemy ID
02/02/2017
course created date
21/11/2019
course indexed date
Bot
course submited by
Responsive design, fullscreen video using HTML5 & CSS3 - | Comidoc