< Unit 2 - Web Development ('22-'23)

Lesson 1: Exploring Web Pages

45 minutes

Overview

Question of the Day: Why do people create web pages?

Every website has a purpose, a reason someone created it and others use it. In this lesson, students will start to consider the purposes a website might serve, both for the users and the creators. Students will explore some sample websites and discuss the purpose they serve for their creators. They are then asked to reflect on reasons that someone might want to create websites.

Purpose

This unit is all about the World Wide Web, with a focus on creating websites for self expression. To start students thinking about why they might want to create a website, they must begin to consider how websites are useful tools for both users and creators. The lesson opens with popular websites because students are familiar with them, but students are asked to narrow their vision to simpler sites that are within the scope of what they will be able to make in this course.

Assessment Opportunities

  1. Identify the reasons someone might visit a given website

    On the activity guide, check that students have reasons that a user might visit each website, such as learning more about a topic or entertaining themselves.

  2. Identify the reasons someone might create a given website

    On the activity guide, check students' reasons for why the creators would make their respective sites. Student explanations may include pragmatic reasons, such as getting feedback and advice from others, or more social reasons such as personal expression.

CSTA K-12 Computer Science Standards (2017)
    • 2-IC-20 - Compare tradeoffs associated with computing technologies that affect people's everyday activities and career options.

Agenda

Objectives

Students will be able to:
  • Identify the reasons someone might create a given website
  • Identify the reasons someone might visit a given website

Preparation

  • Print a copy of the activity guide for each student.
  • Check the "Teacher's Lounge" forum for verified teachers to find additional strategies or resources shared by fellow teachers
  • If you are teaching virtually, consider checking our Virtual Lesson Modifications

Links

Heads Up! Please make a copy of any documents you plan to share with students.

For the teachers
For the students

Teaching Guide

Before the Lesson

Preparing for the Unit

Starting with Problem Solving: We recommend teaching the first three lessons from the Problem Solving and Computing unit, which introduces the Problem Solving Process referenced throughout the course. These lessons also include a pre-survey that you can administer to students.

Getting Started with Code.org: Consider watching our Getting Started with Code.org video series for an overview of how to navigate lesson plans, setup a classroom section, and other important features of the Code.org platform. Each video also has a support article if you'd prefer to read or print instructions - click here to learn more.

Setup a Classroom Section: You can use a class section in Code.org to manage your students, view their progress, and assign specific curriculum - click here to learn more.

If you are using a learning management system, there may be additional steps to sync your classes with Code.org:

  • Click here for steps to setup your classes with Google Classroom
  • Click Here for steps to setup your classes with Clever

Become a Verified Teacher: Lesson plans and levels have additional resources and answer keys for Verified Teachers, which is quick process that verifies your position at an educational institution. Click here to complete a form and you should have access to verified teacher resources in ~1 business day. Verified teachers also have access to the "Teacher's Lounge" section of the forums.

Get Inspired: Consider watching our Teacher Tips video playlist, featuring current CS Discoveries teachers.

Warm Up (5 minutes)

Journal

Prompt: If you could say something important to the whole world, what would it be? Why is it important to you?

Discussion Goal

The goal of the discussion is to help students see web development as a form of self-expression and communication, and to set an expectation that they have something valuable to contribute. While some students may want to share something silly, encourage students to consider that they have something valuable to say and that others can benefit from it. This discussion should set a positive atmosphere that respects the diversity of perspectives that the group can bring.

Allow students to share out their contributions to the group.

Remarks

There are lots of ways that people share with the world. Today, we're going to look at how people use web pages to share what they have to say.

Question of the Day: Why do people create web pages?

Activity (35 minutes)

Personal Web Pages

Remarks

Most of the web pages that we visit are created by large organizations that have a lot of people working on them. But anyone can create their own personal web page and publish it to the Internet. Today, we're going to look at some personal web pages. These pages were created by a single person who had something that they wanted to share with the world.

Group: Put students in pairs.

Distribute: Pass out a copy of the activity guide to each student.

Teaching Tip

Answer Keys & Exemplars: An answer key or exemplar is provided for verified teachers as part of the resources in this lesson plan. If you do not see an answer key or exemplar listed as a resource, follow these steps to become a verified teacher.

Code Studio: Direct students to the "Sample Web Pages" level on Code Studio.

Exploring Websites

This activity guide asks students to consider why people make personal web pages and what sorts of interests can be expressed on them.

Teaching Tip

Students don't need to get it "right" for each site, but they should demonstrate that they have considered the reasons someone might make a web page. If students struggle to identify the purpose a site serves its creator, consider asking the following prompts:

  • Does the website creator want the user to do something?
  • Does the website try to convince the user of something in particular?
  • Does the website serve as a form of personal expression for the creator?

The sites are intentionally simple, to help set expectations about the websites that students will be creating over the course of the unit.

  • What is this person sharing with the world?
  • Why is it important to them?

Encourage students to be as detailed as possible when brainstorming the purposes of these sites.

Share: Once everyone has had a chance to brainstorm about their sites, give students a chance to share out their thoughts.

Discuss: Give students an opportunity to ask questions about these example sites. Make sure they understand how a small site that is primarily a tool for individual self-expression can also be a useful site for other people.

Discussion Goal

The goal of this discussion is to prepare students to think of themselves as potential website creators. As students discuss the prompt, encourage them to imagine why they might create a site similar to those in the examples, and what their motivations might be. Remind them that they will have an opportunity in this unit to create a website that will be shared with the entire world.

Wrap Up (5 minutes)

Web Development Goals

Question of the Day: Why do people create web pages?

Journal 3-2-1:

3 - What are three topics you might be interested in creating a website about?

2 - What are two reasons you think someone might visit a website that you create?

1 - What's one thing you're most interested in learning about creating websites?

Creative Commons License (CC BY-NC-SA 4.0).

This work is available under a Creative Commons License (CC BY-NC-SA 4.0).

If you are interested in licensing Code.org materials for commercial purposes contact us.