Sie sind auf Seite 1von 7

A Detailed Lesson Plan in Information Technology

Prepared By: Rachel A. Cabajar


I.

Objectives
At the end of the lesson, the students will be able to:
1. know the language of the web: HTML;
2. develop skills through making a simple HTML document;
and
3. maximize the use of the web in learning and as a
medium of communication.

II.

Subject Matter
The Language of the Web: HTML
Reference/s: A Beginners Guide to HTML pages 1 5
Materials: Visual Aids, Pictures, Name Tags
Values: Creativity, Patience, Following Instructions

III.

Procedure
A. Learning Activities
Teachers Activity

Students Activity

Everybody stand and let us


(the teacher will lead the
pray first.
Prayer)
Good Morning Class!
Good Morning, Maam!
(Checking of Attendance)
Say present if you hear your
(Students raise their hand
name being called.
and say present as the teacher
calls in their name)
Please pick up the pieces of
paper under your chair
(Students pick up the pieces
of paper)
So how is your day going
so far?
So far, so good, Maam!
Thats good to know!

B. Lesson Proper
Presentation
Show pictures of things related
to the website or internet.
Motivation
What comes to your mind or
Maam, Internet or
where can you relate these website.
acronyms and logos?
Very good! Im going to show
you my personal website.
(showing
online)

the

personal

website
Yes, Maam.

Do you have any idea how


websites are being created?
Before we go on, I just want to
share you the difference between
the internet and world wide web or
simply the web.
Discussion
(Students listen
The internet is a massive attentively)
network of networks. It connects
millions of computers together
globally, forming a network in
which
any
computer
can

communicate with any other


computer as long as they are
connected to the Internet while
the Web is a way of accessing
information over the medium of
the Internet. The web is a portion
of the internet. The web is the
system we use to access the
internet. The world wide web is
made up of millions upon millions
of websites.
Website is a connected group
of pages on the web regarded as a
single entity.
Types of Websites

E-Commerce Sites you visit


these to buy something
Information sites such as
news sites
Entertainment sites such
as youtube
Business

provides
supports, documents and
software for customers
Personal sites contains
information about a certain
person
Social networking site such
as
facebook,
twitter,
google+
Portfolio site such as
linkedin, jobstreet, etc. This
site shows off your work to a
potential employer or client

Parts of a Website

Banner This is an area at


the top of the page. It may
contain a company logo.
Menu

This
area
is
concerned with providing a
method of moving around or
navigating the site.
Content this is where the
main content of the web
page is located.
Footer This area often
contains copyright notices,
and or privacy statement.

In order to let other people see


your website, it must be placed on
a web server. This is called
hosting a website.
URL
It is an acronym for Uniform
Resource Locator and is a
reference (an address) to a
resource on the Internet.
Parts of URL

Domain Name
Domain names are purchased
from a domain registrar who has
the authority to sell domains. Each

domain name must be unique. You


cannot purchase a domain that
someone else already owns. Its
like an address.
The very basics of a website
A website is made up of one or
more web pages. A web page is
created by writing code in a
language called HTML.
HTML stands for Hyper Text
Markup
Language.
It
was
developed to create web pages.

This is what html looks like. All


the texts that are surrounded by
<> are html tags.
A web page begins with a
<html> tag and ends with a
</html> tag. In between, there
are two other parts.
1. Head Section that begins
and
ends
with
<head></head> . This is
where you put the title of
the web page with a
<title></title>
tag.
It
appears on the title bar of
the web browser.
2. Body Section that begins
and
ends
with
<body></body>. This is
where you can put the
content.
HTML Tags

Example of what is inside an HTML


Document
<html>
<head>
<title>Webpage</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>

This is the sample output of the


HTML Document
Generalization
The World Wide Web is that part
of the Internet which contains
websites. Each website is made up
of one or more web pages. The
parts of the website are Banner,
Menu, Content and Footer.
A website is hosted on a web

server and each web site needs a


domain name.
A website is created through a
language called HTML.
Application
Group Activity
Each group will create a simple
web page.
Instructions:
1. Inside the <title></title>
tag, place the name of your
group.
2. For the content, write Hello
World!.
3. Heading for Hello World! is
<h3> tag.
4. Under the Hello World!
statement,
using
the
unordered list tag, list down
the name of the group
members.
5. The file name should be the
name of the group.

IV.

Evaluation
Write the answer in the space provided.
1.
2.
3.

_____________ It is a language used to create a website.


_____________ What does WWW stands for?
_____________ This is an area at the top of the page. It may
contain a
company logo.
4.
_____________ It is a massive network of networks.
5.
_____________Facebook is a sample of what type of website?
V.

Assignment
Create a simple About Me webpage. List down your favorites.