Site map of Bruceee's SiteSpinner Sandpit

Bruceee's Sandpit
Web Design with SiteSpinner

home

Broken links -- symptoms and cures

Bruceee's Site Map

Index -- home page

Bandwidth and How to Save It -- why bother?

Low Bandwidth (Cheap) Rectangles -- rectangles and lines without image files

Image Formats -- how to choose the best

Cleanup Images -- remove duplicate images

Image Scaling -- how to reuse images in different sizes

Cleanup -- delete junk from your preview folder

Code Pages -- using custom code

Include Code in Your SiteSpinner Pages -- step-by-step guide

Javascript include files -- use a common file for shared code

Code Fragments -- bits to use in your projects

Email Addresses -- how to hide them from spammers

Search Engine -- how to add a search engine to your site

Use links to invoke Javascript functions -- popup demo

Image Pages -- using and creating images with SiteSpinner

The Built-in popup function in SiteSpinner

Photo Album -- step-by-step guide to making a simple photo album

Other Popups -- an alternative to the new style popups

Image Displays -- ways to display images on your pages

Slideshows (basic) -- slideshows with and without transitions

Slideshows (mouseover) -- slideshows with mouseover effects

Slideshows (i-frames) -- use i-frames to hold a slideshow

Sound -- create a sound as your popup pops

Image formats -- which image format (e.g. jpg, png) is best

Image scaling -- re-using images to save bandwidth

Map -- map of this site (you are here)

Music & Sound -- ways to play background music and sounds

Using I-Frame for background music -- demo

Opening Links in New Page -- 4-page demo

Send Music Window to the Back -- demo of my preferred technique

Sounds -- adding sounds to mouseovers and popups

Navigation -- links and ways to get around your site

Bookmarks -- step-by-step guide to making bookmarks

Bookmarks -- more bookmarks, comparison and tests

Buttons -- step-by-step guide to making buttons

Email Addresses -- how to hide them from spammers

Files -- links to allow files to be downloaded

Menus -- guide to making drop-down/ pull-out menus

Search Engine -- how to add a search engine to your site

Z-order -- stacking order of objects on your page

Miscellaneous -- I tried hard to avoid this category

Glossary -- Terms used on this site

Text -- solve line spacing difference problems between browsers

Links -- that may be useful for SiteSpinner web page designers

How to Make a Site Map
To make a map like this, use a repeated selection of three images like those below. Drag these images to your page and duplicate as many times as you need.

To make the links to each line of text, use the Links tab of the Quick Editor, and link to the whole text object.

I stole the idea and original images from this Virtual Mechanics page. Thanks to VM.

Downside
All these images, especially the short lines, added up to a lot of page space. The images themselves are small, and are reused, but the code, using CSS positioning takes up a lot of space. I did a test and found that adding one short straight line added another 312 bytes to my html file.

So I have replaced all the short lines with one long thin line, and saved about 12K of html page space. I have not replaced the other two images, as I don't believe there would be much extra saving.

I-frames pages -- all about using i-frames

Basics of adding i-frames to your pages

Advanced -- more neat things you can do with i-frames

Target syntax to change i-frame content, links from objects only

FillFrame syntax to change i-frame content, links from text or objects

OnLoad -- change i-frame content whenever another loads

Slideshows -- use i-frames to hold a slideshow

I-frames pages -- all about using i-frames

Fonts -- Controlling your fonts; web safe fonts, CSS and bullet images

Pop Up a Page in a Window -- displaying small pages

Design Width -- What width should I make my pages?