CÓDIGO HTML<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>PLANTILLA</title>
<link rel="stylesheet" type="text/css" href="estilos-general.css" media="all">
<meta name ="description" content="PLANTILLA">
</head>
<body>
<div id="global">
<div id="capcelera">CABEZERA</div>
<div id="navegacio">MENÚ DE NAVEGACIÓN</div>
<div id="contingut"><p>ZONA PRINCIPAL</p></div>
<div id="menu">MENU LATERAL
<ul><li><a href="#">NOTICIAS</a></li><li><a href="#">SOBRE NOSOTROS</a></li><li><a href="#">DOCUMENTOS</a></li><li>
<ahref="#">COLABORA</a></li><li><a href="#">MEDIATECA</a></li><li><a href="#">CONTACTO</a></li></ul>
</div>
<div id="peu">PIE DE PAGINA</div>
</div>
</body>
ESTILOS* {margin:0px; padding:0px; border:0px;}
body {text-align:center;}
#capcelera {background-color:pink;}
#navegacio {background-color:grey;}
#menu {background-color:yellow; width:150px; float:left;}
#menu li {list-style:none; margin:4px 0px 4px 6px;}
#contingut {background-color:orange; width:100px; float:left; text-align:left;}
p {text-align:justify;}
#contingut p {padding:5px 10px 5px 10px;}
#peu {background-color:brown;}
#global {width:1000px; margin:4px auto;}
a {text-decoration:none; display:block;}
a:link {}
a:visited {color:blue; text-decoration:none;}
a:hover {color:red; text-decoration:none; background-color:silver;}
a:active {color:green; text-decoration:none;}
¡Muchas gracias! [:D]
