Adding Images Using HTML Editor

To make your web site based on our web design template unique you can substitute included images with your own or add additional images there.

To substitute existent image with a new one you should do following. Copy your image file to the images folder of your web design template.

If you are using Microsoft FrontPage double click image you want to change. In dialog that will appear after that select General tab. There will be input box with image name and Browse… button to the right of it. Click it to browse to your image file.

Fig 7.8 FrontPage Picture Properties

For Macromedia Dreamweaver users that routine is quite easy. Just double click image you want to change and browse to your new image file location.

If you want change image directly from html code your have to substitute value of src image attribute:

Before:  <img src=”images/logo.jpg”>

After:  <img src=”images/new_logo.jpg”>

Note: If double clicking on image doesn’t works it means that this is not a content image but background image. For instructions of how to change it read the Changing Image in Photoshop section.

Adding images to your web design template. Copy your image file to the images folder of your web design template.

If you are using Macromedia Dreamweaver for managing out web design template you should choose Insert/Image… from top menu and browse to your image file.

If you are Microsoft FrontPage user choose Insert/Picture/From File… and browse to the location of your image file.