By the end of this lesson, you will:
:information_source: Web design is the process of creating websites. It combines creativity with technical skills to build pages that people can view and interact with on the internet.
Creating websites involves two main parts:
The history of WWW
The web has evolved through three major versions:
Web Version | Type of Website | Type of Content | Published by | Portability | Example |
---|---|---|---|---|---|
Web 1.0 | Read-only web | Static content | Companies | Low (desktop computers only) | Personal websites |
Web 2.0 | Read-write interactive web | Dynamic content | People (users) | Medium (mobile devices) | Blogs, Facebook |
Web 3.0 | Read-write intelligent web | Smart, consolidated content | Apps that help people interact | High (all devices) | Wolfram Alpha |
:memo: Note In this course, we'll start by building Web 1.0 style static web pages. Then we'll make them responsive so they work beautifully on phones, tablets, and computers!
Understanding the difference between a website and a web page is important:
Feature | Website | Web Page |
---|---|---|
What is it? | A collection of many web pages linked together | A single document you can view in your browser |
Development Time | Takes longer to build (many pages) | Quicker to create (just one page) |
Example | Facebook.com (entire site) | Your Facebook profile page (one page) |
Web page is a subset of Website.
:bulb: Tip Think of a website like a book, and web pages like individual pages in that book. You need many pages to make a complete book!
Let's recap what we've learned:
Code with AI: Explore the possibilities!
Try these prompts to deepen your understanding:
Your Turn! Think about your favorite website:
Share your observations with your classmates!