Inserting your image into DivTags

Once you have all of your images modified into Photoshop you are ready to place them into your HTML file.

Open up all your DREAMWEAVER files including your CSS document. Click into the DIVTAG you would like to place your image in and delete the type. Click on INSERT at the top of the page and click image. Select the image from your IMAGES folder in the ROOTFOLDER.

dw_insert_image1

Once you have selected the image click OPEN, and another box will appear with the option to ALT TEXT. This makes it easier for you to know what your inserting by giving it a description. It is important that you put this on every image to make it legal for your website. Once you have done this press enter and your image will appear inside your divtag.

tip1img1

Do the same instructions for all of your DIVTAGS, remembering to ALT TEXT every time.

Advertisements