Lesson 1: Planning Your Website

In this lesson, you’ll learn how to improve your website by clearly defining what you want the site to do during the planning process.

What you’ll learn in this lesson:

• Defining the goals of web design

• Defining the user experience

• Understanding the difference between wireframes, prototypes, and mockups

Starting up

This lesson does not use any lesson files, so you do not need to load any files before starting this lesson.


See Lesson 1 in action!

Use the accompanying video to gain a better understanding of how to use some of the features shown in this lesson. You can find the video tutorial for this lesson at www.digitalclassroombooks.com using the URL provided when you registered your book.

The goals of web design

To understand how to create well designed websites, it is worth understanding the fundamentals of design. Good design creates experiences that makes people’s lives easier, and is also aesthetically pleasing. Here are some examples: a well-designed store makes it easy for customers to find products they are looking for, or maybe even products they never knew they wanted. Drivers can see well-designed road signs from a distance and the message of the sign can be immediately understood, even at a high rate of speed while driving. ...

Get Web Design with HTML and CSS Digital Classroom now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.