Resources & what is covered in the course

Questions

You need to be a member to view comments.

Join today. Cancel any time.

Sign Up

Course info

15 lessons / 2 hours

Overview

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, 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 or above. A free trial can be downloaded from Adobe .

  • 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.

Course duration 2 hours

Daniel Scott

Daniel Scott

Founder of Bring Your Own Laptop & Chief Instructor

instructor

I discovered the world of design as an art student when I stumbled upon a lab full of green & blue iMac G3’s. My initial curiosity around using the computer to create ‘art’ developed into a full-blown passion, eventually leading me to become a digital designer and founder of Bring Your Own Laptop.

Sharing and teaching are a huge part of who I am. As a certified Adobe instructor, I've had the honor of winning multiple Adobe teaching awards at their annual MAX conference. I see Bring Your Own Laptop as the supportive community I wished for when I was first starting out and intimidated by design. Through teaching, I hope to bring others along for the ride and empower my students to bring their stories, labors of love, and art into the world.
True to my Kiwi roots, I've lived in many places, and currently, I reside in Ireland with my wife and kids.

Downloads & Exercise files

Download Exercise Files

Transcript

Hi there, let's talk about the thing that we're making, and the resources I've got. So first up is, what we're making is, it's going to be a video background with texts and images, basically a whole website over the top. It's not going to be like those little embedded videos, like YouTube, or Udemy with play buttons and those sorts of things as part of the website, it's definitely like an abstract background with kind of a big effect in the background, and the website over the top. 

We'll also make the actual video, rather than just skipping to making the website, we'll show you how to really get that video nice and small, add effects, all that sort of stuff in Premier Pro, the same sort of techniques work in After Effects, but we're going to use Premier Pro in this one. We'll do that and not just skip to the website end.

Now there are exercise files, so you can play along, there'll be a link on this page, you can download them and play along with the videos. There's also something called the completed files, and that just means, when I get to the end of every video, there's about 15 odd in this series, but at the end of the video, what I will do is I'll save my project, all the code that I'm up to right then, so that if you're having problems trying to keep up, or something's not quite working the same as my one is, you can download that completed file, just kind of check yours versus mine, and just see where you might have gone wrong. 

So there will be a link on this page as well, and when you finish, could you post your project? Just on a link somewhere on the page, some sort of way of getting in contact with me, or screenshots, doesn't have to be a full working site. I just want to see what you've done. I imagine you'd be really proud of it, because when you're new to it, it's a lot more harder work. But I like to see it, as a teacher I like to see what you've done. It's good for other people to see how you've done it, and adapted to the course, so post your projects.

And the other thing I'd really like you to do is to give me a review. It's a bit early in the video to be telling to give me a review, but depending on different sites, they will pop up early, sometimes later, in the end, about offering a review, and just that you know those reviews are how they kind of measure the success of a course. You might get to the end, most people get to the end, and don’t worry about the review, and that's fine too, but if you do post a review, honest, I don't want anything but honesty, but those sorts of things help my rankings, and my course might do a little bit better, and bring a little bit more revenue for me, as a teacher.

This course, I've made a cheat sheet as well. There'll be a video version, and a printable PDF version. There'll be a link on the page to those cheat sheets, so you can go off  to there, and print it off, and stick it up next to your computer so that you can-- while you're new, getting used to things, share those things as well. I kind of made them to share around, so post them, and share them if you like them.

Last bit is, if you are a teacher, watching this, to teachers, you got a class tomorrow, and you got to teach video backgrounds, I've got a teacher resources page where you can get printed notes. Watch these courses, do the printed notes, check that out as well, there'll be a link on the page, there's lots of links on those page.

All right, that's it for our resources, and things that we're going to do in this course.

  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • © Bring your Own Laptop Ltd 2024