Skip to content

Category: CSDiscoveries, Smith

Published on
  1. Objective:
    1. Students will continue writing simple code to explore the complexity and simplicity of coding HTML.
  2. 11:50-12:00: Start of Class
    1. Warm-Up:
      1. In your Google Doc from Week 1, paste the following vocabulary under the heading of "Vocabulary."
        • Heading - A title or summary for a document or section of a document.
        • List - allows web developers to group a set of related items
      2. In that same Google Doc, paste the following code under the heading of "HTML Code."
      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 3: Headings and Lists
      1. This video shows the code needed.
      2. Open your index.html file from Lesson 2 in a text editor.
      3. All the work done today should be between the <body></body> tags. Don't work outside of them unless you are fixing a mistake from Lesson 2.
      4. If you copied the sample from Lesson 2, you already have a set of h1 tags for your page title. Change the title if you've thought of something better, but leave the tags as they are.
      5. Add a subheading or two to your page. These should NOT be h1, save that for your page title.
        1. The higher the number, the smaller the heading text.
        2. h4 will have the text be the same size as standard text, just bold. Use this sparingly. h2 and h3 are far more commonly used.
        3. A heading beginning with <h2> MUST end with </h2>. If the numbers don't match, the heading doesn't end.
      6. Add a list using the code shared for your notes today.
        1. Lists begin and end with ol or ul tags, for ordered (numbered) lists or unordered (bullet point) lists. These tags are only used once per list.
        2. Each line item of a list begins and ends with li (line item) tags. These are used regardless of if it's an ordered or unordered list.
        3. Don't use <li> where you're supposed to use <ol> or <ul>! This is the most common mistake made in this lesson.
        4. Every line item needs to end with </li>, and an ordered list needs to end with </ol> while an unordered list needs to end with </ul>! THese are the 2nd and 3rd most common mistakes made in this lesson.
      7. Frequently save your changes! If you see a dot near the file name at the top of the editor window, you have unsaved changes that will be lost if you close the document!
        1. Every time you save your work it's a good idea to refresh your browser window to see how the code renders.
      8. Go to Canvas to upload your saved work as Exit Ticket 2.
        1. It's true that Exit Ticket 2 is not due until Friday, but it's a good idea to have an upload of current work JUST IN CASE.
      9. Grading Rubric
        1. 5 pts: A single HTML file named "index.html" has been uploaded to the proper Exit Ticket.
        2. 3 pts: Code includes more than one heading size and at least one list (numbered or bullet points).
        3. 2 pts: All content is contained in tags and is between the <body></body> tags.
    • 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) (8/31, 9/02, 9/04)
        1. Lesson 3: Headings and Lists
        2. Lesson 4: Digital Footprint
        3. Lesson 5: Mini-Project: HTML Web Page
        4. Lesson 6: Styling Text with CSS
        5. Week 2 Exit Ticket
      3. Week 3 Assignments Due 09-11 (2 days)
        1. Lesson 7: Intellectual Property
        2. Lesson 8: Using Images
        3. Week 3 Exit Ticket
      4. Week 4 Assignments Due 09-18 (2 days)
        1. Lesson 9: Styling Elements with CSS
        2. 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 11: CSS Classes
        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 16: Sources and Research
        3. Week 6 Exit Ticket
      7. Week 7 Assignments Due 10-09 (3 days)
        1. Lesson 10: Mini-Project: Adding Style to a Web Page
        2. Lesson 12: Organizing Content with Flexbox
        3. Lesson 13: Flexbox Children for More Control
        4. Lesson 17: Linking Pages
        5. Week 7 Exit Ticket
      8. Week 8 Assignments Due 10-15 (2 days)
        1. Lesson 18: CSS Pseudo-classes
        2. Lesson 19: Planning a Multi-Page Site
        3. Week 8 Exit Ticket
      9. Week 9 Assignments Due 10-22 (2 days)
        1. Lesson 20: Project - Website for a Purpose (begin)
        2. Lesson 20: Project - Website for a Purpose (finish)
        3. 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
  4. 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.