Using Premiere Pro & Dreamweaver 2017 to make a website with a background video

Daniel Scott, Microsoft and Adobe guru for BYOL international

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
15 Videos (2h 11m)
    • 01 Introduction Video Backgrounds

      1:40
    • 02 Resources & what is covered in the course

      3:07
    • 03 Cool examples of full screen video backgrounds on websites

      2:07
    • 04 Where to get video for your background

      1:48
    • 05 Setting up your video background & basic editing in Premiere Pro

      12:10
    • 06 Adding texture color opacity to your background video in Premiere

      18:35
    • 07 How to make your html background video super small file size

      17:24
    • 08 How to make a WebM video file in Adobe Media Encoder & Premiere Pro & After Effects

      6:36
    • 09 Getting our website setup Dreamweaver

      1:59
    • 10 Adding a fullscreen background video to a website using Dreamweaver

      17:12
    • 11 Basic text & images on top of our video background

      17:06
    • 12 Production Video Building the rest of our website

      14:04
    • 13 Make a fullscreen video background mobile friendly & responsive

      4:53
    • 14 Add background video to a specific div tag box on your website

      6:36
    • 15 Cheat Sheet

      5:17

About This Class

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. 

Check out the final site example here.

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, plus there are teacher resources if you need them. 

The best thing - is that it’s not that hard. But super awesome video background will impress the heck out of your clients.

What are the requirements?

  • You'll need a copy of Dreamweaver CC 2017 & Premiere Pro CC 2017 or above. A free trial can be downloaded from Adobe.

  • This course is aimed at people to to web and video. Though it will be handy if you know some basic HTML before this course. It’s focused more on video backgrounds and not the entire web design process. 

What am I going to get from this course?

  • 15 lectures 2 Hours 18 minutes of content!

  • You'll learn to build a website with a video background.

  • Pros, cons & cool examples of video backgrounds. 

  • How to edit your video in Premiere Pro. 

  • Where to get video. 

  • Basic editing, adding texture, fading, texturing, blurring, coloring. 

  • Premiere or After Effects? Both?

  • What size should it be. HD? 4K? 

  • Minimising file size

  • Exporting in the right video format

  • Media Encoder. Webm, mp4, ogg, ogv. 

  • How to create a basic website. 

  • Add fullscreen background video

  • Add a background video to a hero box. 

  • Integrating with an existing Bootstrap website. 

  • Make the site responsive. 

  • Downloadable exercise files & cheat sheet.

  • Forum support from me and the rest of the BYOL crew.

  • Techniques used by professional website designers.

  • Professional workflows and shortcuts.

  • A wealth of other resources and websites to help your new career path.

What is the target audience?

  • YES: This course is for beginners. Aimed at people new to the world of web design. While no previous Dreamweaver experience is necessary, it would be good to do one of my other intro courses before attempting this course.

  • NO: This course is NOT suited to people experienced in using HTML & CSS.

 

18 of 18 students recommendSee All

The class is full of info (love that). Saved it to reference during site build.
Gerald Woodson

Prioritize. Focus. Go!

Great tutorial! Exactly what i needed. It covers basic Adobe Premier, very nice tips and tricks.

199

Students

--

Projects

Daniel Scott

Microsoft and Adobe guru for BYOL international

I'm a Web Designer, Graphic Designer & teacher for BYOL international. 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