Scribd Logo
Upload

Welcome to Scribd!

  • Lesson Plan in Computer Studies: Teacher: Ms. Romelle Diane C. Reantaso I. Targets

    Uploaded by

    Thirdy Peralta
    7 views3 pages
    This lesson plan aims to teach students about font faces in HTML. The targets are for students to be able to recognize different font faces, use various fonts in text, and create an HTML webpage using font attributes like size, color, and face. The concept of basics in HTML and subconcepts of font faces and how to insert them will be presented. Students will be divided into groups to make webpages using different fonts for images and descriptions.

    Original Description:

    Original Title

    Lesson Plan 3

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This lesson plan aims to teach students about font faces in HTML. The targets are for students to be able to recognize different font faces, use various fonts in text, and create an HTML webpage using font attributes like size, color, and face. The concept of basics in HTML and subconcepts of font faces and how to insert them will be presented. Students will be divided into groups to make webpages using different fonts for images and descriptions.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    7 views3 pages

    Lesson Plan in Computer Studies: Teacher: Ms. Romelle Diane C. Reantaso I. Targets

    Uploaded by

    Thirdy Peralta
    This lesson plan aims to teach students about font faces in HTML. The targets are for students to be able to recognize different font faces, use various fonts in text, and create an HTML webpage using font attributes like size, color, and face. The concept of basics in HTML and subconcepts of font faces and how to insert them will be presented. Students will be divided into groups to make webpages using different fonts for images and descriptions.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    Lesson Plan in Computer Studies

    Teacher: Ms. Romelle Diane C. Reantaso February 18, 2017

    I. Targets

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


    1. Recognize the different faces used in each paragraph correctly.
    2. Use different font faces in your text easily.
    3. Make a HTML webpage composing of different font attributes: the size, color
    and face.

    II. Concept: Basics in HTML

    A. SUBCONCEPTS:
    1. Font faces
    2. How to insert font face
    B. MATERIALS:
    1. Laptop
    2. Cartolina
    C. REFERENCE:
    https://www.w3schools.com/tags/att_font_face.asp

    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 size”.
    b. Ask these questions:
    How do you insert font sizes?
    3. Motivation:
    Show them a website with different font styles inside. Tell them the beauty
    that it creates in a webpage.

    B. PRESENTATION:
    Teaching Method: Demonstration
    1. Font face tag
    < font face=”anyfontstyle”>

    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 faces in text.
    The Font Face attribute specifies the font name of the text inside a Font tag.
    <font face="Arial"> Arial Font </font>
    When you specify a Font Face, the typeface you specify must be installed on
    the computer of the person viewing the web page.

    The value of the face attribute can hold several font names separated by a
    comma.
    <font face="Sans serif,Comic Sans MS,Lucida Console>
    A visitor will only be able to see your font if they have that font installed on
    their computer.
    When your page is loaded, browser will display the first font face that it has
    available, otherwise second one and so on. If the specified fonts are not
    installed on your computer then it will load default font face of web browser.
    Always use double quotes around the font names.

    <html>
    <head>
    <title>Font Face</title>
    </head>
    <body>
    <font face="Times New Roman" size="5">Times New Roman</font><br />
    <font face="Verdana" size="5">Verdana</font><br />
    <font face="Comic sans MS" size="5">Comic Sans MS</font><br />
    <font face="WildWest" size="5">WildWest</font><br />
    <font face="Bedrock" size="5">Bedrock</font><br />
    </body>
    </html>

    This will produce following result:

    Times New Roman


    Verdana
    Comic Sans MS
    WildWest
    Bedrock
    C. APPLICATION:
    Divide the class in two groups. Each group must make a webpage with their
    images in it and has descriptions of themselves using different font faces for
    each one. They must finish the activity in 30 minutes.

    D. AGREEMENT:
    1. Study the tags used informatting texts.
    2. Look over the net the B, strike, subscript and superscript tag.

    You might also like