multimedia Is a combination of the different forms of media such as texts, pictures, sounds, music, animation and video.
Text and images There are three main image formats used in webpages: Graphics Interchange Format ( GIF ) Joint Photographic Experts Group ( JPEG ) Portable Network Graphics ( PNG )
Graphics Interchange Format ( GIF ) Supports up to 256 different colors and is the best format used for illustrations. This is a good format for illustrations, computer-generated images, cartoons, and images with large areas of solid colors. At the same time GIF’s images can be transparent or animated. 4
Presentation title 5
Joint Photographic Experts Group ( JPEG ) Is a common format for images on the web. It was designed as a standard for photographic images, allowing up to 16 million different colors in an image. 6
Presentation title 7
Portable Network Graphics ( PNG ) Is basically a bitmapped image format for compressed color graphics and is now much used on the internet after being a good option for graphic images like logos, text and photographs. 8
Presentation title 9
Presentation title 10
Image as a background
Background-image This is where you put the image source, which may be a relative or an absolute URL. The format is: url ( image_filename.extension or subfolder/ img.ext or http://www.site.com/image/img.ext) 12
Background color In choosing the background color, make sure that this will not come into conflict with the text color ----light backgrounds go perfect with dark texts and vice versa so users will have no problem reading the page’s content. Presentation title 13
Background position If your image file is not big enough to occupy the whole page, you may indicate exactly where you wish to put it ---- top, bottom, center, left, right, or a combination of these. Presentation title 14
Background repeat You may tile your image file by using the value, repeat; repeat it at the topmost and bottommost part, using repeat-y. Presentation title 15
object Needs to be added to display an image on a page without using it as the background. Presentation title 16
type Specifies the media type of the resource referenced by the data attribute. Presentation title 17
data The path or URL of the image you want to display on your page. Presentation title 18
Width and height The values of the width and height attributes specify the dimensions of the image. Presentation title 19
Alternative text (alt) This attribute will be used if the browser does not support the object tag Presentation title 20
borders There are many layouts that can be done with CSS. In addition to making background images, this can also be used to create borders in HTML
Border-style You may choose among these values to control the appearance of the image’s borders: dashed, dotted, double, solid, or none. Presentation title 22
Border-width You may indicate the thickness or the width of the image’s through these values: thin, medium, or thick; or through the desired width, which should be in pixels. Presentation title 23
Border color You may assign any color or the value transparent to any of the following border-color variations: border-top-color, border-bottom-color, border-left-color, border-right-color. Presentation title 24
audio If you are going to use background sound or music in your webpage, think carefully about how well it goes with the content and whether or not it would reasonable for the user to hear it every time he or she goes to view your page.
Real audio format ( .RM, .RAM ) This sound format was developed by real media for the internet. It permits audio streaming with low bandwidths but the quality is reduced. Presentation title 26
Au format (.AU) THIS SOUND FORMAT IS SUPPOSED BY MANY SOFTWARE SYSTEMS OVER A WIDE RANGE OF PLATFORMS. Presentation title 27
AUDIO INTERCHANGE FILE FORMAT(. Aif / . aiff ) This sound format was developed by apple. The limitation of this file format is that it is not supported by all web browsers . Presentation title 28
Sound format(. snd ) The limitation of this file format is that it is not supported by all web browsers. Presentation title 29
Moving pictures experts group (.mp3 . mpga ) This sound format was originally developed for video but is now one of the most popular formats for music recordings. Presentation title 30
Wave format (.wav) This sound format was developed by ibm and windows. It is supported by computers running on windows and is fast gaining popularity and support in web browsers. Presentation title 31
Param tag Used to define parameters for an element Presentation title 32
videos Video clips can be useful as online material because they can show us, among other things situations in life beyond everyday experience, including those that are too dangerous for most of us. Presentation title 33
Video Format Extension Description Audio Video Interleave . avi This video format was developed by Microsoft. It is supported by all computers running windows. Windows Media Format . wmv This video format was also developed by Microsoft. The disadvantage is that it cannot be played by non-windows computers without an extra component installed. Moving pictures Experts Group .mp3, . mpga This video format is the most popular format on the internet. It is cross-platform and is supported by most browsers. Quicktime Format .mov This format cannot be played on windows machines unless you install an extra component. Real Video Format .rm, .ram It allows the streaming of video with low-bandwidth, but quality is compromised. Shockwave (flash) . swf This file format’s player comes pre-installed in new version of internet explorer. Presentation title 34
Executing forms
Online forms Are webpages purposely designed to gather information on the Internet Presentation title 36
Presentation title 37
content Think about the information you will use, and the way you will present this information, when you develop a form. The form should be both visually appealing and functional, which means that you may need to take care when choosing which key points to include in a form. Presentation title 38
Input fields Let’s say you want to create a form that asks people to submit their preferences on movies. To capture this information, input fields are needed within your HTML document. Presentation title 39
Presentation title 40
Different input fields Presentation title 41
text Used when the information that you want to capture are people’s names and addresses, for example Presentation title 42
Presentation title 43
Radio buttons Used when you want the user to select only one option from a list. Presentation title 44
Presentation title 45
Check boxes They are similar to radio buttons, but are used when you want to let the user select. Presentation title 46
Presentation title 47
Text areas Text areas are text fields that have more than one line for longer text input. These are usually used to record comments or feedback. Presentation title 48
Presentation title 49
Select fields Provides drop-down menus that the user can use to choose information from a given list. They are usually designed to look like compact list of items, and they also take up very little space on the screen. Presentation title 50
Submit query It allows users to submit the information they typed in.
Reset button Restores the from to the default state, the viewers saw when they firs uploaded the page.
Processing forms To process the form, tags must have action and method attributes, which tell the webmaster what the user entered in the form.