
This is the introduction to the course. We'll briefly go over what's in the course, what we're going to build and what you'll have learned by the end of the course!
In this video tutorial, we'll look at what resources are included and also what is covered throughout the course.
In this video tutorial, we'll check out some awesome examples of websites with background video, we'll get some ideas and examine what tricks they use to make it all happen.
In this video tutorial, we'll look at where to source usable background video from.
In this video tutorial, we'll look at how to set up and edit your video background in Premiere Pro so it's good to go for your website.
In this video tutorial, we'll look at how to add texture, color and opacity to your background video to look at file size differences. Upon completing this video you'll have a good understanding of how certain video manipulations can affect the exported size of a video.
In this video tutorial, I'll show you the best export options for your video so it comes out nice and small - allowing for much better use within a website. The smaller the better!
In this video tutorial, I'll show you how to export your video to the WebM format, the new standard for HTML videos.
Define a local Dreamweaver site, set a project folder, and configure a default images folder to organize assets. Prepare your workspace and exercise files before coding.
Add a fullscreen background video to a Dreamweaver project by inserting an HTML5 video tag, linking CSS, and using min-width, min-height, and fixed positioning for a responsive fullscreen effect.
In this video tutorial, I'll show you how to set up the full page video background and then also how to sit images and text over the top.
In this video tutorial, we'll build the rest of the website - adding Heading tags, paragraphs etc. Let's really make this site look awesome.
Make the fullscreen background video mobile friendly by using media queries to disable video below 400 pixels and replace it with a background color to save data and battery.
In this video tutorial, we'll look at creating the "letterbox" type video background where the background doesn't span the whole page height.
In this video tutorial, I'll give you a simple to follow Tips and Tricks video to help you with your future projects of Video Backgrounds!
Hi there, I’m Dan. In this course we’ll learn how to create and edit a video for our website. Then we’ll go and build the site from scratch. It looks fancy, but it’s not particularly hard.
I built this course for beginners. You do not need to know how to code or how to edit video to take this class. We’ll start with the super basics. This could totally be your very first website, wouldn’t starting with a video background be a super cool first project?
We’ll go through the full process. I’ll show you where to find some video, I’ll show you how to edit it in Premiere Pro. We’ll do cool video effects like blurs, tints and transitions. I’ll show you how to export the video so we can get the file size super small. Once we’ve created our video we’ll build a basic website together and make our video all cool and full screen.
We’ll also create a second option where the video peeks in through a specific box.
In this course I’ve got exercise files so you can play along. I’ll also save my files as I go through each video so you can compare yours to mine - handy if something goes wrong. We’ll be using Dreamweaver & Premiere Pro but 95% of this can be done in generic web & video tools.
Remember: I’m happy to help & I’m pretty handy with replying. Also - there is a handy cheat sheet you can print out.
The best thing - is that it’s not that hard. But a super awesome video background will impress the heck out of your clients.