Yo lo que puedo aconsejarte es que a la par que estás utilizando el Dreamweaver, también te infomés del uso de Divs y CSS en vez de trabajar con las tablas.
Con los divs delimitas tu espacio y con el CSS le indicás cómo lo querés.
Este es un pequeño ejemplo de tu página
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Tutitulo</title>
<link rel="stylesheet" href="estilo.css" type="text/css" />
</head>
<body>
<div id="contenedor">
<div id="arriba"> Contenido de arriba</div>
<div id="enmedio">Contenido de enmedio</div>
<div id="abajo">Contenido de abajo</div>
</div>
</body>
</html>
Abajo de <title> va el enlace a la hoja de estilos
<link rel="stylesheet" href="estilo.css" type="text/css" />
Esta sería la Hoja de estilos (también solo es un ejemplo):
Código:
#contenedor{
width: 190px;
}
#arriba{
background-image: url(Menus/menuarriba.png);
background-color: #CCFF66;
height: 30px;
}
#enmedio{
background-image: url(Menus/menuenmedio.png);
background-color: #99CC66;
height: 60px;
text-align: center;
}
#abajo{
background-image: url(Menus/menuabajo.png);
background-color: #009966;
height: 40px;
text-align: right;
color: #FFFFFF;
}
Luego en la hoja de estilos voy poniendo las características que deseo. Por ejemplo, en el Div "abajo" le estoy indicando la imagen de fondo (no tengo la imagen, ni sé su tamaño, es un ejemplo), para ver la diferencia entre un Div y otro les puse diferente color de fondo (background-color), que si usás la imagen de fondo del tamaño del Div no sería necesario, le dí una altura de 40 pixeles, alineé el texto a la derecha y le coloqué blanco al color de texto.