Bom dia, tenho uma dúvida, utilizando o dreamweaver MX, como poderei criar um "template" mais ou menos com este layout que fiz no Paint...
Obviamente que a página estará centrada (mas isso eu sei fazer)
Alguem me pode dar aqui uma iniciaçãozinha?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>A minha pagina</title>
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
td {
font-family: Arial, Helvetica, sans-serif;
}
th {
font-family: Arial, Helvetica, sans-serif;
}
.style1 {font-size: 2em; color:#FFFFFF;}
#wrapper{ width:85%;
margin:auto;
}
#header{ width:100%;
}
#content{ width:100%;
}
#imagem1 {
width: 20%;
background: #000066;
color:#FFFFFF;
float:left;
}
#imagem2 {
width: 80%;
background: #000066;
color:#339933;
float: right;
}
#menu {
width: 20%;
float:left;
background:#0000CC;
}
#texto {
float:right;
width: 80%;
background:#999999;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<div class="style1" id="imagem1">IMAGEM 1</div>
<div class="style1" id="imagem2">IMAGEM 2</div>
</div>
<div id="content">
<div id="menu">
<p>MENU</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div id="texto">
<p>Texto</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
</div>
</body>
</html>
<head>
<title>Minha Pagina</title>
</head>
<body>
<table>
<tr>
<td>
<table>
<tr>
<td>imagem</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td>imagem</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table>
<tr>
<td>menu</td>
</tr>
<tr>
<td>menu</td>
</tr>
<tr>
<td>menu</td>
</tr>
</table>
</td>
<td><!-- Aqui fica um iframe como opçao para mostrar o texto! --><iframe>texto</iframe></td>
<tr>
</table>
</body>
</html>