How to work with presets

In this tutorial I will show you how to use Presets in Creative Dw Image Show; as image shows generally tend to have pretty complex structures, the Save-and-Load option becomes a real time-saver!

Firstly I just want to remind you that, in order to be able to solve the tutorial, you will need the Creative Dw Image Show extension installed on your computer; if you encounter any problems while doing that, please visit the “How to install an extension” tutorial.


Click here to download the required files for solving this tutorial.


1. Open Dreamweaver, create a new website and a new file; save your file. If you have problems creating your website, try reading the “How to create a website” tutorial.

2. Just above the numbered steps of the tutorials you can see a hyperlink to an attached archive containing the necessary files required for solving this tutorial. Please download it, extract it and copy the files inside (the images, the audio file and the “.html” file) in the location of your choice (preferably inside your Dreamweaver website).

3. Open the “.html” file in Dw – Design View (top menu, View>Design). Inside you will find a Creative Dw Image Show instance, previously created in another tutorial. If you want to read more about this, please visit the “How to create a complete image show” tutorial.

4. If the Insert menu is not already open, please press CTRL+F2 to do so; from the Image Show section, click on the Edit Image Show button.

Edit the Image Show instance

Edit the Image Show instance

5. Go to the Presets tab and save the configuration with the name “example”.

Save preset

Save preset

Succesful save message

Succesful save message

6. Insert a new paragraph in Design View, right under the Image Show (you can do that by pressing ENTER while the text cursor is right next to the Image Show).

7. From the Insert menu, Image Show section, insert another instance of Creative Dw Image Show in your webpage.

Insert another Image Show instance

Insert another Image Show instance

8. This step will take us directly to the configuration of our show’s structure. Click on the green plus symbol labeled Insert Item, browse to the image you would like as your first slide and then click OK. Repeat this step two times in order to insert all the three images in the show.

Configure the show structure

Configure the show structure

9. Go to the Presets tab and load the configuration you previously saved under the name of “example”.

Load preset

Load preset

Succesful load message

Succesful load message

10. We finished the configuration of our show. Click OK, save your file and preview it in a browser by pressing F12.

Thank you for your time and I hope this tutorial was useful to you. I invite you to read the rest of our tutorials and check out our other products on www.extendstudio.com. If you have any questions please contact us at support@extendstudio.com.