• Inserting a Soundslides show into a Dreamweaver page

    By Reuben Stern, RJI Futures Lab print & graphics editor

    In order to insert a Soundslides show into your Web page, you need to understand how Soundslides handles files.

    In short: Soundslides like to create files. Lots of them.

    This is partly because Soundslides makes a copy of everything included in your slideshow. (That way all the original files you selected for use in the slideshow will still be where you had them saved before, and your slideshow won’t be affected if those original files get moved or deleted later).

    So when you save a slideshow in Soundslides, you won’t just get one file. You’ll get a whole folder full of files. For example, for the slideshow saved as “MySlideshow,” Soundslides created a folder that has all this in it:


    All of these files are necessary to edit the slideshow in Soundslides.

    However, to post the slideshow onto your website, all you need is the folder called “publish_to_web.”

    So, make sure you have Exported your show in Soundslides. Then, make a COPY of just that “publish_to_web” folder and be sure it goes inside the same folder where all the other files for your website are stored (i.e., your “webpages” folder on the Classes server).
    NOTE: If you decide to rename this folder when you put it into your webpages folder, be sure to use all lowercase letters with no spaces for the folder name. Otherwise, the slideshow might not load properly out on the Web.

    In case you want to have a peek, here’s what you are likely to find inside the “publish_to_web” folder for a custom sized slideshow:



    How to insert the slideshow using Dreamweaver

    Once the correct slideshow files are where they belong on the server, open your Web page in Dreamweaver.

    Go under INSERT menu, to Media >> Plugin.



    Navigate into your “webpages” folder and then into the “publish_to_web” folder you copied into there. You’ll find a file called “soundslider.swf



    Choose that file.

    It will come into your Dreamweaver page as a small square that looks like this:


    With that still selected, look down at the Properties panel at the bottom of the screen.


    Set the width (W) to be the same as your custom slideshow setting (what you entered in Soundslides). Then set the height (H) to be at least 50 pixels greater than the height you entered in Soundslides (that will give room for the slideshow controls).

    Save the page.

    Use the “Put” command to put the page onto the remote server. In this case, say “No” when it asks about putting dependent files. You’ll do that….

    Next, you’ll need to get the slideshow onto the remote server…

    Normally Dreamweaver is smart enough to sort out dependent files for you, but in this case, you’ll have to do it yourself. So, in the Files panel, make sure you are in Local View. Then select the folder that contains your slideshow (probably called “publish_to_web” unless you renamed it). Then click on the upward-pointing arrow to Put the entire folder and all its contents onto the remote server: (If it asks about putting dependent files this time, go ahead and say Yes.)



    Now, test your page out on the Web to make sure it’s working.

    ----------Posted on September 21, 2011 by in 7802, Help Files

Comments are closed.