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


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


  • 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.


  • 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.


  • 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.

Create amazing lesson
plans 10X faster with AI.

Use AI to instantly generate high-quality lesson plans in seconds

Try NOW!