0% found this document useful (0 votes)
69 views

Computer Science Lesson Plan Week 2-Practical

The document outlines a lesson plan for a 7th grade computer science class to introduce HTML, with the learning objectives being able to describe HTML, recognize syntax, write code, and identify tags in websites, and the procedure explaining HTML page structure and having students create a basic page in Notepad and view it in a browser.

Uploaded by

Ishrat Jehan
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
69 views

Computer Science Lesson Plan Week 2-Practical

The document outlines a lesson plan for a 7th grade computer science class to introduce HTML, with the learning objectives being able to describe HTML, recognize syntax, write code, and identify tags in websites, and the procedure explaining HTML page structure and having students create a basic page in Notepad and view it in a browser.

Uploaded by

Ishrat Jehan
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

Lesson Plan – Weekly

ACADEMIC YEAR-2022-23

Grade
7 Subject: Computer Science Week: 2
:
Teach Ms.
Start 11th
er: Ishrat Topic: Introduction to HTML
date: Dec
Jehan
Learning Students will be able to:
Objectives
 Be able to describe what HTML is and its role in the Internet

 Recognize correct HTML syntax.

 Be able to write error-free HTML code.

 Know how to make minor edits to the source of an existing HTML page, and
view and understand the results.

 Know all the common HTML tags used to structure HTML pages.

 Learn how to identify tags used in an actual website's source code


Resources Microsoft Edge, notepad application On track textbook

Procedure Students will learn the visualization of an HTML page structure:

<html>
<head>
<title>Page title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>

Note: Only the content inside the <body> section (the white area above) is displayed
in a browser.

Web pages can be created and modified by using professional HTML editors.

However, for learning HTML we recommend a simple text editor like sublime text
editor

We believe using a simple text editor is a good way to learn HTML.

Follow the four steps below to create your first web page with Sublime Text Editor

Activities/
worksheet
Step 1: Write Some HTML

Write or copy some HTML into Notepad.

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Step 2: Save the HTML Page

Save the file on your computer. Select File > Save as in the Notepad menu.

Name the file "index.htm" and set the encoding to UTF-8 (which is the preferred


encoding for HTML files).

You can use either .htm or .html as file extension. There is no difference,
it is up to you.

Step 3: View the HTML Page in Your Browser

Open the saved HTML file in your favorite browser (double click on the file, or right-
click - and choose "Open with").

The result will look much like this:


Homework: Students should practice at home by adding more content to their workbooks.
Due date:
Assessment
Reflection/ Students should be able to learn how to enter the text in notepad and
Evaluation run the code on microsoft edge.

You might also like