YoVDO

Responsive Web Design: Learn to Design a Responsive Landing Page

Offered By: Skillshare

Tags

Web Design Courses Computer Science Courses Typography Courses HTML Courses Wireframing Courses Responsive Web Design Courses

Course Description

Overview

Web Designers, UX Designers, and Developers anxious to learn the fundamentals of responsive design, this is the class for you.

In this class, you’ll learn the fundamentals of responsive design. You will walk through the steps needed to create a mobile-first site or web-app, how to prepare your design files, techniques for adjusting content and layout, and even a basic introduction to how this translates to HTML and CSS.

What You'll Learn

  • Principles of Responsive Design. You'll learn the fundamentals of Responsive Design, why it's important, how it can benefit your audience, and even improve your designs.
  • Laying the Foundation. We'll walkthrough the development of wireframes for a responsive website
  • Applying Your Design. From wireframe to mockup, you'll be using typography, hidden elements, and margins to your advantage.
  • Design to Development (Optional). Learn how to use HTML and CSS to manipulate your site's structure and content. 

What You’ll Make
As a final project, students will submit a single-page design for a website promoting your favorite band or movie. The availability of high-quality photographs, posters and even videos for bands or movies, makes an ideal candidate for visually rich and engaging websites.

Your responsive landing page will be designed to fit at least 3 screen sizes – mobile, tablet, and laptop. Ambitious students can take their project beyond, creating additional designs to fit widescreen monitors or even convert their designs to a functioning website.

This is a design-focused course, though a basic introduction to responsive development will be presented for those students eager to bring their designs to life.


Syllabus

  • Principles of Responsive Design
  • Design The Foundation (Part 1 of 2)
  • Design The Foundation (Part 2 of 2)
  • Designing for a Responsive Website (Part 1 of 2)
  • Designing for a Responsive Website (Part 2 of 2)
  • Design to Development

Taught by

John Ashenden

Related Courses

Responsive Web Design Fundamentals
Google via Udacity
Introduction to Bootstrap - A Tutorial
Microsoft via edX
Responsive Images
Udacity
Responsive Website Basics: Code with HTML, CSS, and JavaScript
University of London International Programmes via Coursera
Responsive Web Design
University of London International Programmes via Coursera