Dreamweaver - CS3

Lesson 10: Images (2)

10/58 Lessons 

Image Placeholder

If you already know the place on your page, but you do not know which image you want to insert there, you can use the “image placeholder” option.
To insert a “image placeholder” on your page, first place the cursor at the location in your document where you want to insert it.
In the “Insert” toolbar, choose the “Common” tab, click the downward pointing arrow next to the “Image” and click “Image Placeholder” in the drop-down menu.

This opens the dialog “Image Placeholder”.
In the top box type a name for the temporary image.
Enter a width and height for the image.
You may select a background color for the placeholder and type an alternative text that serves as the information when the visitor of your site can not see your image for some reason.
Click OK.

The placeholder is added to your page.
To add an image to your placeholder, click and drag the “Pointing to file” button next to the box “Src”, which stands for “Source”, to the image in the file panel.
This requires that the image is already located in a folder of the Sitemap.

Is this is not the case, then click the “Search for file” button.
This opens the dialog “Select Image Source”.
Navigate to the image on your computer by clicking the downward pointing arrow next to “Look in”.
Select it and click the OK button.

This opens a window where we are asked whether we want to copy the image to a folder in the sitemap.
Click the “Yes” button.

In the next window select the directory in your sitemap where you want to copy the image.
In this case, this is the folder is “images”.
Click the “Save” button.

The image is inserted in the placeholder and is stored in the “images” folder of the sitemap “Gratis Cursus”.

 

Awesome!
You've completed Lesson 10
START NEXT LESSON