Setting Up HTML Document Using Notepad or TextEdit Primary 5 (Basic 5) Term 3 Week 8 Information Technology

 

INFORMATION TECHNOLOGY

COMPUTER STUDIES 

THIRD TERM  

WEEK 8

PRIMARY 5

THEME –  BASIC CONCEPTS OF INFORMATION TECHNOLOGY 

PREVIOUS LESSON – Week 7 – Mid Term Test and Break, Week 7 – Desktop Publishing Using Microsoft Word, Excel and PowerPoint Primary 5 (Basic 5) Term 3 Week 6 Information Technology

 

TOPIC – DESKTOP PUBLISHING APPLICATION 

 

LEARNING AREA

1. Introduction

2. Setting Up HTML Using Notepad or TextEdit

3. Lesson Evaluation and Weekly Assessment (Test)

 

 

LEARNING OBJECTIVES 

By the end of the lesson, most pupils should have attained the following objectives – experiment on how html works.

 

 

ENTRY BEHAVIOUR

The pupils

 

INSTRUCTIONAL MATERIALS

The teacher will teach the lesson with the aid of functional computer.

 

 

METHOD OF TEACHING

Choose a suitable and appropriate methods for the lessons.

Note – Irrespective of choosing methods of teaching, always introduce an activities that will arouse pupil’s interest or lead them to the lessons. 

 

 

REFERENCE MATERIALS

1. Scheme of Work

2. 9 – Years Basic Education Curriculum

3. Course Book

4. All Relevant Material

5. Online Information

 

 

CONTENT OF THE LESSON

LESSON 1 – HTML TRAINING 

HTML Using Notepad or Text Edit.

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

However, for learning HTML we recommend a simple text editor like Notepad (PC) or TextEdit (Mac).

Using a simple text editor is a good way to learn HTML.

Follow the steps below to create your first web page with Notepad or TextEdit.

 

STEP 1

Open Notepad (PC)

Windows 8 or later:

Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad.

Windows 7 or earlier:

Open Start > Programs > Accessories > Notepad

 

OR

 

Open TextEdit (Mac)

Open Finder > Applications > TextEdit

Also change some preferences to get the application to save files correctly. In Preferences > Format > choose “Plain Text”

Then under “Open and Save”, check the box that says “Display HTML files as HTML code instead of formatted text”.

Then open a new document to place the code.

 

STEP 2: Write Some HTML

Write or copy the following HTML code into Notepad:

<!DOCTYPE html>

<html>

<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>

</html>

 

 

STEP 3: 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).

 

 

STEP 4: 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:

 

 

Source – for more details, visit – w3schools.com

 

Video – Setting Up HTML Document Using Notepad or TextEdit

 

LESSON 2 – HTML TRAINING

LESSON 3 – HTML TRAINING

 

 

PRESENTATION

To deliver the lesson, the teacher adopts the following steps:

1. To introduce the lesson, the teacher revises the previous lesson. Based on this, he/she asks the pupils some questions;

2. Teacher organizes the pupils in groups or pair depending on the size of the class.

 

3. Teacher organizes HTML training sessions for pupils in groups or pairs can experiment on how it works. Note – Get a qualified Web developer or programmer. 

Pupil’s Activities – Participate actively in the training sessions and experiment how html works.

4. Teacher summarizes the lesson on the board with appropriate evaluation.

Pupil’s Activities – Participate actively in the summary of the lesson and write as instructed.

 

 

CONCLUSION

To conclude the lesson for the week, the teacher revises the entire lesson and links it to the following week’s lesson.

 

 

NEXT LESSON

Introduction to Python and Syntax | Uses of Python | Simple Syntax Commands Primary 5 (Basic 5) Term 3 Week 9 Information Technology

 

 

LESSON EVALUATION 

Teacher asks pupils to experiment how html works.