Week 7 - Web Page Design Content
Week 7 - Web Page Design Content
Multimedia
Our Lady of Fatima University – Quezon
City Campus
What is
Multimedia?
A combination of the different
forms of media such as text,
pictures, sounds, music, animation,
and video.
Choosing Images for
Your Site
A picture can say a thousand words,
and great images help make the
difference between an average-
looking site and a really engaging
one.
Images should..
alt -
provides a title – display as
text tootip
description
Height & Width
of Images
height
This specifies the height of the
image in pixels.
width
This specifies the width of the
image in pixels.
Where to Place
Images
in Your Code?
1: before a paragraph
The paragraph starts on a new
line after the image.
3: in the middle of a
paragraph
The image is placed between the
words of the paragraph that it
appears in.
Where you place the image in
the code is important because
browsers show HTML elements
in one of two ways:
and alignment
}
img.medium {
width: 250px;
of images in
height: 250px;
}
img.small {
CSS
width: 100px;
height: 100px;
}
img.align-left
of images in img.align-center
{ display: block; margin: 0px auto;}
CSS
Adding Video
to Your Pages
The <video> element has a
number of attributes which allow
you to control video playback
To reach as many browsers as
possible, you should provide the
video in the following formats:
H264: IE and Safari
WebM: Android, Chrome, Firefox, Opera
Adding Audio
to Your Pages
HTML5 introduced the <audio>
element to include audio files
in your pages. As with HTML5
video, browsers expect different
formats for the audio
MP3: Safari 5+, Chrome 6+, IE9
Ogg Vorbis: Firefox 3.6, Chome
6, Opera 1.5, IE9
Sound Format Extension Description
Real Audio Format .rm Permits audio streaming with low
.ram bandwidths but the quality is
reduced.
AU Format .au Supported by many software
systems over a wide range of
platforms.
Audio Interchange File .aif Developed by Apple; not
Format .aiff supported by all web browsers