Skip to content

CS Discoveries, 09-16-2025, Lesson 8: Using Images & Lesson 9: Styling Elements with CSS

Published on
  1. THIS VIDEO REVIEWS THE MOST IMPORTANT CONTENT COVERED IN CLASS TODAY!
  2. Objective:
    1. Students will add images to their websites to show they understand how to manage image HTML and CSS code.
  3. Warm-Up:
    1. Add the following HTML code to your notes:
    2. Add the following CSS code to your notes:
  4. Warm-Ups are usually a 5 point Independent Work grade if a written response is expected, or a 5 point Assessment grade if the Warm-Up is a quiz. They are due at the start of class and not eligible for late submission or re-submission.
  1. Computer Setup
    1. VS Codium
    2. Code.org
  2. Deadlines: (Content is subject to change due to various factors including All-Major days and inclement weather days.)

    1. Warm-Ups: Due daily
    2. Week 1 Assignments Due 08-28 (2 days)
      1. Lesson 1: Exploring Web Pages
      2. Lesson 2: Intro to HTML
      3. Week 1 Exit Ticket
    3. Week 2 Assignments Due 09-04 (2 days)
      1. Lesson 3: Headings and Lists
      2. Lesson 4: Digital Footprint
      3. Week 2 Exit Ticket
    4. Week 3 Assignments Due 09-12 (3 days)
      1. Lesson 5: Mini-Project: HTML Web Page
      2. Lesson 6: Styling Text with CSS
      3. Lesson 7: Intellectual Property
      4. Week 3 Exit Ticket
    5. Week 4 Assignments Due 09-18 (2 days)
        1. Lesson 8: Using Images
        2. Lesson 9: Styling Elements with CSS (Same link as Lesson 8)
        3. Grading Rubric:
          • 6 pts: Screenshots uploaded showing code on one side and how the code looks in a web browser on the other side.
          • 1 pt: Webpage uses style.css to have a background color other than white with minimal errors.
          • 1 pt: Webpage uses style.css to have all the text be a color other than the default with minimal errors.
          • 1 pt: Webpage uses style.css to have ALL images go to the right of the page with minimal errors.
          • 1 pt: Webpage's images are properly named, HTML code includes alt tags with minimal errors.
          • -10 pts: Any screenshot includes an image that was not used with permission. (A missing citation = a missing grade.)
        4. Permitted image sources (provided a citation is included):
      1. Week 4 Exit Ticket
    6. Week 5 Assignments Due 09-25 (2 days)
      1. Lesson 10: Mini-Project: Adding Style to a Web Page
      2. Lesson 11: CSS Classes
      3. Week 5 Exit Ticket
    7. Week 6 Assignments Due 10-01 (2 days)
      1. Lesson 12: Organizing Content with Flexbox
      2. Lesson 13: Flexbox Children for More Control
      3. Week 6 Exit Ticket
    8. Week 7 Assignments Due 10-10 (3 days)
      1. Lesson 14: Chapter 1 Project
      2. Lesson 16: Sources and Research
      3. Lesson 17: Linking Pages
      4. Week 7 Exit Ticket
    9. Week 8 Assignments Due 10-16 (2 days)
      1. Lesson 18: CSS Pseudo-classes
      2. Lesson 19: Planning a Multi-Page Site
      3. Week 8 Exit Ticket
    10. Week 9 Assignments Due 10-23 (2 days)
      1. Lesson 20: Project - Website for a Purpose (begin)
      2. Week 9 Exit Ticket
    11. Week 10 Assignments Due 01-21 (3 days)
      1. Lesson 20: Project - Website for a Purpose (finish)
      2. Lesson 21: Peer Review and Final Touches
  3. Exit Ticket
    1. This week's exit ticket will not "go live" today, because how are you going to say what you did all week when it's the first day?
    2. 4 pts Proofread your work.
      3 pts What did you accomplish in CS Discoveries this week?
      3 pts What did you learn in CS Discoveries this week?
    3. NOTE: If you do not describe WHAT you did, saying you worked on it is not enough information to earn credit.
      1. Bad Example: "I completed Unit 2 Lesson 1" says nothing about what you did or learned. Describe what you did and what you learned as if to someone who does not have access to the course materials.
    4. Exit Tickets are always 10 point Classwork grades and not eligible for late submission or re-submission. They are due during the last 10 minutes of the last class of the week.