The procedure involves four steps:
2. Use the free program SoundApp to Convert all the sounds attached to the KidPix graphic files into ".au" audio files called slide1.au, slide2,au, etc., in the order that they are to appear in the slide show.
3. Place all the converted GIF and au files into a folder along with a set of pre-made HTML template files.
4. Customize the template's generic title page.
Steps I took to make a Kid Pix set of pictures ready for the web:
Have a folder that contains all the pictures you want to include on your web pages.
I personally like to open up the folder and view the pictures by name, then I print (on the mac) using Print window under the File menu. That will give me a list of all my pictures. I will need this later because it helps me keep track of what I name each picture after I have seperated the pictures and sounds for web use. This is an example of what you can get. Number your pictures starting with one, in the order you want your pictures to appear in the Web Slide Show.
Now you are ready to seperate the pictures and sound from your student's Kid Pix pictures. I like to extract the pictures first.
Open up Graphic Converter (I was using V2.8 but all versions work with small changes in the menus).
With GraphicConverter open, Select Open from the File menu and navigate to your pictures.
When the picture opens up, go to Save As... under the File menu and navigate to your folder that has all your pictures you want to convert. Be sure to select GIF as your format preference. You select that by clicking on Format and choosing GIF from the pop-up menu. Name the first picture slide1 (the .GIF is automatically in the Save picture as: field. Follow these same steps (5 and 6) until you have all your pictures converted and saved. When you are finished you should have a series of files labled: slide1.GIF, slide2.GIF, slide3.GIF and so on. Note: do NOT put spaces in any of these file names.
When you launch the program you will have this control panel appear. Just close it if it bothers you because you will not be using it.
As with the pictures, you will convert the sounds in the order they will appear in your Web Slide Show.
You will need to set up some preferences and change some settings in the program to save the sound in a form that will be read on the web by both Macs and PCs. First, set these preferences after you select the Preference menu. Highlight "General" and X the boxes marked below.
Again, under preferences, highlight "Convert" and make sure your window looks like the one below.
Now you have to adjust the settings to save your sound in the proper format. Go the the File menu and select Convert. Then select the following setting under each selection.
That completes the set-up of the SoundApp Program. These settings are automatically saved; you should not have to repeat the above steps the next time you use the program.
When you choose "Convert" navigate to your folder that has your original picutres and choose your first picture. Your SoundApp program will appear with all previously set preferences. Do not change any of them since you have already set them.
Click on the Open button or double click on the first picture you are going to use. You will be given a chance to save your sound. You should already be in the right folder to save your sound but if not, navigate to the folder you have been saving all your other converted pictures. Save your sound as slide1.au
Continue extracting all your sounds from your original pictures in order and save them in order - slide1.au, slide2.au, slide3.au, slide4.au, slide5.au, and so on. (Note: do NOT put spaces in any of these file names.) You should now have all your original Kid Pix pictures, all your converted Kid Pix pictures (all the files with a.GIF at the end) and all your extracted sounds (all the files with the .au at the end).
Give this copy of the template a new name to reflect your current project. I will call my new copy "test slide show". At this point it contains all the html pages, and graphics necessary to display and hear your pictures and sounds but it DOES NOT contain your own pictures and sounds.
This screen shot shows what an empty template for ten slides would look like. It only
contains data to display the web site. No personal pictures or sounds are included.
You will need to drag a copy of all your pictures and sounds you extracted from the original Kid Pix picutres into the folder that contains the template data.
This screen shot shows your personal files of pictures and sounds you extracted from the
original Kid Pix pictures.
You will now have a folder with quite a number of files.
This screen shows your folder with all the template information PLUS your own extracted pictures and sounds.
Your "Web Slide Show" should be ready for viewing now. Open up your web browser (Netscape or Explorer, etc.), pull down the File menu and select Open File. Then navigate to your folder that has your web site and select index.html
This screen shows the menu for Netscape.
Your title page should show up. (You will notice your title page will have some very generic information on it. You can add information to personalize this. Instructions for this will be given later under "Personalizing your Web Slide Show". For now, just click on "Start the Show" and proceed through the slide show to see if all your pictures appear. If they do not, double check the file names of the pictures to be sure you named them correctly, (slide1.GIF, slide2.GIF etc.).
2. Where it says "URL to your home page", change the text in the quotes to the URL of your school home page, leaving the quotes in place.
3. Where it says "Name of Project", change this to the name you want to give to this slide show (may be the same as in #1).
4. Where it says "Date", change this to the current date.
5. Where it says "Name of Contact Person", change this to your name.
6. Where it says "Text for introduction goes here", replace that text with a paragraph describing your slide show.
Step 2: Changing the number of pictures in the Web Slide Show
You will notice that the Web Slide Show template has room for 34 pictures and sounds but that can be changed if you have more or less pictures.
If you need more than 34 slides , you can easily create additional ones. Here's how. Open the last slide file (slide34.html) in your text editor. Increase each of the numbers in the this file by one - that is, change each 34 to 35, 33 to 34, and 36 to 37. Then save the file as slide35.html. Repeat this process for as many additional slides as you need.
If you need fewer than slides 34, you can leave the unused slide files in place (they do no harm) or you can delete (trash) the unused files. It is simpler just to leave the unused slides files in place - that way, if you need to add some slides in the future, the slide files will already be there.
There is one more modification you may wish to make, but it is not essential. If you are sure you will not be adding more slides to your show, you can remove the "next" button from the last slide (i.e. the right-hand arrow that you click to go to the next slide). To do this, open the last slide file in your text editor, delete the entire line that contains "<img src="bf.gif" alt="next">", and Save.
As you become more comfortable with the HTML symbols, feel free to make changes that individualize your web site. For more information on HTML, you can go to a tutorial on HTML. Feel free to print out the tutorial and experiment with this new language.
You are now ready to upload your web site to your server. You will have to check with your school system or web service provided to get directions on how to do this since each web server has their own protocol.