Learning Responsive Web Design
4.6 (169 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.
19,051 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learning Responsive Web Design to your Wishlist.

Add to Wishlist

Learning Responsive Web Design

Learn How To Create Web Sites That Render Correctly On Different Screen Sizes And Operating Systems
4.6 (169 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.
19,051 students enrolled
Created by Infinite Skills
Last updated 1/2017
English
English [Auto-generated]
Current price: $10 Original price: $50 Discount: 80% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 4.5 hours on-demand video
  • 1 Article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Learn How To Create Web Pages That Render Correctly On Any Platform Or Device
View Curriculum
Requirements
  • PC or Mac
Description

In this Responsive Web Design training course, expert author Geoff Blake shows you how to create custom CSS and HTML so that your web site responds to differing screen sizes. With mobile and tablet web traffic increasing by leaps and bounds every day, all web designers should know how to create breakpoints and custom CSS layouts to adapt their designs to varying device resolutions.

You will learn how to setup your external style sheets for three different resolutions, and how to customize your layouts for each of those. This training video will teach you how to deal with navigation and graphics as well as text and other layout features, making them responsive. You will use the latest in CSS3 and HTML5 techniques to create a website design that will gracefully wrap and adapt to three different screen sizes. Extensive working files are included with this video tutorial, so you can work along with the author throughout each lesson.

When you have completed this computer based video training course, you will be capable of creating responsive, adaptive designs for your websites. You will understand how to create different external CSS files that are called depending on the resolution of the device that is requesting the web page. You will be confident in your ability to create a Responsive Web Site for todays mobile world!

Who is the target audience?
  • Web Designers and Web Developers
Compare to Other Responsive Design Courses
Curriculum For This Course
64 Lectures
04:30:57
+
02. Using Dreamweaver CS6 For Responsive Design
3 Lectures 10:53
0201 Getting Started With Fluid Grid Layouts
03:21

0202 Touring The Fluid Grid Layout View
03:28

0203 A Look At Dreamweavers Style Sheet
04:04
+
03. Getting Set Up For Responsive Design
7 Lectures 32:07
0301 Setting Up The External Style Sheet
03:58

0302 Connecting The Style Sheet And Testing
07:07

0303 Setting Up The Low Resolution Media Query
07:14

0304 Setting Up The Medium Resolution Media Query
04:40

0305 Testing The Medium Resolution Media Query
03:17

0306 Setting Up The High Resolution Media Query
03:24

0307 Testing The High Resolution Media Query
02:27
+
04. Building The HTML Structure
5 Lectures 24:44
0401 Building The Header Structure
03:47

0402 Building The Main Navigation Menu
06:52

0403 Setting The Body Structure
04:59

0404 Building The News Feed Area
06:34

0405 Setting The Footer Structure
02:32
+
05. Wireframing The High Resolution Layout
8 Lectures 37:01
0501 Getting Started With The High Resolution Layout
05:08

0502 Applying Formatting To The Master Container
06:10

0503 Setting Properties For The Header
03:37

0504 Formatting The Main Navigation Menu
08:10

0505 Formatting The Slideshow
03:24

0506 Setting Up The Content Boxes
04:58

0507 Applying Formatting To The News Feed
02:32

0508 Finishing Off With The Footer
03:02
+
06. Wireframing The Medium Resolution Layout
7 Lectures 29:44
0601 Setting Up The Medium Resolution Layout
05:41

0602 Formatting The Header
03:25

0603 Formatting The Navigation Menu
06:22

0604 Applying Formatting To The Slideshow
03:25

0605 Setting The Content Box Formatting
04:28

0606 Adjusting The News Feed
03:01

0607 Finalizing With The Footer
03:22
+
07. Wireframing The Low Resolution Layout
6 Lectures 26:01
0701 Getting Started With The Low Resolution Layout
05:45

0702 Formatting The Layout Header
03:02

0703 Adjusting The Main Navigation Menu
04:31

0704 Formatting The Content Boxes
04:57

0705 Applying Formatting To The News Feed
03:10

0706 Finishing Up With The Footer
04:36
+
08. Initial High Resolution Formatting
7 Lectures 27:24
0801 Fixing The Menu Spacing
06:11

0802 Getting Started With The High Resolution Formatting
02:36

0803 Applying Formatting To The Navigation Menu
04:27

0804 Formatting The Slideshow
01:27

0805 Formatting The Content Box
03:53

0806 Applying Formatting To The News Feed Area
05:07

0807 Getting The Footer Text Formatted
03:43
+
09. Initial Medium Resolution Formatting
4 Lectures 15:19
0901 Getting Started With The Navigation Menu
05:13

0902 Formatting The Slideshow And Content Boxes
03:40

0903 Applying News Feed Formatting
04:59

0904 Finishing Up With The Footer
01:27
+
10. Initial Low Resolution Formatting
3 Lectures 13:02
1001 Formatting The Main Navigation Menu
03:36

1002 Getting The Content Boxes Under Control
02:41

1003 Formatting The News Feed Area
06:45
2 More Sections
About the Instructor
Infinite Skills
4.4 Average rating
49,368 Reviews
751,064 Students
331 Courses
High Quality Training

Infinite Skills is a Canadian based company who offer a huge and ever growing range of high quality eLearning solutions that teach using studio quality narrated videos backed-up with practical hands-on examples and comprehensive working files. All courses are created by trained educators and experts in video based education.

The emphasis is on teaching real life skills that are essential for progressing in today's commercial environment.