Please enable JavaScript to use CodeHS


Web Design (Matisse)

Lessons

  1. Getting Started - What is the Web?

    1. 1.1 Welcome

    2. Description
    3. Objective
    4. 1.2 The Internet

    5. Description
    6. Objective
    7. 1.3 Browsers

    8. Description
    9. Objective
    10. 1.4 Viewing Websites

    11. Description
    12. Objective
    13. 1.5 Getting Started - What is the Web? Quiz

    14. Description
    15. Objective
  2. HTML - Structuring Websites

    1. 2.1 Introduction to HTML

    2. Description
    3. Objective
    4. 2.2 Structure of an HTML Page

    5. Description
    6. Objective
    7. 2.3 Formatting Text

    8. Description
    9. Objective
    10. 2.4 Links

    11. Description
    12. Objective
    13. 2.5 Images

    14. Description
    15. Objective
    16. 2.6 Copyright

    17. Description
    18. Objective
    19. 2.7 HTML Lists

    20. Description
    21. Objective
    22. 2.8 HTML Tables

    23. Description
    24. Objective
    25. 2.9 HTML Styling

    26. Description
    27. Objective
    28. 2.10 HTML Colors

    29. Description
    30. Objective
    31. 2.11 HTML - Structuring Websites Quiz

    32. Description
    33. Objective
  3. CSS - Styling Websites

    1. 3.1 Introduction to CSS

    2. Description
    3. Objective
    4. 3.2 CSS Select by Tag

    5. Description
    6. Objective
    7. 3.3 CSS Select by Class

    8. Description
    9. Objective
    10. 3.4 CSS Select by ID

    11. Description
    12. Objective
    13. 3.5 The Cascade

    14. Description
    15. Objective
    16. 3.6 CSS - Styling Websites Quiz

    17. Description
    18. Objective
  4. Project - Create Your Homepage

    1. 4.1 Homepage: Your First Website

    2. Description
    3. Objective
  5. Advanced HTML and CSS

    1. 5.1 Getting Started - Advanced HTML and CSS

    2. Description
    3. Objective
    4. 5.2 Multi-file Websites

    5. Description
    6. Objective
    7. 5.3 Embedding iframes

    8. Description
    9. Objective
    10. 5.4 Divs

    11. Description
    12. Objective
    13. 5.5 Spans

    14. Description
    15. Objective
    16. 5.6 Semantic Tags

    17. Description
    18. Objective
    19. 5.7 Combining CSS Selectors

    20. Description
    21. Objective
    22. 5.8 The Don't Repeat Yourself Principle

    23. Description
    24. Objective
    25. 5.9 Special Selectors

    26. Description
    27. Objective
    28. 5.10 Visibility

    29. Description
    30. Objective
    31. 5.11 Reading Documentation

    32. Description
    33. Objective
    34. 5.12 Using the Inspector

    35. Description
    36. Objective
    37. 5.13 The Box Model

    38. Description
    39. Objective
    40. 5.14 Image Manipulation

    41. Description
    42. Objective
    43. 5.15 Animation

    44. Description
    45. Objective
    46. 5.16 Interaction

    47. Description
    48. Objective
    49. 5.17 Advanced HTML and CSS Quiz

    50. Description
    51. Objective
  6. Designing User Interfaces

    1. 6.1 Intro to Design Thinking

    2. Description
    3. Objective
    4. 6.2 Empathy

    5. Description
    6. Objective
    7. 6.3 Define

    8. Description
    9. Objective
    10. 6.4 Ideate

    11. Description
    12. Objective
    13. 6.5 Prototype

    14. Description
    15. Objective
    16. 6.6 Test

    17. Description
    18. Objective
    19. 6.7 Designing User Interfaces Quiz

    20. Description
    21. Objective
  7. Final Project

    1. 7.1 Final Web Design Project

    2. Description
    3. Objective
  8. The Internet

    1. 8.1 Getting Started - The Internet

    2. Description
    3. Objective
    4. 8.2 Internet Hardware

    5. Description
    6. Objective
    7. 8.3 Internet Addresses

    8. Description
    9. Objective
    10. 8.4 DNS

    11. Description
    12. Objective
    13. 8.5 Routing

    14. Description
    15. Objective
    16. 8.6 Packets and Protocols

    17. Description
    18. Objective
    19. 8.7 The Impact of the Internet

    20. Description
    21. Objective
    22. 8.8 The Internet Quiz

    23. Description
    24. Objective
  9. Design Research Project

    1. 9.1 Design Research Project

    2. Description
    3. Objective