Help me please, 1st site creation

[modd1uk]

Hi guys, ive been asked to design a website for my paintball team, now ive designed exactly how i want every page in photoshop. I know where i want every picture etc. Im really stuck at the moment as i created my site in photoshop, followed tutorials and sliced it in imageready. Now i uploaded my site to a free web host before it goes to the proper url.

Here is the site as it stands. www.freewebs.com/modd1uk

Now at the top you can see my logo/navigation bar, i understand that i will have to hotspot ( imagemap ) the text so i can hyperlink to other pages, what i don't understand is how come the bottom half of my webpage is a picture, you can click and save it :confused:

I use the following programs, photoshop cs, imageready cs and dreamweaver mx, like i said i have my design ready i just want to get it working. I'm not after a fancy site i just want something that works and that i can update my gallery page when new pictures of the days games are taken.

Please tell me where i'm going wrong. Ideally i would like the page to look like it does on the above url but i dont want it to be a picture, i want the text to be actual text and not incorporated into a picture.

Thank you in advance.

[_Aerospace_Eng_]

Because you made it one. Imageready doesn't export text as normal text it exports images. You need to remove the text in photoshop and add in the text yourself manually using HTML. Basically that image is this part
<td colspan="13">
<img src="images/kenny-members-page_23.gif" width="800" height="445" alt=""></td>
<td>
Instead of that change it to
<td colspan="13" style="background-image:url(images/kenny-members-page_23.gif);height:400px;"></td>
<td>
Now you will be able to put text in over the image yourself.