Please enable JavaScript to use CodeHS

Web Design (Dali) - Outline

  1. HTML - Structuring Websites

    1. 1.1 Introduction to HTML

    2. Video 1.1.1 Introduction to HTML
    3. Check for Understanding 1.1.2 Introduction to HTML Quiz
    4. Example 1.1.3 Our First HTML Page
    5. Exercise 1.1.4 Say Hello!

    6. 1.2 Structure of an HTML Page

    7. Video 1.2.1 Structure of an HTML Page
    8. Check for Understanding 1.2.2 Structure of an HTML Page Quiz
    9. Example 1.2.3 HTML Template
    10. Example 1.2.4 Hello World Page
    11. Example 1.2.5 Using Comments
    12. Exercise 1.2.6 The <title> Tag
    13. Exercise 1.2.7 Your First HTML Page

    14. 1.3 Formatting Text

    15. Video 1.3.1 Formatting Text
    16. Check for Understanding 1.3.2 Formatting Text Quiz
    17. Example 1.3.3 Dictionary
    18. Exercise 1.3.4 Word Definitions
    19. Exercise 1.3.5 Pet Names
    20. Exercise 1.3.6 Call of the Wild
    21. Badge 1.3.7 Formatting Badge

    22. 1.4 Links

    23. Video 1.4.1 Links
    24. Check for Understanding 1.4.2 Links Quiz
    25. Example 1.4.3 The <a> Tag
    26. Exercise 1.4.4 Bookmarks
    27. Exercise 1.4.5 Encyclopedias

    28. 1.5 Images

    29. Video 1.5.1 Images
    30. Check for Understanding 1.5.2 Images Quiz
    31. Example 1.5.3 The <img> Tag
    32. Example 1.5.4 Building the CodeHS Homepage
    33. Exercise 1.5.5 Collage on a Theme
    34. Exercise 1.5.6 Linking an Image
    35. Exercise 1.5.7 National Parks

    36. 1.6 HTML Lists

    37. Video 1.6.1 HTML Lists
    38. Check for Understanding 1.6.2 HTML Lists Quiz
    39. Example 1.6.3 Grocery Shopping
    40. Exercise 1.6.4 Class Planning
    41. Exercise 1.6.5 Dream Destinations
    42. Exercise 1.6.6 Vacation Guides

    43. 1.7 HTML Tables

    44. Video 1.7.1 HTML Tables
    45. Check for Understanding 1.7.2 HTML Tables Quiz
    46. Example 1.7.3 Address Book
    47. Exercise 1.7.4 National Sports
    48. Exercise 1.7.5 Table of Favorites

    49. 1.8 HTML Styling

    50. Video 1.8.1 HTML Styling
    51. Check for Understanding 1.8.2 HTML Styling Quiz
    52. Example 1.8.3 Stylish Address Book
    53. Exercise 1.8.4 Background Colors
    54. Exercise 1.8.5 Style Your Class List
    55. Badge 1.8.6 Styling Badge

  2. CSS - Styling Websites

    1. 2.1 Introduction to CSS

    2. Video 2.1.1 Introduction to CSS
    3. Check for Understanding 2.1.2 Introduction to CSS Quiz
    4. Example 2.1.3 Styling your H1s
    5. Exercise 2.1.4 First style with CSS
    6. Exercise 2.1.5 List Styling
    7. Exercise 2.1.6 Endangered Animals: Skeleton

    8. 2.2 CSS Select by Tag

    9. Video 2.2.1 CSS Select by Tag
    10. Check for Understanding 2.2.2 CSS Select by Tag Quiz
    11. Example 2.2.3 Rainbow
    12. Example 2.2.4 Puppy Styling
    13. Exercise 2.2.5 Set List
    14. Exercise 2.2.6 Your Appliance Recommendations
    15. Exercise 2.2.7 Endangered Animals: Style the Headers

    16. 2.3 CSS Select by Class

    17. Video 2.3.1 CSS Select by Class
    18. Check for Understanding 2.3.2 CSS Select by Class Quiz
    19. Example 2.3.3 Simple Checkerboard
    20. Exercise 2.3.4 Swim Meet
    21. Exercise 2.3.5 Favorite Things
    22. Exercise 2.3.6 Endangered Animals: Add Color Coding

    23. 2.4 CSS Select by ID

    24. Video 2.4.1 CSS Select by ID
    25. Check for Understanding 2.4.2 CSS Select by ID Quiz
    26. Example 2.4.3 Logo
    27. Exercise 2.4.4 Must Do Today!
    28. Exercise 2.4.5 Lomeli's Menu
    29. Exercise 2.4.6 Endangered Animals: Add Pictures
    30. Badge 2.4.7 Selector Badge

  3. Project - Create Your Homepage

    1. 3.1 Homepage: Your First Website

    2. Example 3.1.1 Example Homepage
    3. Connection 3.1.2 Real World Homepage
    4. Challenge 3.1.3 Set Up Your codehs.me Website
    5. Challenge 3.1.4 Create Your Homepage
    6. Badge 3.1.5 Create Your Homepage Badge