E-Learning Course Outline for Making Responsive Web Design


Students will learn how to build a complete responsive web site from scratch. The course will focus on planning, workflow and implementation. By the end of the semester, students will have a responsive web site to add to their portfolio.

Required Text


Sufficient skills of HTML and CSS are required. If you need to catch up on HTML and CSS, read HTML5 for Web Designers by Jeremy Keith and The Book of CSS3 by Peter Gasston.


Week 1: Why Responsive Design?

Week 2: Planning

Week 3: Web Site Proposal

Students will present their ideas to class on the responsive web site they would like to build. The presentation will take place on Google Hangout.

Week 4: Content Strategy

Week 5: Workflow

Week 6: Web Site Mockup

Students will present their mockup to the class using the browser. Students will also get feedback from their classmates and instructor. The presentation will take place on Google Hangout.

Week 7: Mobile First

Week 8: Layout

Week 9: Media

Week 10: Media Queries

Week 11: Design Critique

Students should have a working site that is closed to the final product for review and critique.

Week 12: Preprocessors

Week 13: Pollyfills

Week 14: Performance

Week 15: Final Project Due