Start Adobe Dreamweaver CS4. Select "HTML" located underneath the "Create New" category on the splash screen that appears. Select "File>Save As." Save the file as "slideshow."
Position your cursor on the page where you want your tabbed panels widget to appear. Press enter to move the location downward. Select "Insert>Spry>Spry Tabbed Panels" from the main menu. Observe that a tabbed panels widget is on the screen with two tabs named "tab1" and "tab2" and two content panels named "Content1" and "Content2."
Insert your cursor in the Content1 panel. Remove the Content1 text. Select "Insert>Image" from the main menu. Browse your directories for an image file to insert. Select an image file that has been formatted as a GIF or JPEG file. Select "OK." Press OK again when the "Image Tag Accessibility Attributes" appears. Repeat the picture insertion process for the Content2 panel.
Select tab 1. Position your cursor in the tab 1 tab, delete the tab 1 heading and type into the tab a new name. Use the name, "Slide One", for this example. Repeat the procedure for the remaining tab. Name the other tab "Slide Two."
Test your slide show. Position your cursor over the Slide One tab. Click the "eye icon" when it appears. Check that the image appears that you placed in the Slide One content box appears. Do the same with the Slide Two tab. Select "File>Preview in Browser>IExplore". Select the Slide One and Slide Two tabs in turn and check to see if the associated image you placed appears when each tab is selected.