Make a responsive website with a fullscreen background video
4.7 (11 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
157 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Make a responsive website with a fullscreen background video to your Wishlist.

Add to Wishlist

Make a responsive website with a fullscreen background video

Let's make an awesome website with a moving video background using Dreamweaver CC 2017 & Premiere Pro CC 2017
4.7 (11 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
157 students enrolled
Last updated 2/2017
English
Current price: $10 Original price: $95 Discount: 89% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2 hours on-demand video
  • 21 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Build a basic responsive website
  • Understand how to manipulate video content on websites for mobile
  • Create a basic website that has a moving video background
  • How to best export video for website use.
View Curriculum
Requirements
  • No previous coding or design skills are necessary. This course is for beginners.
  • You'll need a copy of Dreamweaver CC 2017 or above. A free 30 day trial can be download from Adobe.
  • You'll need a copy of Premiere Pro CC 2017 or above. A free 30 day trial can be download from Adobe.
  • You'll need a copy of Media Encoder CC 2017 or above. A free 30 day trial can be download from Adobe.
  • If you're not sure if this course is right for you. Email me what you’re trying to do and check if you’re on the right track.
Description

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. 

Who is the target audience?
  • This course is for creatives who want to upgrade their website design knowledge and add an awesome new web technique to their skill-set.
  • Dreamweaver users that want to update their skills and learn new techniques.
  • People that want to begin learning about video editing and exporting for web.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
15 Lectures
02:10:34
+
Overview
3 Lectures 06:54

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!

Preview 01:40

In this video tutorial, we'll look at what resources are included and also what is covered throughout the course.

Preview 03:07

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.

Preview 02:07
+
Creating your video background
5 Lectures 56:33

In this video tutorial, we'll look at where to source usable background video from.

Preview 01:48

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.

Preview 12:10

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. 

Adding texture color opacity to your background video in Premiere
18:35

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!

How to make your html background video super small file size
17:24

In this video tutorial, I'll show you how to export your video to the WebM format, the new standard for HTML videos. 

How to make a WebM video file in Adobe Media Encoder & Premiere Pro & After Effe
06:36
+
Creating the video background website
6 Lectures 01:01:50
Add background video to a specific div tag box on your website
01:59

Adding a fullscreen background video to a website using Dreamweaver
17:12

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.

Basic text & images on top of our video background
17:06

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.

Production Video - Building the rest of our website
14:04

Make a fullscreen video background mobile friendly & responsive
04:53

In this video tutorial, we'll look at creating the "letterbox" type video background where the background doesn't span the whole page height. 

Add background video to a specific div tag box on your website
06:36
+
Cheat Sheet
1 Lecture 05:17

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!

Cheat Sheet
05:17
About the Instructor
Daniel Walter Scott
4.6 Average rating
876 Reviews
11,684 Students
13 Courses
Microsoft trainer and Adobe Certified Instructor

Sharing is who I am, and teaching is where I am at my best, because I've been on both sides of that equation, and getting to deliver useful training is my meaningful way to be a part of the creative community.

I've spent a long time watching others learn, and teach, to refine how I work with you to be efficient, useful and, most importantly, memorable. I want you to carry what I've shown you into a bright future.

I have a wife (a lovely Irish girl) and kids. I have lived and worked in many places (as Kiwis tend to do) – but most of my 14+ years of creating and teaching has had one overriding theme: bringing others along for the ride as we all try to change the world with our stories, our labours of love and our art.

I'm a certified Adobe instructor (ACI) in Ireland. I'm also an Adobe Certified Expert (ACE) and have completed the Adobe Certified Associate training (ACA). And I don't just do Adobe. Remember, media is a very broad term – digital blew out the borders, so we are all constantly learning.

I've been teaching for 14+ years. I come from being a media designer and content creator – so I understand exactly where you're at now. I've been there. I love this stuff. Print, digital publishing, web and video. I can see how it all connects. And I can see how we can share those connections.

I built Bring Your Own Laptop in Ireland, New Zealand, Australia & online. I have a great team working with me to keep BYOL at the top of Adobe and digital media training. I understand business, I have one – so I know how important it is to get it right and make it work for you.

Now my focus is on Udemy. It's my mission to bring you the best training for digital media on Udemy.

Daniel Walter Scott