Creating Responsive Web Design

Learn to optimize webpages for all screen sizes and platforms with HTML5, CSS3, media queries, and Photoshop techniques in this dynamic 1.5-hour course.

  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

This course teaches you how to create websites that adjust to any screen size using HTML5 and CSS3. With 1.5 hours of lectures, learn image optimization, media queries, and backward compatibility. Perfect for web developers and designers aiming to build flexible and quick-loading sites.

Key Points

  • Optimize webpages for all screen sizes.
  • Use HTML5, CSS3, and media queries.
  • Image optimization and slicing with Photoshop.
  • Design adaptations for various devices.
  • Build compatible websites for old and new browsers.

Learning Outcomes

  • Design responsive websites for any device.
  • Enhance site performance with image optimization.
  • Ensure browser compatibility across various platforms.

About This Course

Learn how to optimize your webpages for different screen sizes and platforms.

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, it's important that, as a website designer, you know how to create a site that will conform to any screen size. Today's 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 that's 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, you'll learn all that you need to know to create a dazzling website using CSS3 and HTML5. You'll 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, you'll be confident in your abilities to design a customized website that's optimized to work on any computer or mobile device. From the creation of CSS files to the design of a site's layout, text, and graphics, you'll be fully versed in launching a site that's going to appear just as you intended, regardless of what screen your visitors will be using.

  • Learn CSS3 media queries.

  • Integrate Google's HTML5 Shiv JavaScript.

  • Make CSS rules specifically for Internet Explorer.

Course Curriculum

Instructor

Profile photo of Chris Converse
Chris Converse

Chris has 30 years experience in graphic, animation, and interactive design, with a unique focus on both design and development. He earned his BFA in Graphic Design at the Rochester Institute of Technology (R•I•T), and has continued to study the landscape of design and its crossroads with various technologies. In addition to design and development, Chris has authored a wide...

Review
4.9 course rating
4K ratings
ui-avatar of PavanWadikar
Pavanwadikar
2.5
7 months ago

Talks about most of stuffs that are outdated but helpful for beginners.

  • Helpful
  • Not helpful
ui-avatar of Paul Olayemi
Paul O.
5.0
7 months ago

it was awesome

  • Helpful
  • Not helpful
ui-avatar of Roberto McGhie
Roberto M.
1.0
9 months ago

Maybe I got the wrong impression when purchasing this course, but it is DEFINITELY NOT for beginners. If I did not have a bit of experience with HTML & CSS, I would have been lost from the get go.
Mr. Converse speaks too fast and is going too fast, and offers very little explanation into what he is doing, especially with Photoshop. I would need to take a Photoshop course before I continue this course, and would advise anyone to do the same. I will seek a refund for this, and any other course by Mr. converse that I may have purchased, as I'm well within the 30 days. Maybe it's just me, but I'm highly disappointed.

  • Helpful
  • Not helpful
ui-avatar of Akshitha
Akshitha
5.0
10 months ago

it's very great to learn

  • Helpful
  • Not helpful
ui-avatar of R Pavithra
R P.
5.0
11 months ago

nice !!!

  • Helpful
  • Not helpful
ui-avatar of AdityaMunesar
Adityamunesar
4.5
11 months ago

ok so far

  • Helpful
  • Not helpful
ui-avatar of Roderick Hughey
Roderick H.
5.0
1 year ago

This course taught concepts that are relevant to today's standards and can be used create responsive design in any framework

  • Helpful
  • Not helpful
ui-avatar of B Sharath
B S.
5.0
1 year ago

good

  • Helpful
  • Not helpful
ui-avatar of Tanish G
Tanish G.
4.0
1 year ago

good content

  • Helpful
  • Not helpful
ui-avatar of Surabhi P R
Surabhi P. R.
5.0
1 year ago

It was really amazing tutorial. Thank you!

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses