Building Responsive Websites with HTML 5 & CSS3
Learning how to build responsive websites has never been easier!
Development,Web Development,CSS
Lectures -42
Resources -1
Duration -3 hours
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course Description
In this hands-on training course, award-winning veteran trainer Geoff Blake shows you, step-by-step, how to build beautifully designed, responsive websites that adjust and function perfectly on smartphones, tablets, and desktop displays. You’ll begin with the fundamentals of responsive design, beginning with multiple style sheets, media queries and various expressions. Next comes the fun part: you’ll be guided through several in-depth chapters that walk you through the responsive design workflow, building HTML structure and CSS formatting for mobile and desktop displays; including tablets, desktop screens, and smartphones. Geoff shows you how to plan out your work, handle common issues that arise in a responsive layout, and how to handle various page components between device displays. Finally, the course closes with additional tricks, advanced techniques, and testing methods to ensure that your layout looks fantastic.
Goals
Learn the latest techniques for an in-demand skill: building functional, responsive web layouts.
Easy to follow, plain-english instructions make learning how to create websites that possess both beautiful design and powerful function a breeze.
Learn, step-by-step, how to design layouts to fit various device displays, including tablet, smartphone, and desktop screens.
Prerequisites
A basic understanding of HTML and CSS
![Building Responsive Websites with HTML 5 & CSS3 Building Responsive Websites with HTML 5 & CSS3](https://d3mxt5v3yxgcsr.cloudfront.net/courses/8121/course_8121_image.jpg)
Curriculum
Check out the detailed breakdown of what’s inside the course
Introduction
2 Lectures
-
Welcome 00:48 00:48
-
A Look At What We'll Build 01:35 01:35
Responsive Design Fundamentals
3 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
The Basics: Multiple Style Sheets & Media Queries
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Building HTML Structure & CSS For All Screens
16 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Building The Tablet Layout
6 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Building The Smartphone Layout
7 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Advanced Techniques For Responsive Design
3 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Wrapping Up
1 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Instructor Details
![Stone River eLearning](https://www.tutorialspoint.com/assets/profiles/419364/profile/200_3591602-1642772285.jpg)
Stone River eLearning
At Stone River eLearning, technology is all we teach. If you're interested in IT, programming, development, business or soft skills - we have it covered.
Check out our huge catalog of courses and join the over 3.2M students currently taking Stone River eLearning courses. We can provide all or part of this catalog to any business via API connection, or you can get your own branded LMS free with 10+ users.
Course Certificate
Use your certificate to make a career change or to advance in your current career.
![sample Tutorialspoint certificate](/market/public/assets/newDesign/img/primePacks/V-certificate.png)
Our students work
with the Best
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfc bank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfcbank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now![Annual Membership Annual Membership](/market/public/assets/newDesign/img/membership-large-small.jpg)
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now![Online Certifications Online Certifications](/market/public/assets/newDesign/img/traning-for-a-team.png)