Creating Responsive Web Design

Creating Responsive Web Design, available at $19.99, has an average rating of 4.46, with 33 lectures, based on 669 reviews, and has 41721 subscribers.

You will learn about Learn CSS3 media queries. Integrate Googles HTML5 Shiv JavaScript. Make CSS rules specifically for Internet Explorer. Learn image slicing and optimization techniques in Photoshop. Develop strategies for HTML markup. Consider design adaptations for multiple screens. and much more This course is ideal for individuals who are Graphic Designers or Web Developers or Interaction Designers or Usability Experts It is particularly useful for Graphic Designers or Web Developers or Interaction Designers or Usability Experts.

Enroll now: Creating Responsive Web Design

Summary

Title: Creating Responsive Web Design

Price: $19.99

Average Rating: 4.46

Number of Lectures: 33

Number of Published Lectures: 33

Number of Curriculum Items: 33

Number of Published Curriculum Objects: 33

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Learn CSS3 media queries.

Integrate Googles HTML5 Shiv JavaScript.

Make CSS rules specifically for Internet Explorer.

Learn image slicing and optimization techniques in Photoshop.

Develop strategies for HTML markup.

Consider design adaptations for multiple screens.

and much more

Who Should Attend

Graphic Designers

Web Developers

Interaction Designers

Usability Experts

Target Audiences

Graphic Designers

Web Developers

Interaction Designers

Usability Experts

Learn how to create websites that adjust to any screen size while optimizing download speeds.

HTML5, CSS3, and Media Queries

HTML5Shiv for Internet Explorer

Photoshop Image Optimization and Slicing

Design Adaptations for Various Screens

Create Websites that are Optimized for All Screens
Because people use a variety of devices to access the Internet, its important that, as a website designer, you know how to create a site that will conform to any screen size. Todays websites should be able to resize and rearrange elements and content automatically so that any user on any device from anywhere in the world can access your site and browse it with ease. And building a website thats compatible with the many browsers available from both the past and the present is also an integral part of launching a strong site.

Not every website designer knows how to create these intelligent websites. With the right training, you can differentiate yourself from the competition and potentially expand your client base.

Contents and Overview
In just 1.5 hours and through 11 lectures, youll learn all that you need to know to create a dazzling website using CSS3 and HTML5. Youll understand how to make your site backwards compatible with old browsers, and how to set it up using CSS rules so that it will adjust itself to any screen size while optimizing download speeds. This course, which is ideal for web developers, graphic designers, usability experts, and interaction designers, will even provide you with CSS, HTML, and Photoshop templates that you can use to design your own sites.

Upon successful completion of this course, youll be confident in your abilities to design a customized website thats optimized to work on any computer or mobile device. From the creation of CSS files to the design of a sites layout, text, and graphics, youll be fully versed in launching a site thats going to appear just as you intended, regardless of what screen your visitors will be using.

Course Curriculum

Chapter 1: Beginning Your Project and Making Web Graphics

Lecture 1: Course Introduction

Lecture 2: Tools you need of this course

Lecture 3: Introduction to HTML and CSS

Lecture 4: Creating your project root

Lecture 5: Examining the design composition

Lecture 6: Slicing and optimizing the banner graphics

Lecture 7: Optimizing the template and content graphics

Chapter 2: Creating HTML and CSS for Web Layout

Lecture 1: Adding the starter files to your project

Lecture 2: Linking CSS files to an HTML file

Lecture 3: Adding tags to the head area of the HTML file

Lecture 4: Creating the main content containers

Lecture 5: Adding promo containers and adding navigation links

Lecture 6: Adding content to the containers

Lecture 7: Style the background and page container

Lecture 8: Adding typographic styles

Lecture 9: Creating compound CSS rules

Lecture 10: Creating CSS rules for layout

Lecture 11: Setting CSS rules to floating promo containers

Chapter 3: Working with CSS Media Queries

Lecture 1: Adding a CSS rule within an inline CS3 media query

Lecture 2: Adding CSS rules for medium screen sizes

Lecture 3: Adding CSS rules for small screen sizes

Lecture 4: Styling the navigation for small screens

Chapter 4: Getting Started (Original Course)

Lecture 1: Introduction

Lecture 2: Review the Project Files

Lecture 3: Project Files

Chapter 5: Optimizing Your Web Graphics (Original Course)

Lecture 1: Slicing and Optimizing Graphics

Chapter 6: Adding HTML for Structure and Content (Original Course)

Lecture 1: Creating Content Containers

Lecture 2: Adding Sample Content

Chapter 7: Creating CSS Rules for All Screens (Original Course)

Lecture 1: Creating CSS Files

Lecture 2: CSS for Styling Text

Lecture 3: CSS for Layout

Chapter 8: Creating CSS Rules for Mobile Screens (Original Course)

Lecture 1: CSS for Medium Screens

Lecture 2: CSS for Small Screens

Instructors

Chris Converse
Designer and Developer at Codify Design Studio

Rating Distribution

1 stars: 14 votes

2 stars: 25 votes

3 stars: 81 votes

4 stars: 239 votes

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