Web Design (Picasso) [2022]

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

   • 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 Combining CSS Selectors

    • Lesson Plan
17. Description
18. Objective

19. 5.7 The Don't Repeat Yourself Principle

    • Lesson Plan
20. Description
21. Objective

22. 5.8 Special Selectors

    • Lesson Plan
23. Description
24. Objective

25. 5.9 Visibility

    • Lesson Plan
26. Description
27. Objective

28. 5.10 Reading Documentation

    • Lesson Plan
29. Description
30. Objective

31. 5.11 Using the Inspector

    • Lesson Plan
32. Description
33. Objective

34. 5.12 The Box Model

    • Lesson Plan
35. Description
36. Objective

37. 5.13 Image Manipulation

    • Lesson Plan
38. Description
39. Objective

40. 5.14 Animation

    • Lesson Plan
41. Description
42. Objective

43. 5.15 Interaction

    • Lesson Plan
44. Description
45. Objective

46. 5.16 Advanced HTML and CSS Quiz

    • Lesson Plan
47. Description
48. Objective

6. Project - Tell a Story

1. 6.1 Project: Tell a Story

   • Lesson Plan
2. Description
3. Objective

7. Bootstrap

1. 7.1 What is Bootstrap?

   • Lesson Plan
2. Description
3. Objective

4. 7.2 Getting Started with Bootstrap

   • Lesson Plan
5. Description
6. Objective

7. 7.3 Jumbotron Pages

   • Lesson Plan
8. Description
9. Objective

10. 7.4 The Bootstrap Grid System

    • Lesson Plan
11. Description
12. Objective

13. 7.5 Bootstrap Components

    • Lesson Plan
14. Description
15. Objective

16. 7.6 More Bootstrap Components

    • Lesson Plan
17. Description
18. Objective

19. 7.7 Navigation Bars

    • Lesson Plan
20. Description
21. Objective

22. 7.8 Drop Down Menus

    • Lesson Plan
23. Description
24. Objective

25. 7.9 Using Bootstrap Examples

    • Lesson Plan
26. Description
27. Objective

28. 7.10 Bootstrap Challenges

    • Lesson Plan
29. Description
30. Objective

31. 7.11 Bootstrap Quiz

    • Lesson Plan
32. Description
33. Objective

8. Bootstrap Project

1. 8.1 Bootstrap Project

   • Lesson Plan
2. Description
3. Objective

9. Designing User Interfaces

1. 9.1 Intro to Design Thinking

   • Lesson Plan
2. Description
3. Objective

4. 9.2 Empathy

   • Lesson Plan
5. Description
6. Objective

7. 9.3 Define

   • Lesson Plan
8. Description
9. Objective

10. 9.4 Ideate

    • Lesson Plan
11. Description
12. Objective

13. 9.5 Prototype

    • Lesson Plan
14. Description
15. Objective

16. 9.6 Test

    • Lesson Plan
17. Description
18. Objective

19. 9.7 Designing User Interfaces Quiz

    • Lesson Plan
20. Description
21. Objective

10. Final Project

1. 10.1 Final Web Design Project

   • Lesson Plan
2. Description
3. Objective

11. Midterm

1. 11.1 Midterm

   • Lesson Plan
2. Description
3. Objective

12. The Internet

1. 12.1 Getting Started - The Internet

   • Lesson Plan
2. Description
3. Objective

4. 12.2 Internet Hardware

   • Lesson Plan
5. Description
6. Objective

7. 12.3 Internet Addresses

   • Lesson Plan
8. Description
9. Objective

10. 12.4 DNS

    • Lesson Plan
11. Description
12. Objective

13. 12.5 Routing

    • Lesson Plan
14. Description
15. Objective

16. 12.6 Packets and Protocols

    • Lesson Plan
17. Description
18. Objective

19. 12.7 The Impact of the Internet

    • Lesson Plan
20. Description
21. Objective

22. 12.8 The Internet Quiz

    • Lesson Plan
23. Description
24. Objective

13. Design Research Project

1. 13.1 Design Research Project

   • Lesson Plan
2. Description
3. Objective