Web Design with HTML and CSS Digital Classroom
by Jeremy Osborn, Jennifer Smith, AGI Creative Team

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.
![]() |
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. ...
