Day 27 (WC)

Lesson 4: Headings

Web Lab

Overview

In this lesson, students continue to use HTML to structure text on web pages, this time with headings. Students learn how the different heading elements are displayed by default and practice using them to create page and section titles. Students then start to decide how they will organize their content on their own personal web pages. In the last level, students begin the project that they will continue to work on throughout the unit.

Objectives

Students will be able to:

  • Use heading tags to change the appearance of text on a web page.
  • Structure content into headings, subheadings, and paragraphs.

Vocabulary

  • Heading – A title or summary for a document or section of a document.

Introduced Code

Warm Up (5 minutes)

Tags Poster

  1. Get into groups of three to four students.
  2. Have students make a T-chart on a blank page in their journals and label the top “HTML Tags”
  3. Yesterday, you learned about HTML, the language of the World Wide Web. HTML uses tags to structure content on web pages. In your groups, think of as many tags as you remember and what they do. Discuss with one another and record your ideas in your journals (or alternately prepare to share on the shared class poster). Afterwards quickly share across the room to make sure all groups have listed all tags.
  4. As we learn more HTML tags, we’ll be keeping track of them so we’ll have a reference as we make our web pages.

Activity (45 minutes)

Pair Programming

  1. Get with a partner
  2. We’re going to be working on Web Lab again today, but this time we’ll be using pair programming. Pair programming helps people make better programs by working together, but there are some rules we have to follow to make sure it goes well.
  3. Watch the Pair Programming video together
  4. Rules for pair programming:
    1. There is only one computer.
    2. The driver is the only one to touch the keyboard/mouse.
    3. The navigator should look for problems in the code and keep track of the high-level plan.
    4. Both driver and navigator should be communicating constantly.
    5. Driver and navigator must switch when the teacher indicates, typically every couple minutes.

Web Lab: Headings

  1. You and your partner go to Code Studio and both log in using the “Pair Programming” feature.
  2. Be sure to switch driver and navigator every three minutes.

Wrap Up (5 minutes)

Journal

  1. Update your “HTML Tags” log with the heading tags you learned in this lesson.
  2. Reflect on your development of the Five Practices of CS Discoveries (Problem Solving, Persistence, Creativity, Collaboration, Communication). Choose to do one of the following prompts.
    1. Choose one of the five practices in which you believe you demonstrated growth in this lesson. Write something you did that exemplified this practice.
    2. Choose one practice you think you can continue to grow in. What’s one thing you’d like to do better?
    3. Choose one practice you thought was especially important for the activity we completed today. What made it so important?

Leave a Reply

Your email address will not be published. Required fields are marked *