Please enable JavaScript to use CodeHS


Web Design (Picasso)

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

    17. Description
    18. Objective
    19. 5.7 The Don't Repeat Yourself Principle

    20. Description
    21. Objective
    22. 5.8 Special Selectors

    23. Description
    24. Objective
    25. 5.9 Visibility

    26. Description
    27. Objective
    28. 5.10 Reading Documentation

    29. Description
    30. Objective
    31. 5.11 Using the Inspector

    32. Description
    33. Objective
    34. 5.12 The Box Model

    35. Description
    36. Objective
    37. 5.13 Image Manipulation

    38. Description
    39. Objective
    40. 5.14 Animation

    41. Description
    42. Objective
    43. 5.15 Interaction

    44. Description
    45. Objective
    46. 5.16 Advanced HTML and CSS Quiz

    47. Description
    48. Objective
  6. Project - Tell a Story

    1. 6.1 Project: Tell a Story

    2. Description
    3. Objective
  7. Bootstrap

    1. 7.1 What is Bootstrap?

    2. Description
    3. Objective
    4. 7.2 Getting Started with Bootstrap

    5. Description
    6. Objective
    7. 7.3 Jumbotron Pages

    8. Description
    9. Objective
    10. 7.4 The Bootstrap Grid System

    11. Description
    12. Objective
    13. 7.5 Bootstrap Components

    14. Description
    15. Objective
    16. 7.6 More Bootstrap Components

    17. Description
    18. Objective
    19. 7.7 Navigation Bars

    20. Description
    21. Objective
    22. 7.8 Drop Down Menus

    23. Description
    24. Objective
    25. 7.9 Using Bootstrap Examples

    26. Description
    27. Objective
    28. 7.10 Bootstrap Challenges

    29. Description
    30. Objective
    31. 7.11 Bootstrap Quiz

    32. Description
    33. Objective
  8. Bootstrap Project

    1. 8.1 Bootstrap Project

    2. Description
    3. Objective
  9. Designing User Interfaces

    1. 9.1 Intro to Design Thinking

    2. Description
    3. Objective
    4. 9.2 Empathy

    5. Description
    6. Objective
    7. 9.3 Define

    8. Description
    9. Objective
    10. 9.4 Ideate

    11. Description
    12. Objective
    13. 9.5 Prototype

    14. Description
    15. Objective
    16. 9.6 Test

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

    20. Description
    21. Objective
  10. Final Project

    1. 10.1 Final Web Design Project

    2. Description
    3. Objective
  11. The Internet

    1. 11.1 Getting Started - The Internet

    2. Description
    3. Objective
    4. 11.2 Internet Hardware

    5. Description
    6. Objective
    7. 11.3 Internet Addresses

    8. Description
    9. Objective
    10. 11.4 DNS

    11. Description
    12. Objective
    13. 11.5 Routing

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

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

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

    23. Description
    24. Objective
  12. Design Research Project

    1. 12.1 Design Research Project

    2. Description
    3. Objective