Web Design (Matisse)

Lessons

1. Getting Started - What is the Web?

1. 1.1 Welcome

   • Lesson Plan
2. Description
3. Objective

4. 1.2 The Internet

   • Lesson Plan
5. Description
6. Objective

7. 1.3 Browsers

   • Lesson Plan
8. Description
9. Objective

10. 1.4 Viewing Websites

    • Lesson Plan
11. Description
12. Objective

13. 1.5 Getting Started - What is the Web? Quiz

    • Lesson Plan
14. Description
15. Objective

2. HTML - Structuring Websites

1. 2.1 Introduction to HTML

   • Lesson Plan
2. Description
3. Objective

4. 2.2 Structure of an HTML Page

   • Lesson Plan
5. Description
6. Objective

7. 2.3 Formatting Text

   • Lesson Plan
8. Description
9. Objective

10. 2.4 Links

    • Lesson Plan
11. Description
12. Objective

13. 2.5 Images

    • Lesson Plan
14. Description
15. Objective

16. 2.6 Copyright

    • Lesson Plan
17. Description
18. Objective

19. 2.7 HTML Lists

    • Lesson Plan
20. Description
21. Objective

22. 2.8 HTML Tables

    • Lesson Plan
23. Description
24. Objective

25. 2.9 HTML Styling

    • Lesson Plan
26. Description
27. Objective

28. 2.10 HTML Colors

    • Lesson Plan
29. Description
30. Objective

31. 2.11 HTML - Structuring Websites Quiz

    • Lesson Plan
32. Description
33. Objective

3. CSS - Styling Websites

1. 3.1 Introduction to CSS

   • Lesson Plan
2. Description
3. Objective

4. 3.2 CSS Select by Tag

   • Lesson Plan
5. Description
6. Objective

7. 3.3 CSS Select by Class

   • Lesson Plan
8. Description
9. Objective

10. 3.4 CSS Select by ID

    • Lesson Plan
11. Description
12. Objective

13. 3.5 The Cascade

    • Lesson Plan
14. Description
15. Objective

16. 3.6 CSS - Styling Websites Quiz

    • Lesson Plan
17. Description
18. Objective

4. Project - Create Your Homepage

1. 4.1 Homepage: Your First Website

   • Lesson Plan
2. Description
3. Objective

5. Advanced HTML and CSS

1. 5.1 Getting Started - Advanced HTML and CSS - Update

   • Lesson Plan
2. Description
3. Objective

4. 5.2 Multi-file Websites

   • Lesson Plan
5. Description
6. Objective

7. 5.3 Embedding iframes

   • Lesson Plan
8. Description
9. Objective

10. 5.4 Divs

    • Lesson Plan
11. Description
12. Objective

13. 5.5 Spans

    • Lesson Plan
14. Description
15. Objective

16. 5.6 Semantic Tags

    • Lesson Plan
17. Description
18. Objective

19. 5.7 Combining CSS Selectors

    • Lesson Plan
20. Description
21. Objective

22. 5.8 The Don't Repeat Yourself Principle

    • Lesson Plan
23. Description
24. Objective

25. 5.9 Special Selectors

    • Lesson Plan
26. Description
27. Objective

28. 5.10 Visibility

    • Lesson Plan
29. Description
30. Objective

31. 5.11 Reading Documentation

    • Lesson Plan
32. Description
33. Objective

34. 5.12 Using the Inspector

    • Lesson Plan
35. Description
36. Objective

37. 5.13 The Box Model

    • Lesson Plan
38. Description
39. Objective

40. 5.14 Image Manipulation

    • Lesson Plan
41. Description
42. Objective

43. 5.15 Animation

    • Lesson Plan
44. Description
45. Objective

46. 5.16 Interaction

    • Lesson Plan
47. Description
48. Objective

49. 5.17 Advanced HTML and CSS Quiz

    • Lesson Plan
50. Description
51. Objective

6. Designing User Interfaces

1. 6.1 Intro to Design Thinking

   • Lesson Plan
2. Description
3. Objective

4. 6.2 Empathy

   • Lesson Plan
5. Description
6. Objective

7. 6.3 Define

   • Lesson Plan
8. Description
9. Objective

10. 6.4 Ideate

    • Lesson Plan
11. Description
12. Objective

13. 6.5 Prototype

    • Lesson Plan
14. Description
15. Objective

16. 6.6 Test

    • Lesson Plan
17. Description
18. Objective

19. 6.7 Designing User Interfaces Quiz

    • Lesson Plan
20. Description
21. Objective

7. Final Project

1. 7.1 Final Web Design Project

   • Lesson Plan
2. Description
3. Objective

8. The Internet

1. 8.1 Getting Started - The Internet

   • Lesson Plan
2. Description
3. Objective

4. 8.2 Internet Hardware

   • Lesson Plan
5. Description
6. Objective

7. 8.3 Internet Addresses

   • Lesson Plan
8. Description
9. Objective

10. 8.4 DNS

    • Lesson Plan
11. Description
12. Objective

13. 8.5 Routing

    • Lesson Plan
14. Description
15. Objective

16. 8.6 Packets and Protocols

    • Lesson Plan
17. Description
18. Objective

19. 8.7 The Impact of the Internet

    • Lesson Plan
20. Description
21. Objective

22. 8.8 The Internet Quiz

    • Lesson Plan
23. Description
24. Objective

9. Design Research Project

1. 9.1 Design Research Project

   • Lesson Plan
2. Description
3. Objective