Ahora les presento un ejemplo de como hacer una plantilla:
Y este es el codigo para generarla:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="es-mx" http-equiv="Content-Language" />
<title>Sin título 2</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<link href="Blog2.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.auto-style1 {
border: 3px solid #FF0000;
}
.auto-style2 {
border-style: solid;
border-color: #FF0000;
}
.p {
font-size: 34px;
color: #00FFFF;
text-align: center;
background-color: #FFFF00;
font-weight: bold;
position: absolute;
}
.auto-style3 {
margin-top: 0px;
}
.p1 {
text-align: center;
border-color: #FF0000;
border-style: solid;
}
.p2 {
color: #00FFFF;
}
</style>
</head>
<body style="height: 541px">
<div id="masthead" style="height: 161px; width: 1313px;">
<div id="layer4" class="p" style="position: absolute; width: 1302px; height: 75px; z-index: 2; left: 15px; top: 88px">
TITULO DEL BLOG</div>
</div>
<div id="page_content" style="height: 247px; width: 1307px;">
<div id="layer1" class="auto-style1" style="position: absolute; width: 872px; height: 140px; z-index: 1; left: 38px; top: 207px">
<div id="layer2" class="auto-style2" style="position: absolute; width: 362px; height: 97px; z-index: 1; left: 24px; top: 21px">
Ejemplo de un blog<hr /><br />
Este es mi ejemplo de mi blog, aqui se te presenta un diseño se una
CSS.</div>
<div id="layer3" class="auto-style2" style="position: absolute; width: 281px; height: 88px; z-index: 2; left: 536px; top: 27px">
Links<br />
<br />
<a href="http://www.google.com">Ver hojas de Estilo</a><br />
<a href="Blog.html">Ver el codigo HTML de esta pagina</a></div>
</div>
<div id="top_nav">
</div>
</div>
<div id="footer" style="height: 130px; width: 1307px;" class="auto-style3">
<div id="layer5" class="p1" style="position: absolute; width: 1290px; height: 121px; z-index: 3; left: 13px; top: 420px">
<br />
<br />
Texto del pie <br />
Validaciones de WC3 <a href="http://www.google.com" class="p2">Test XHTML</a> -
<a href="http://www.google.com" class="p2">Test CSS</a></div>
</div>
</body>
</html>
No hay comentarios:
Publicar un comentario