Responsive design, fullscreen video using HTML5 & CSS3
Responsive design, fullscreen video using HTML5 & CSS3, available at $64.99, has an average rating of 4.5, with 15 lectures, based on 101 reviews, and has 2261 subscribers.
You will learn about 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. This course is ideal for individuals who are This course is for creatives who want to upgrade their website design knowledge and add an awesome new web technique to their skill-set. or Dreamweaver users that want to update their skills and learn new techniques. or People that want to begin learning about video editing and exporting for web. It is particularly useful for This course is for creatives who want to upgrade their website design knowledge and add an awesome new web technique to their skill-set. or Dreamweaver users that want to update their skills and learn new techniques. or People that want to begin learning about video editing and exporting for web.
Enroll now: Responsive design, fullscreen video using HTML5 & CSS3
Summary
Title: Responsive design, fullscreen video using HTML5 & CSS3
Price: $64.99
Average Rating: 4.5
Number of Lectures: 15
Number of Published Lectures: 15
Number of Curriculum Items: 15
Number of Published Curriculum Objects: 15
Original Price: $84.99
Quality Status: approved
Status: Live
What You Will 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.
Who Should Attend
- 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.
Target Audiences
- 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.
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.
Course Curriculum
Chapter 1: Overview
Lecture 1: Introduction
Lecture 2: Resources & what is covered in the course
Lecture 3: Cool examples of full screen video backgrounds on websites
Chapter 2: Creating your video background
Lecture 1: Where to get video for your background
Lecture 2: Setting up your video background & basic editing in Premiere Pro
Lecture 3: Adding texture color opacity to your background video in Premiere
Lecture 4: How to make your html background video super small file size
Lecture 5: How to make a WebM video file in Adobe Media Encoder & Premiere Pro & After Effe
Chapter 3: Creating the video background website
Lecture 1: Add background video to a specific div tag box on your website
Lecture 2: Adding a fullscreen background video to a website using Dreamweaver
Lecture 3: Basic text & images on top of our video background
Lecture 4: Production Video – Building the rest of our website
Lecture 5: Make a fullscreen video background mobile friendly & responsive
Lecture 6: Add background video to a specific div tag box on your website
Chapter 4: Cheat Sheet
Lecture 1: Cheat Sheet
Instructors
-
Daniel Walter Scott
Adobe Certified Instructor & Adobe Certified Expert
Rating Distribution
- 1 stars: 0 votes
- 2 stars: 2 votes
- 3 stars: 8 votes
- 4 stars: 26 votes
- 5 stars: 65 votes
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
You may also like
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024
- Top 10 Gardening Courses to Learn in November 2024