Utah Web Development 1

Lessons

1. The Internet

1. 1.1 Welcome to the Internet

   • Lesson Plan
2. Description
3. Objective

4. 1.2 Viewing Websites

   • Lesson Plan
5. Description
6. Objective

7. 1.3 Digital Footprint and Reputation

   • Lesson Plan
8. Description
9. Objective

10. 1.4 Ethics and Legal Considerations

    • Lesson Plan
11. Description
12. Objective

13. 1.5 Cybersecurity

    • Lesson Plan
14. Description
15. Objective

16. 1.6 Computer Science Careers

    • Lesson Plan
17. Description
18. 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 Multi-file Websites

    • Lesson Plan
17. Description
18. Objective

19. 3.7 What is Web Optimization?

    • Lesson Plan
20. Description
21. Objective

22. 3.8 CSS - Styling Websites Quiz

    • Lesson Plan
23. Description
24. Objective

4. Advanced HTML and CSS

1. 4.1 Getting Started - Advanced HTML and CSS

   • Lesson Plan
2. Description
3. Objective

4. 4.2 Embedding iframes

   • Lesson Plan
5. Description
6. Objective

7. 4.3 Divs

   • Lesson Plan
8. Description
9. Objective

10. 4.4 Spans

    • Lesson Plan
11. Description
12. Objective

13. 4.5 Semantic Tags

    • Lesson Plan
14. Description
15. Objective

16. 4.6 Combining CSS Selectors

    • Lesson Plan
17. Description
18. Objective

19. 4.7 The Don't Repeat Yourself Principle

    • Lesson Plan
20. Description
21. Objective

22. 4.8 Special Selectors

    • Lesson Plan
23. Description
24. Objective

25. 4.9 Visibility

    • Lesson Plan
26. Description
27. Objective

28. 4.10 Reading Documentation

    • Lesson Plan
29. Description
30. Objective

31. 4.11 Using the Inspector

    • Lesson Plan
32. Description
33. Objective

34. 4.12 The Box Model

    • Lesson Plan
35. Description
36. Objective

37. 4.13 Image Manipulation

    • Lesson Plan
38. Description
39. Objective

40. 4.14 Animation

    • Lesson Plan
41. Description
42. Objective

43. 4.15 Interaction

    • Lesson Plan
44. Description
45. Objective

46. 4.16 CSS Frameworks

    • Lesson Plan
47. Description
48. Objective

49. 4.17 The CSS Grid Layout

    • Lesson Plan
50. Description
51. Objective

52. 4.18 Web Accessibility

    • Lesson Plan
53. Description
54. Objective

55. 4.19 Advanced HTML and CSS Quiz

    • Lesson Plan
56. Description
57. Objective

5. Project - Create Your Homepage

1. 5.1 Homepage: Your First Website

   • Lesson Plan
2. Description
3. Objective