LESSON PLAN

SUBJECT : ICT 2 – Web Development

DATE : June 24, 2019
SECTION : ICT 1103 – Monday – Wednesday 2:00 PM to 4:00 PM
ICT 1101 – Monday – Wednesday 5:30 PM to 7:30 PM
ICT 1106 – Tuesday – Thursday 9:00 PM to 11:00 AM
ICT 1110 – Tuesday – Thursday 2:00 PM to 4:00 PM
ICT 1109 – Tuesday – Thursday 4:30 PM to 5:30 AM,
Saturday 4:30 to 6:30 PM
ICT 1108 – Tuesday – Thursday 5:30 PM to 7:30 PM
ICT 1111 – Thursday 12:00 to 2:00 PM
Saturday 4:30 to 6:30

1. OBJECTIVE: At the end of the lesson 75% of the students with at least 80% proficiency shall be able to:
a. Cognitive: Study the Headings, Paragraph, Horizontal, Line Break and List Tags
b. Affective: Differentiate the different types of List tags
c. Psychomotor: Construct a simple webpage using html the Headings, Paragraph, Horizontal, Line Break and List
Tags.

2. SUBJECTIVE MATTER:
a. Topic: HTML Syntax
1. Elements
o Heading Tags
o Paragraph Tags
o Horizontal Rules
o Line Breaks
o List Tags
b. Reference: Fundamentals of Web Development Global Edition
c. Materials: White Board Marker, Eraser, Laptop/Cellphone/Computer and Visual aids.

3. PROCEDURE:
a. Routinary Activities:
 Prayer
 Greetings
 Checking of Cleanliness and Orderliness
 Checking of Attendance
 Checking of Assignment

b. Review or Recall of the Lesson

 What is the HTML Structure

c. Development of the Lesson

 Motivation
1. 4 Pics 1 Word Game

 Exploration, Discussion, Explanation

In this lesson, we will discuss and explain the
o Heading Tags
Provide information about your HTML page, such as its title. HTML has six levels of headings,
ranging from the largest <h1> to the smallest <h6>.
Headings are formatted in this manner:
<h1> Sample Heading H1 </h1>

o Paragraph Tags
Are placed between the <p> and </p> tags. The tags separate a paragraph from the headings.
o Horizontal Rules
The horizontal rule in HTML5 defines a thematic break.
o Line Breaks
Line breaks break lines of text at points where they appear.

o The List Item Tag

 Ordered lists are typically labeled with numbers or letters, and use the <ol> and</ol> tags
An ordered list can be used to enumerate a list of items or to outline a set of instructions or a
procedure.
 Unordered lists are usually labeled with bullet points and dashes, and use the <ul> and </ul>
tags
An unordered list is used when items in a list are in no particular order or importance.
  Definition lists are for terms and definitions. This type of list uses the markup tags <dl> and
</dl>. The definition list also uses the markup tags <dt> and </dt> (to define terms and names)
as well as <dd> and </dd> (to describe terms and names).
 Practice Exercises, Group Activities
1. The learners will ask some questions regarding to topic.
2. The learners will have some hands-on activity.
I.

II.

4. GENERALIZATION:
a. Summary of the Lesson
In today’s lesson, we discussed the history of HTML, the Structure of HTML and what is the difference of
elements and attributes.
5. EVALUATION:

Computer Laboratory Activity

1) Create a simple webpage using html the Headings, Paragraph, Horizontal, Line Break and List Tags.

6. ASSIGNMENT: