12th Grade Creating Code For Webpages Lesson Plan

Topic: Creating code for webpages

Learning Outcomes

Upon completion of this lesson, the learner will be able to create a code for a webpage.

Objectives & Outcomes

• Understand how to create a code for a webpage
• Create a code for a webpage

Materials

• Computer with internet access
• Text editor (such as Notepad or TextEdit)

Warm-up

• Ask the students if they have created a website before.
• Ask them to describe the process of creating a website.
• Ask them to list the steps that are involved in creating a website.

Direct Instruction

• Introduce the concept of HTML and how it is used to create webpages.
• Show the students some basic HTML code and explain how it works.
• Demonstrate how to create a simple webpage using HTML code.

Guided Practice

• Have the students work in pairs to create a simple webpage using HTML code.
• Walk around to provide assistance and help students if they get stuck.

Independent Practice

• Have the students work on a project-based assignment where they create a more complex webpage using HTML code.
• Encourage the students to use CSS and JavaScript to add style and interactivity to their page.

Closure

• Have the students share their webpage projects with the class.
• Discuss the different ways that the students used HTML, CSS and JavaScript to create their pages.

Assessment

• Observe the sto98i.25udents during the independent practice activity and provide feedback on their use of HTML, CSS and JavaScript.
• Have the students complete a short quiz on the different HTML tags, their purpose and how to create them.