Skip to content

CS Discoveries Week 4, 09-18-2026, Lesson 11: CSS Classes

Published on
  1. Objective:
    1. Students will add classes to their websites to better customize their CSS code.
  2. 11:50-12:00: Start of Class
    1. Warm-Up:
      1. Begin by taking this quiz on the vocabulary from lessons 1-8.
        1. You can edit answers, so check and see if you get any wrong!
        2. Remember that ALL of my quizzes are open notes!
        3. This will be a 5 point Assessment in Synergy. (Scoring 10/10 will earn 5 points, 9/10 will earn 4.5 points, etc.)
      2. Add the following vocabulary code to your notes:
        • CSS Class - An identifier that allows multiple elements in an HTML document to be styled in the same way
      3. You should have already shared your Google Doc with aaron.smith@pgcps.org so no additional work needs to be done to hand this in.
    2. Warm-Ups are usually a 5 point Independent Work grade if a written response is expected, a 5 point Assessment grade if the Warm-Up is a quiz, or part of a 10 point Notebook Check if they include new vocabulary/code to enter into student notes. They are due at the start of class and not eligible for late submission or re-submission.
  3. 12:00-12:55: Instruction & Student Work
    1. Lesson 11: CSS Classes
      1. This video goes over how to do this.
      2. Grading Rubric:
        • 6 pts: A single HTML file named "index.html," a single CSS file named "style.css," and images intended to be part of the web page have been zipped and uploaded to the proper Exit Ticket.
        • 1 pt: Webpage uses a properly formatted CSS class rule set in style.css.
        • 1 pt: Created CSS class modifies three different tags in the HTML document by selective inclusion of the class="classname" code inside selected HTML tags. (Use the sample website in Code.org as an example.)
        • 1 pt: The three different tags are all part of the same section of the web page.
        • 1 pt: Other sections of the web page are not modified by the CSS class.
        • -10 pts: Any included an image that was not used with permission. (A missing citation = a missing grade.)
    2. Permitted image sources (provided a citation is included):
    3. Today's work will be zipped and handed in using this week's Exit Ticket.
  • Deadlines: (Content is subject to change due to various factors including All-Major days and inclement weather days.)
    1. Week 1 Assignments Due 08-27 (2 days) (8/25, 8/27)
      1. Lesson 1: Exploring Web Pages & Lesson 2: Intro to HTML
      2. Week 1 Exit Ticket
    2. Week 2 Assignments Due 09-04 (3 days 2 days) (8/31, 9/02)
      1. Lesson 3: Headings and Lists
      2. Lesson 4: Digital Footprint
      3. Lesson 5: Mini-Project: HTML Web Page
      4. Lesson 6 postponed by storm.
      5. Week 2 Exit Ticket
    3. Week 3 Assignments Due 09-11 (2 days) (9/09, 9/11)
      1. Lesson 6: Styling Text with CSS
      2. Lesson 7: Intellectual Property
      3. Week 3 Exit Ticket
    4. Week 4 Assignments Due 09-18 (2 days) (9/15, 9/18)
      1. Lesson 8: Using Images & Lesson 9: Styling Elements with CSS
      2. Lesson 11: CSS Classes
      3. Week 4 Exit Ticket
    5. Week 5 Assignments Due 09-25 (2 days)
      1. Lesson 10: Mini-Project: Adding Style to a Web Page
      2. Lesson 16: Sources and Research
      3. Week 5 Exit Ticket
    6. Week 6 Assignments Due 10-01 (1 day)
      1. Note: Sept 29 is an All Major Day!
      2. Lesson 12: Organizing Content with Flexbox
      3. Week 6 Exit Ticket
    7. Week 7 Assignments Due 10-09 (3 days)
      1. Lesson 13: Flexbox Children for More Control
      2. Lesson 17: Linking Pages
      3. Lesson 18: CSS Pseudo-classes
      4. Week 7 Exit Ticket
    8. Week 8 Assignments Due 10-15 (2 days)
      1. Lesson 19: Planning a Multi-Page Site
      2. Lesson 20: Project - Website for a Purpose (begin)
      3. Week 8 Exit Ticket
    9. Week 9 Assignments Due 10-22 (2 days)
      1. Lesson 20: Project - Website for a Purpose (finish)
      2. Week 9 Exit Ticket
    10. Week 10 Assignments Due 10-30 (3 days)
      1. Lesson 21: Peer Review
      2. End of Course Survey
      3. Week 9 Exit Ticket
  • 12:55-1:05: End of Class
    1. Save all work and back it up in Google Drive, as "I couldn't access my project" will not be seen as a valid excuse.
    2. If it's the last A Day of the week, submit the week's Classwork as an Exit Ticket.
    3. Properly shut down your assigned computer and line up, prepared to go to lunch.
    4. Exit Tickets are always 10 point Classwork grades and not eligible for late submission. Exit Tickets handed in on time are eligible for re-submission within 10 calendar days of feedback, with old and new grades averaged. (It is always better to hand in as much as possible on time, even if not complete.) Exit Tickets are due during the last 10 minutes of the last class of the week.