There are a variety of ways to configure web pages to display HyperStudio stacks. To
get started:
1) Download and install the HyperStudio Browser Plug-in for your
computer type into your browser's plug-in folder (we recommend using Internet Explorer 4.0 or above):
http://www.hyperstudio.com/resource/hsplugin/plugin.html
2) Launch HyperStudio and open the stack you want to post to your web
page. Resave it to a new folder on your hard disk using the following format: stackname.stk
Where "stackname" is the name of your stack (without spaces or any other special
characters) followed by the extension ".stk". Note: Windows users should already have
the .stk extension on their stack.
3) Test your stack in your web browser by first launching the browser and
then from your browser's main menu, select File>Open and browse to and open your stack. You should see your stack running within the browser.
Thoroughly test your stack.
Tip #1: If you have multiple stacks, these too must have the .stk added. Since you've changed the name of your stack(s), any stack-to-stack or another card actions to a position within another stack must be checked and relinked. Remember, stack and another card actions are explicit to the stack name. All the stacks should be in the same folder together.
4) To create a web page for your stacks, from HyperStudio's Extras menu, choose Export Web Page. The Export Web Page will create an HTML file containing the necessary code to display your stack within a browser. After using the Export Web Page Extra, you'll have at least two files that require posting to a folder on your web site:
1. STACKNAME.STK. The .STK file created with HyperStudio. It should be uploaded as uncompressed, raw data.
Contact your webmaster for information on how to transfer files to a folder on your web server.
Tip #2: You may need to modify the .HTML file to reflect the exact path name(s) for the location of the stack within your web site's file structure. To do this, use a simple text editor to modify the .HTML embed source tag as follows:
embed src="PATHNAME/STACKNAME.STK"
Where PATHNAME is the exact path to your stack on your web or ftp server and STACKNAME.STK is the name of your stack.Tip #3: If/when editing and reposting stacks, to ensure you're looking at the stack on the web server, be sure to empty the TEMP folder (located in your Windows/System directory) or on Macintosh, the "HyperStudio Cache Folder" (located in the System/Preferences folder).
5) Lastly, and this is important, You will need to enlist the help of your webmaster to configure your web server to know what a HyperStudio stack file is. This is common to every plug-in based software and takes just a few seconds for your webmaster to do. Complete information on configuring the web server is located in the web server configuration notes.
Tip #4: If your operating system and browser supports drag and drop (for example: MacOS System 8 with Netscape 4.5 or above), you can test your stacks by simply dragging and dropping them into an open Netscape browser window. Of course, you'll need to have the HyperStudio Browser Plug-in installed the browser's plug-in folder.
Cool Web Author Tip: With the browser plug-in installed, your browser is now
"HyperStudio Aware". You don't need to create any HTML at all to access your stacks
other than creating a direct from another page to the stack. From another page simply
add a link to run the stack in a new browser window using this format:
<a href="mydomainname/myfolder/stackname.stk" target="_blank">StackName
Where "mydomainname" is your top level domain, "myfolder" is folder containing your
stack(s) and "stackname.stk" is the name of your stack. Including the "target="_blank"
tag will pop up your stack in a new browser window. Simply close the new window when
done.