Scribd
Upload
253 views

Lesson Plan in Computer Studies: I. Targets

This lesson plan aims to teach students about image background tags in HTML. The targets are for students to be able to define and properly use image background attributes, insert images into HTML files, and create engaging webpages using different background images. The concepts that will be introduced are the definition of the image background tag and how to set a background image in HTML. Materials include laptops and presentation materials. The teacher will demonstrate how to define and insert background images using code examples. Students will then apply this by creating webpages about themselves or song lyrics using background images and styled paragraphs.

Uploaded by

Thirdy Peralta
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
253 views

Lesson Plan in Computer Studies: I. Targets

This lesson plan aims to teach students about image background tags in HTML. The targets are for students to be able to define and properly use image background attributes, insert images into HTML files, and create engaging webpages using different background images. The concepts that will be introduced are the definition of the image background tag and how to set a background image in HTML. Materials include laptops and presentation materials. The teacher will demonstrate how to define and insert background images using code examples. Students will then apply this by creating webpages about themselves or song lyrics using background images and styled paragraphs.

Uploaded by

Thirdy Peralta
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

Lesson Plan in Computer Studies

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

I. Targets

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


1. Define in the best way possible the meaning and importance of the image
background body attribute.
2. Correctly perform how to put images in their HTML file.
3. Make an engaging webpage composing of different images in the background.

II. Concept: Introduction to HTML

A. SUBCONCEPTS:
1. Definition of Image background tag.
2. How to set a background image in HTML.
B. MATERIALS:
1. Laptop
2. Cartolina
3. Powerpoint presentation
C. REFERENCE:
www.w3schools.com/tags/att_body_background.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 “Basics of Microsoft Word”.
b. Ask these questions:
What is the function of using the font tag?
What is the Marquee tag for?
3. Motivation: Pass the message.
The class will be divided into two groups. One will be passed the message
until the last one gets the message. The group who got the message right will
be the winner of the game.
B. PRESENTATION:
Teaching Method: Demonstration
1. Discuss the definition of Image background tag.
<background img=”name of your photo. jpg”>

The body background attribute specifies a background image for an HTML


document.
<html>
<head>
<title> Image
Background </title>
<body
background=”image
.jpg”>
</body>
</html>

2. State the steps on how to set a background image in HTML.

A. Create a folder to hold your HTML file and background image. On your
computer, create and name a folder that you can easily find later.

B. Put the background image into the HTML folder. Put the image you'd like
to use as background into the HTML folder.

C. Create an HTML file. Open a text editor, and then create a new file. Save
the file as index.html.

D. After typing the 8 basic tags, include the image background tag.
E. In the body, type <background img=”the name of your picture .jpg”>
F. Save your file and see the preview of your work.
C. APPLICATION:
Create an interesting webpage composing of the lyrics of the song they like
and using an image as a background. Every paragraph must be of different
colours. Minimum of 15 lines.

D. AGREEMENT:
Bring images of yourselves. You will make a webpage that tells about
yourself. (Likes, dislikes, hobbies, happiest moment, embarrassing moment,
etc.)

You might also like