HTML5 + CSS3 Responsive Web Design

Master adaptive web design with HTML5 & CSS3. Learn wireframing, graphics application, and responsive coding with expert guidance from Geoff Blake.

  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

Get ready to dive into the fun of creating responsive web designs! With Geoff Blake, you'll explore HTML5 and CSS3, learn to design in Illustrator and Photoshop, and code your way to three stunning designs that look great on any device. Easy-peasy!

Key Points

  • Learn adaptive web design with HTML5 & CSS3.
  • Build wireframe responsive designs in Adobe Illustrator.
  • Apply graphics using Photoshop.
  • Use CSS3 media queries for different devices.
  • Create three responsive designs that adapt to any screen size.

Learning Outcomes

  • Understand the basics of responsive web design.
  • Successfully create wireframe designs.
  • Utilize media queries for optimal display on different devices.
  • Extract and incorporate graphics from Photoshop into web designs.
  • Develop the skills to build beautiful, adaptive web layouts.

About This Course

Leap into the world of adaptive web design with HTML5 & CSS3 Responsive Web Design!

With Geoff Blake as your guide, you'll learn how to build wireframe responsive designs in Adobe Illustrator, apply design and graphics to them in Photoshop, and then rebuild the designs in code. Discover the power of CSS3's media queries to target various devices and resolutions, including mobile, tablet, and desktop browsers. Learn how to extract Photoshop content for use in your designs, insert it with modern HTML5, and control it with a variety of CSS3 techniques. By the end of this VTC course, you'll have three beautiful designs, each one displaying automatically depending on the device being used to view it. This title is a self-paced software training course delivered via pre-recorded video. We do not provide additional information outside of the posted content.

Work files for this course can be downloaded from the first lecture.

  • By the end of this VTC course, you'll have three beautiful designs, each one displaying automatically depending on the device being used to view it.

Course Curriculum

1 Lectures

1 Lectures

Instructor

Profile photo of VTC Software Training
VTC Software Training

VTC is one of the world's leading producers of online computer and software training, supplying richly diverse courses of informative and inspiring tutorials. Created on the idea that anyone should have the ability to learn to use computer software on their own time, VTC has produced tens of thousands of hours of extraordinarily valuable, insightful, and easy to follow tutorials...

Review
4.9 course rating
4K ratings
ui-avatar of Murali Mohan
Murali M.
4.0
10 years ago

I think it's a good course for those who want to start a career in responsive web designing. The way approached to the content is appreciable. An excellent description can be found in this course. The style of narration and the coding samples are capable enough to grasp to those who watching the video.
But, there is one more portion to be added to the course, for large displays. I mean, the three screens are not enough in the real world. Something is really disappointing is there is no mention about the large screens(iMac and other widescreen monitors are available in the market).

  • Helpful
  • Not helpful
ui-avatar of Jim Schneidereit
Jim S.
5.0
11 years ago

Taking you through the three different stages of web design as defined by this class (structure, design and code) was extremely helpful, while learning how to make a great responsive website, the instructor also teaches you many different techniques in both illustrator and photoshop, and because of this is more bang for your buck.

The instructor is very cheerful and engaging as well, the course zipped by.

The only issue I found was that I could not find the files he was using and he seemed to imply that they were available, It wasn't a big deal though I just used files I made myself and everything worked out fine.

  • Helpful
  • Not helpful
ui-avatar of R.D. Harles
R.d. H.
5.0
11 years ago

This is a great class. One of the strengths was the design portion (1st half of the class) learning and understanding how to use Illustrator and Photoshop to layout and design a web page. It also gives you and in depth look into understanding and coding with CSS, which is critical to the look and feel of your web pages. The relationship between HTML5 and CSS3 was laid out well and easy to understand. Lastly, this class went a long way in allowing me to understand Responsive Web Design and what it takes to make it happen.
Nicely done Geoff!

  • 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