StorySpace to Web Conversion

Here are the steps for converting a Storyspace project to HTML for the Web. Links and images should automatically be converted so that the Web version of your project looks and behaves just like your Storyspace project.

Copy your Storyspace project from the teacher folder to the desktop.
Create a new folder, named with your last name. Use all lowercase (not capital letters) and no spaces.
Put your copy of the Storyspace project into the folder.
Open the project and rename your first space (where the reader begins) "index."
Check to be sure that each of your text boxes has a unique name (no two boxes have the same name)
From the file menu, choose "Export HTML," then select "HTML setup" from the popup menu.
In the dialogue box, you do not need to enter a pathname. Make sure that these checkboxes are checked and the others are blank:
- Under links, "text links" and "global links." You may also check "hierarchical links" if you want StorySpace to create a menu of the links to other spaces at the bottom of each page.
- under files, "Do not overwrite .(suffix) spaces," and "export inline images as jpeg"
- under format, "replace CRs with <br>. Click OK.
Go back to the file menu, choose "Export HTML," then select "Export file" from the popup menu. Later, if you want to make revisions to a particular space or area, you can do so in StorySpace and simply "export space" or "export area."
Quit Storyspace. You will notice the html text and graphic files in your folder. Drag the "index.html" icon onto Netscape. It should open your first writing space.Now you can check the results.
Often some additional tinkering is needed to make everything in your Web work properly; sometimes you need to change the wording of a link, or add a missing link. These changes can be made easily by dragging the document onto BBEdit for editing. Make sure that you save changes back into the folder where your project resides. Do not change any file names unless you also change their names in the links to that file on your other pages.
The last step, once you are satisfied with your export, is to drag the Storyspace copy the project out of the folder and into the trash, leaving only your html files in the folder. Put this folder into the teacher folder for your class in the "studentwork" folder for this project.

Questions? Email Peg Syverson: syverson@uts.cc.utexas.edu