Scribd
Upload
118 views

Lesson Plan Observation DIFFERENT TYPES OF MULTIMEDIA IN HTML DOCUMENTS

The document outlines a lesson plan on introducing different types of multimedia in HTML documents. The objectives are to identify different media types, understand their uses and functions, learn HTML tags for inserting media, and apply media in HTML documents. The lesson will include a pre-test, recap of input attributes, motivation with examples, discussion of common formats and how to add video and audio. Students will practice inserting media using code editors. Their evaluation assignment is to create a webpage with a video, audio, headings and other elements using learned skills.

Uploaded by

Edeson John Cabanes
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
118 views

Lesson Plan Observation DIFFERENT TYPES OF MULTIMEDIA IN HTML DOCUMENTS

The document outlines a lesson plan on introducing different types of multimedia in HTML documents. The objectives are to identify different media types, understand their uses and functions, learn HTML tags for inserting media, and apply media in HTML documents. The lesson will include a pre-test, recap of input attributes, motivation with examples, discussion of common formats and how to add video and audio. Students will practice inserting media using code editors. Their evaluation assignment is to create a webpage with a video, audio, headings and other elements using learned skills.

Uploaded by

Edeson John Cabanes
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

Grade 12 – Jasmine Date and Time:

I. Objectives
a. The students should able to:
i. Identify the different types of multimedia;
ii. Understand the use and function of different types of media;
iii. Familiarize the different tags use when inserting different types of media in an
HTML document;
iv. Apply different media in their HTML documents.
II. Subject Matter
a. Title: DIFFERENT TYPES OF MULTIMEDIA IN HTML DOCUMENTS
b. Materials: Notepad, Notepad++, Komodo Edit, Computers, Projector, Projector Screen,
PowerPoint presentation, Office Remote using Smartphone and Computer.

III. Lesson Proper


a. Pretest: Multiple choice
b. Recap: To test your memory, provide 5 HTML Input attribute and their functions.
c. Motivation: show an example of website that uses multimedia functions like youtube or
Facebook as example.
d. Lesson Proper: Discussion
i. The teacher will introduce the new topic on the learners.
ii. The learners will learn about common video and audio format with description
and examples of each format.
iii. The learners will learn how to add a video and audio format in a webpage. By
using the <video> and <audio> elements.
iv. During discussion students can also use the example on the PowerPoint and test
if they could run the given examples themselves a sort way for them to
familiarize the function of the given elements in the lesson.
e. Generalization:
i. Multimedia comes in many different formats. It can be almost anything you can

hear or see. Examples: Images, music, sound, videos, records, films, animations,
and more.
ii. Web pages often contain multimedia elements of different types and formats.
The first web browsers had support for text only, limited to a single font in a
single color. Later came browsers with support for colors and fonts, and images!

iii. HTML5 Video


Before HTML5, a video could only be played in a browser with a plug-in (like flash). The
HTML5 <video> element specifies a standard way to embed a video in a web page.
HTML5 Video Tags Tag Description
<video> Defines a video or movie
<source> Defines multiple media resources for media elements, such
as <video> and <audio>
<track> Defines text tracks in media players
iv. The HTML <audio> Element
To play an audio file in HTML, use the <audio> element:
HTML5 Audio Tags Tag Description
<audio> Defines sound content
<source> Defines multiple media resources for media elements,
such as <video> and <audio>
f. Application:
i. Learners will be given a chance to try out inserting a video and audio file using
notepad, notepad++ and Komodo by giving them a sample problem.
IV. Evaluation

a. HTML Video and Audio


i. Add a heading 1 with the text HTML Video and Audio. Use Blue as text color also
set it in center.
ii. As the background color use your desire color.
iii. For first paragraph, write all the summary of all the things that you have learned
about our lesson for today HTML Video and Audio. Use 5 as text size.
iv. Insert your favorite music video. Use the control attribute with the width of 600
and for height is 400. Insert also heading 3 with the text “MY FAVORITE MUSIC
VIDEO”
v. Under the Video put Line Break and Horizontal rule. Insert your favorite Audio
or Music, and set control attribute for your audio and insert heading 3 with the
text “MY FAVORITE MUSIC”

Rubrics:
For Activity 1 the students will get Points
total of 30 points. Items
5
1. Title of the webpage “HTML VIDEO
and AUDIO”, text alignment and font
color

6
2. Background color of the whole
webpage, summarized paragraph and
text size.

7
3. Inserted Video, use control
attribute, put width and height
attribute.

5
4. Put Line break, and Horizontal rule

7
5. Inserted Audio, and use control
attribute.

TOTAL 30 points

V. Assignment:
a. Research on the next topics to be discussed:
1. Java Inheritance
2. Java Enums
b. Write each of this topics

Submitted by:
Edeson John M. Cabanes
Teacher I

Observed by:

______________________
Master Teacher II

You might also like