Core Computer: Dreamweaver Notes

To add an image to your page:

Create a layer (the info on how to do this is here) .

Click anywhere in your layer.

Clicking in a layer places the insertion point inside the layer without selecting the layer. What you are doing is selecting the inside of the layer in order to place an image in it rather than selecting a whole layer to move or resize it.

Insert > Image.

In the Select Image Source dialog box, locate the folder that you have your images in. If you have followed my previous advice when setting up your site you should have a folder named Images in your site folder. Navigate to it , find an image that you wish to have on your page. Notice that if you have preview highlighted you can see what image is what. Click Choose. The image appears in the layer.

Name the images in the Properties box

Make a habit of naming everything that can possibly be named in your documents. This applies not only to Dreamweaver but a general practice. It means that later, when you need to reference or select a particular image, layer, or some other element, you'll be able to as it is easily identified.

Also describe your image in the Alt field. As discussed in class this means that people who have used the option to turn off images in their browser and read the text and are aware of what they might be missing! Search engines also pick up this information.

To Turn an Image into a Link

To do this select the image by clicking on it.

In the properites field you will see that a link box has appeared - click on the folder next to it and navigate to the page you want to link to.

Click OK and it is done - your image is now a link.

These notes are written for students who undertake the Core Computer course at School of Art, Australian National University. Students of the course should feel free to contact any member of staff with comments questions and general suggestions..

< Home Index > < Staff Contact > < Class groups > < Assessment >

< Basics Module > < Photoshop 1 Module> < Photoshop 2 Module> < Illustrator Module > <3D Module > < Web Design Module >

< Terms and Jargon > < Online Resources >