Blonde Tutorials

 Macromedia Dreamweaver

Now some really fun stuff -- adding pics to your pages! Everyone likes to get on the Internet and look at pics. One of the best ways to get people to your site is to have pics they want to see.
Here's how it's done.

The first step in adding pics to your web page does NOT include Dreamweaver. The first thing you need to do is make a folder inside of your web site folder called "images" (or "pics" or something that even a blonde would recognize as the place where pics are saved). The second thing you need to do is save your optimized pics here. {If you don't know how to optimize, learn it now.}
For now, you can just download these sample pics for practice.

Now, if you have all the pics you want to use saved in your images folder, you can go back to Dreamweaver. •• Insert images into your page •• Add a Background to your page ••

 

Inserting images in Dreamweaver is a snap. Just click on the Insert Image button (or you can go to Insert, Image).

Browse to your images folder, choose the pic you want and then click OK. NOTE: the image will insert wherever your curser is sitting. If you have a blonde moment and insert the pic in the wrong place, just cut it (Edit, Cut) and then paste it (Edit, Paste) where you want it.
You've inserted some pics. Now what neat things can you do with them?
Check out the Properties window.


Pictures are great. But what you really want to do is to add a cool background image, huh? First things first.
Important Notes on Backgrounds

So, back to adding the aforementioned background. Very simple. First, be sure that you have followed the directions on saving the image file to your images folder.
Then, in Dreamweaver, go to Modify, Page Properties... Browse to the images folder and choose your background image file. Then click OK and you're good to go.

You've got your web site started and looking good. Let's organize all those photos with a web photo album.

Adding tables Creating a Photo Album
Blonde Tutorials HomeDreamweaver MenuGetting StartedSetting up a site
Creating a web pageAdding linksAdding tablesAdding pictures
Creating a Photo Album

Macromedia, Dreamweaver, Fireworks and the respective logos are trademarks or registered trademarks of Macromedia, Inc.
All other original images and tutorials in this site are property of Early ISD, Copyright © 2004.
All tutorials may be reproduced only in their original form with appropriate credit given to the owner/author.
Please e-mail questions and comments to Ren Yantis, resident blonde.