Computer Science Lesson Plan Week 2-Practical

You might also like

Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 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