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
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
LESSON EVALUATION
Teacher asks pupils to experiment how html works.