EMPORMENT TECHNOLOGY

I. OBJECTIVES: At the end of the session, the learners should be able to:
 explain basic steps in creating simple web page,
 create a simple web page using notepad(adding text, graphics and
tables),
 appreciate web page designing
II. SUBJECT MATTER
Topic : Web page design using notepad templates
References : RBS EMPOWERMENT TECHNOLOGIES AND DIWA SHS by: Argel A
Bandala
Materials : Computer Laboratory, and notepad

III. PROCEDURES: Preliminary Activities:

Opening Prayer
  Checking of Attendance

IV. Lesson Proper :

Review: Understanding website.
Motivation: show a video clip
A.) Activity: 1. Discussion about the basic steps in creating web page
2. creating a simple web page with html tags

B.) Analysis  What are the basic steps in creating your simple web page?
 What did you use in creating the web page?
 What is the importance of knowing the basic steps in creating a web
page?
 How did you create your web page?
 How did you feel in creating your 1st web page?
C.) Abstraction HTML/Hypertext markup language is a set of specification for creating
documents that the browser can display as web page. Hypertext means a
document that is linked to a related material using a hyperlink. Html is
called a markup language because the author leaves its marks called html
tag this is to specify how the document should look like. For example <h1>
tag is used for header, <title> tag is use for a title, <p> tag is use for
paragraph.
Ultimately html is the language of the web. This is what the browser
reads and understands so it can display the creative design of each web
page.
D.) Application 2nd Activity Create a web page with your basic biography
V. EVALUATION 1/2 sheet of paper
1. What is the meaning of the acronym of html?
2. Give a simple code when displaying an image. 3 points
3. Give a simple code in creating a table with border =1 with 2 rows
and 1 column. 3 points
4. A document that links to a related material using hyperlink
5. is the language of the web. This is what the browser
reads and understands so it can display the creative design of each
web page. 2 points
VI. ASSIGNMENT: Create a web page of an advocacy campaign about bullying using the basic
steps that we discussed.

Prepared by:
RHEA O. PADILLA
March 7,2017