You are on page 1of 3

Lesson Plan in Computer Studies

Teacher: Ms. Rodolfo G. Peralta III February 15, 2017

I. Targets

At the end of the lesson, the students should be able to:


1. Determine what font size best suits the visual of your work.
2. Apply different font sizes to the texts in your document.
3. Create an HTML webpage composing of different sizes of text and adding
creativity in their work.

II. Concept: Basics in HTML

A. SUBCONCEPTS:
1. Font sizes
2. How to insert font size
B. MATERIALS:
1. Laptop
2. Cartolina
C. REFERENCE:
www.w3schools.com>att_font_size

III. Strategies

A. PREPARATION:
1. Routine Activities:
a. Greet the students and then tell them to sit properly.
b. Call a student to lead the prayer.
c. Attendance.
d. Ask the class of they are ready for today’s lesson.
2. Review: Question and Answer
a. Review of the yesterday’s topic about “Inserting font colours”.
b. Ask these questions:
How do you insert font colours?
3. Motivation:
Show them a website with different sizes of text inside. Tell them the beauty
that it creates in a webpage.

B. PRESENTATION:
Teaching Method: Demonstration
1. Font size tag
< font size=”anynumber”>

The font tag was brought in early in HTML’s life to allow designers to change
the size, typeface and colour of their text. It proceeded to do more harm than
good, for all sorts of reasons but mainly because it is a hugely inefficient way
to format text.
2. How to insert font sizes in text.

To increase or decrease the size of the font relative to the default size, use
<font size="+num"> or <font size="-num"> , where "num" is a number. For
example, to make the text two sizes bigger, use:

<font size="+2">This is bigger text.</font>

To make text one size smaller, use:

<font size="-1">This is smaller text.</font>

To specify an absolute font size, use <font size="num"> , where "num" is a


number from 1 to 7. (When you use absolute font sizes, the resulting display
may be more dependent on the browser and hardware of the person viewing
the page than when you use relative sizes.) For example, to display the
smallest text possible, use:

<font size="1">This is really tiny text.</font>

<html>
<body>
<p>
<font size="5" face="arial" color="red">
This paragraph is in Arial, size 5, and in red text color.
</font>
</p>
<p>
<font size="3" face="verdana" color="blue">
This paragraph is in Verdana, size 3, and in blue text color.
</font>
</p>
<p>The font element is deprecated in HTML 4. Use CSS instead!</p>
</body>
</html>

This paragraph is in Arial, size 5, and in red


text color.
This paragraph is in Verdana, size 3, and in blue text color.

The font element is deprecated in HTML 4. Use CSS instead!


C. APPLICATION:
Divide the class in two groups. Each group must create a webpage that has
images and different font colours and sizes of text. Take some time to look
through the images with nice pictures to add and the texts to be used.

D. AGREEMENT:
1. Look for webpages that shows different faces of text.
2. Name some font styles they know to be used on their next activity.

You might also like