Creating a Single Page Slideshow in Dreamweaver



Creating a Single Page Slideshow in Dreamweaver

Procedure

1) In a new or existing Dreamweaver HTML document, insert a table to the following specifications:

a. 4 rows

b. 4 columns

c. Cell padding 2

d. Cell spacing 1

e. Border 0

2) Merge the first row of the table. Merge the second row. Center all cells in the table.

3) Place the name of the slideshow in the first row of the table.

4) Place the cursor in second row of the table and insert an image.

a. Name the image

b. Border, V space and H space set to 0.

5) Type the titles you would like to see on the pictures you are placing in the slide show in each of the cells.

6) Highlight the title of the picture and place a # in the Link box in the Properties panel. This adds a behavior to the slide.

7) Highlight the first slide title, go to the behavior panel and click on the + sign.

8) Scroll down to Swap Image and click on it.

9) Click on Browse, and find the picture that fits that title. Choose the picture, click OK

10) Chose YES to save the picture in the web page

11) Type in the name you wish to save the picture as.

12) Save the picture and click OK.

** Make sure preload pictures and Restore Images on MouseOut

You may change borders, backgrounds and fonts to match the site.

................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download