Go to File › Output Settings › HTML…
Make sure your settings match up to these:

Tags Case: Lowercase (body)
Atrribute Case: Lowercase (rowspan)
Indent: Tabs
Line Endings: Automatic
Encoding: Automatic (iso-8859-1)

(Checked) Include Comments
(Checked) Always Add Alt Attribute
(Checked) Always Quote Attributes
(Checked) Close All Tags
(Unchecked) Include Zero Margins on Body Tag

Click “Next” twice. You are now at the “Slices” window.
Check “Generate CSS”. By “Referenced” select “ID”.

Go to File › Save Optimized As.
Choose a location and ImageReady will create a folder for you where the images will be stored.
Make sure you have selected “HTML and Images”. Settings: “Custom”. Slices: “All Slices”.

Open your new .HTML file.
Here’s what your code might look like:

CSS

#Table_01 {
position:absolute;
left:0px;
top:0px;
width:400px;
height:100px;
}
#test-01 {
position:absolute;
left:0px;
top:0px;
width:122px;
height:100px;
}
#test-02 {
position:absolute;
left:122px;
top:0px;
width:156px;
height:100px;
}
#test-03 {
position:absolute;
left:278px;
top:0px;
width:122px;
height:100px;
}

HTML
<div id=”Table_01″>
<div id=”test-01″>
<img src=”images/test_01.gif” width=”122″ height=”100″ alt=”" />
</div>
<div id=”test-02″>
<img src=”images/test_02.gif” width=”156″ height=”100″ alt=”" />
</div>
<div id=”test-03″>
<img src=”images/test_03.gif” width=”122″ height=”100″ alt=”" />
</div>
</div>

Now you’re ready to paste your HTML code into your header.php file in Wordpress.
I’ll assume you know how to create image links. Simply link each image as you would another other image, to any page you like.