Website opeans in confusion

Hey Guy's
I'm very new to websites
I'm playing around taking a free template, edit with the aditional information and slice it back up then uploading it and makind a website
soo I hope I can create my own templates from scratch and slice and get it going
anyway here is my cuttent problem
I did this site
but the problem is when I open it in firefox it's scatters all over the page before it opens fully and looks normal again
how can I get it to loadlike a normal website please
thanks for any reply in advance

Start by reducing the size and number of images that you use on that page. 30 images is just exessive. Let's start with your header and menu - it should really be just one or two images - you are using 16 !!! Why??? Each one needs a request, a send and an acknowledgement, so obviously it all goes a bit slowly and the page jerks around and waits for all of them to arrive.

Then there's that black head image - you should resize it from it's natural 350px × 340px to the size you use on the web page 176px × 170px IN A GRAPHICS EDITOR, not in the browser.

And finally, you are using TABLES for layout - move into the 21st century and use divs! Table layouts are from last century and tables are actually intended to be used for tables of data, not for layout. The browser has to wait until it has enough info to work out if the table size needs changing before it is finished laying out the page

To be honest with you I am not well virsed in websites
that is wel you gotta say my first website
when I export it from PhotoShop It just did it that way
I need like a beginners guide to doing websites
but most of them i came across so far are not really telling me the hits and tricks I need
if you can give me some tutorial I would really appricate it


Regards