Best Way To Design This Site

Hi everyone i was hoping someone could give me some advice. im creating a webpage but im not sure the best way to go about it. i looked up some ways and found that i could create the webpage image then slice it and work on it in dreamweaver. I created the image of exactly how i want the site to look. im just not sure how to go about getting it to do what i want. im not even sure if slicing it is the best way to achieve what i want. Here is a pic of the site



in the white box on the left is where i want the news to be and in the white box on the right is where i want all the other pages to open. say someone click on links i want it to open in the right box, or if someone clicks on contact us i want the contact form to open there also. you get the idea.

is there a better way to do this or is this the best way. also can anyone lend any info on how i would go about do what i just described with the pages opening in the boxes.

any advice would be great. this is the first time i ever made my own template based page, i usually work with premade temps. but i really want to make the site look just like the picture.

thanks so much in advance

Ok here's what you do:

use the slice tool in photoshop and slice rectangles all over the image. The trick is to make it as easy as possible when you code the site. So, you need to slice the red borders as separate as you can from teh other content. You need to slice the two big white areas separately, making sure to grab the entire white area and nothing else (use zoom if you have to to get a pixel view). After everything is sliced, go to file > save for web. Now you can click on each slice and assign it export properties. For complex images such as photos and gradients, use jpg. For simple, cartoony-color images, use gif - and usually go for 64 colors or 128 colors. Then, when you press save, make sure the drop down box says "images and html". Photoshop will then save all those slices as separate images as well as an html page that you can open in dreamweaver.

That is one way to do it - and it works well, however, if you're planning on updating your site often (ie your news section) it will be hard to do so without having to create new images every time. And if you get into dynamically creating content (such as with php and what not) you can forget it. Along the same line, if you ever want your site to be indexed by search engines (like google and yahoo) - it won't know how to place your site. Last I heard, google hasn't quite yet got into recognizing images and probably won't anytime really soon. Anyway - enough of my blabbing - what I would recommend you do is recreate your site using CSS and XHTML (or HTML - whatever you prefer). This way it would be not only easy to update, but less time to load and searchable.