6. Sound, light & magic – Multimedia

I’m looking to see if you are using the elements, attributes and properties appropriately. I see a number of assignments where the HTML is correct as written, but it doesn’t work, because you are missing the underlying concept.

Watch your spelling. Lots of things are not working because of spelling mistakes or typos. Some transposed letters, spaces, incomplete element names.

Client-side image maps (Willard p.179)

A lot of people had problems with this. The name in the usemap tag in the img element and the name in the map element have to match – this is the connection. Note the map name in the usemap attribute has a # in front. So for map name=”mymap1″, the reference in the image element is usemap=”#mymap1″ to make the connection.

There probably isn’t any point in using the map feature if you only have one area defined that covers the whole image – Just use a regular link. The exception would be if the link is only from one specific area in the image, such as in a “where’s Waldo?” game.

Map areas links work better if you include the target=”_blank”. For Mac users, right-click will open the dialog box asking where you want the image displayed.


Resizing images and separate thumbnail images

If you have a really big original image that you want to link to, that’s fine. Just don’t include it in your page by specifying a small height and width. Make a “thumbnail” – a small version to use with the link. It is very slow to just resize the large file, not to mention annoying and costly for some viewers with expense internet access.

Notice if your text is all bunched together. The browser ignores extra spaces and lines. Consider adding more paragraph elements. Also using the non-breaking space special character can help control spacing.

Over-riding browser defaults

You are specifying a lot of information that is actually the default. If you want want something different from the default, specify that. Otherwise, you run the risk of introducing errors and unanticipated interpretation of your HTML.


The Media topic is the is the first place we are really including the new HTML5 features. This is the area of biggest revision of the HTML standards. When the original HTML standard was developed, no one anticipate the huge increases in access speeds, storage capacity and user created content that we see, hear, watch and make today. Even Sir Tim Berners-Lee has been surprised by the popularity of cats and kittens.

There are a number of interesting activities this week. Enjoy reviewing the work of others, as well as doing your own work.



Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s