dreamweaver course - Layers

Sure,

For option 1, each image can (and should according to accessability standards) have an 'ALT' parameter, which is a short description of the image. These descriptions are important to people who for example use screen readers - eg. the reader reads the description of the image to the blind person.

Internet Explorer uses the Alt paramater to display a ToolTip when the mouse is hovered over the image. So you can put whatever you want in the Alt paramater to appear when your users hover over the image.

To do this in Dreamweaver, select your image, and look at your Properties Panel. You should see a textbox for 'Alt'.

Because you have so many images on your page, to add an Alt parameter for each image would take a long time. So I'm suggesting you edit the HTML code (switch to View -> Code or View -> Code and Design for split screen).

A basic image tag looks like this:
<img src="thumbnail_01.jpg"> where 'thumbnail_01.jpg' is the actual image filename.

To add a parameter within code view, go to the end of the tag (before the last > sign), press space (you need to separate each parameter with a space), type the parameter name (alt), an equals sign (=) and then the value enclosed in quotes ("click to enlarge"). So you should end up with something like this:
<img src="thumbnail_01.jpg" alt="click to enlarge">

Now, in this case, it doesn't matter which order the parameters appear. So you could also have the ALT paramater at the start, like this:
<img alt="click to enlarge" src="thumbnail_01.jpg" >

And the reason I'm suggesting this is because it will make your 'find and replace' command easier.

Go to Edit -> Find and Replace (or Control+F). The dialogue box that appears lets you change parts of the code. So if you put <img in the 'find' box, and <img alt="click to enlarge" in the 'replace' box, then press 'Replace all' - Dreamweaver will effectively 'add on' the alt tag to every image.

If you don't want to add the alt tag to ALL your images (ie. you have other images that aren't thumbnails), then you may want to just keep pressing 'Find next' and 'Replace' - this allows you to check each bit of code Dreamweaver finds.

Hope this helps.

Let me know how you get on.

Regards, Rich

PS. don't forget that other browsers may not display the ALT parameter as a tooltip - eg. Firefox doesn't. However, you can try using the TITLE paramater in the IMG tag, because browsers like Firefox DO show TITLE as a tooltip - it's best to have both.