Adobe Dreamweaver Tutorial - Inserting and Working with Images

Inserting Images:

To Insert a image go Insert > Image (Ctrl+Alt+I)

Adobe Dreamweaver Images 1

Find your image and click OK.

Adobe Dreamweaver Images 2

Linking Images:

Click on your image and go to the properties panel which is at the bottom of your dreamweaver, go to Link and type in the url you want it to take the visitor to.

Adobe Dreamweaver Tutorial Images

Alt Tags:

Alt Tags are used usually to describe a image when the mouse hovers over a image, to give your image a alt tag, go to your properties panel and type in your image description.

Adobe Dreamweaver Tutorial Images

Here is a preview of the effect in your browser:

Adobe Dreamweaver Tutorial Insert Images

Swapping Images

Swap images when mouse hovers over the image, go to your right hand side panel and click Tag > Behaviours > Swap Image.

Adobe Dreamweaver Tutorial Images

Find the image you want to replace the other image with and click OK.

Adobe Dreamweaver Tutorial Image

Your new image will appear instead of the old one when mouse over:

Adobe Dreamweaver Tutorial Image Mouse Over


| del.icio.us | Digg it | Furl | reddit | StumbleUpon | Yahoo MyWeb

You can follow any responses to this entry through the RSS feed. You can leave a response, or trackback from your own site.

AddThis Social Bookmark Button

Fireworks CS4 468X60

Leave a Reply