Learning Responsive Web Design

Learning Responsive Web Design , available at $44.99, has an average rating of 4.55, with 64 lectures, based on 194 reviews, and has 19130 subscribers.

You will learn about Learn How To Create Web Pages That Render Correctly On Any Platform Or Device This course is ideal for individuals who are Web Designers and Web Developers It is particularly useful for Web Designers and Web Developers.

Enroll now: Learning Responsive Web Design

Summary

Title: Learning Responsive Web Design

Price: $44.99

Average Rating: 4.55

Number of Lectures: 64

Number of Published Lectures: 64

Number of Curriculum Items: 64

Number of Published Curriculum Objects: 64

Original Price: $39.99

Quality Status: approved

Status: Live

What You Will Learn

Learn How To Create Web Pages That Render Correctly On Any Platform Or Device

Who Should Attend

Web Designers and Web Developers

Target Audiences

Web Designers and Web Developers

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!

Course Curriculum

Chapter 1: 01. Getting Started

Lecture 1: Working Files – Download These First

Lecture 2: 0101 Welcome

Lecture 3: 0102 Responsive Design And Targeted Resolutions

Lecture 4: 0103 A Look At What We Will Build

Lecture 5: 0104 Tools Of The Trade

Chapter 2: 02. Using Dreamweaver CS6 For Responsive Design

Lecture 1: 0201 Getting Started With Fluid Grid Layouts

Lecture 2: 0202 Touring The Fluid Grid Layout View

Lecture 3: 0203 A Look At Dreamweavers Style Sheet

Chapter 3: 03. Getting Set Up For Responsive Design

Lecture 1: 0301 Setting Up The External Style Sheet

Lecture 2: 0302 Connecting The Style Sheet And Testing

Lecture 3: 0303 Setting Up The Low Resolution Media Query

Lecture 4: 0304 Setting Up The Medium Resolution Media Query

Lecture 5: 0305 Testing The Medium Resolution Media Query

Lecture 6: 0306 Setting Up The High Resolution Media Query

Lecture 7: 0307 Testing The High Resolution Media Query

Chapter 4: 04. Building The HTML Structure

Lecture 1: 0401 Building The Header Structure

Lecture 2: 0402 Building The Main Navigation Menu

Lecture 3: 0403 Setting The Body Structure

Lecture 4: 0404 Building The News Feed Area

Lecture 5: 0405 Setting The Footer Structure

Chapter 5: 05. Wireframing The High Resolution Layout

Lecture 1: 0501 Getting Started With The High Resolution Layout

Lecture 2: 0502 Applying Formatting To The Master Container

Lecture 3: 0503 Setting Properties For The Header

Lecture 4: 0504 Formatting The Main Navigation Menu

Lecture 5: 0505 Formatting The Slideshow

Lecture 6: 0506 Setting Up The Content Boxes

Lecture 7: 0507 Applying Formatting To The News Feed

Lecture 8: 0508 Finishing Off With The Footer

Chapter 6: 06. Wireframing The Medium Resolution Layout

Lecture 1: 0601 Setting Up The Medium Resolution Layout

Lecture 2: 0602 Formatting The Header

Lecture 3: 0603 Formatting The Navigation Menu

Lecture 4: 0604 Applying Formatting To The Slideshow

Lecture 5: 0605 Setting The Content Box Formatting

Lecture 6: 0606 Adjusting The News Feed

Lecture 7: 0607 Finalizing With The Footer

Chapter 7: 07. Wireframing The Low Resolution Layout

Lecture 1: 0701 Getting Started With The Low Resolution Layout

Lecture 2: 0702 Formatting The Layout Header

Lecture 3: 0703 Adjusting The Main Navigation Menu

Lecture 4: 0704 Formatting The Content Boxes

Lecture 5: 0705 Applying Formatting To The News Feed

Lecture 6: 0706 Finishing Up With The Footer

Chapter 8: 08. Initial High Resolution Formatting

Lecture 1: 0801 Fixing The Menu Spacing

Lecture 2: 0802 Getting Started With The High Resolution Formatting

Lecture 3: 0803 Applying Formatting To The Navigation Menu

Lecture 4: 0804 Formatting The Slideshow

Lecture 5: 0805 Formatting The Content Box

Lecture 6: 0806 Applying Formatting To The News Feed Area

Lecture 7: 0807 Getting The Footer Text Formatted

Chapter 9: 09. Initial Medium Resolution Formatting

Lecture 1: 0901 Getting Started With The Navigation Menu

Lecture 2: 0902 Formatting The Slideshow And Content Boxes

Lecture 3: 0903 Applying News Feed Formatting

Lecture 4: 0904 Finishing Up With The Footer

Chapter 10: 10. Initial Low Resolution Formatting

Lecture 1: 1001 Formatting The Main Navigation Menu

Lecture 2: 1002 Getting The Content Boxes Under Control

Lecture 3: 1003 Formatting The News Feed Area

Chapter 11: 11. Adding Graphics

Lecture 1: 1101 Getting Started With The Header

Lecture 2: 1102 Setting Up And Adjusting The Slideshow

Lecture 3: 1103 Adding A Background Graphic To The Content Boxes

Lecture 4: 1104 Adding Content Box Header Graphics

Lecture 5: 1105 Controlling The Content Box Graphics Via CSS

Lecture 6: 1106 Implementing The Slideshow – Part 1

Lecture 7: 1107 Implementing The Slideshow – Part 2

Lecture 8: 1108 Implementing The Slideshow – Part 3

Chapter 12: 12. Wrapping Up

Lecture 1: 1201 Thanks For Watching

Instructors

Infinite Skills
High Quality Training

Rating Distribution

1 stars: 3 votes

2 stars: 8 votes

3 stars: 22 votes

4 stars: 55 votes

5 stars: 106 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!