Ver Mensaje Individual
  #14 (permalink)  
Antiguo 30/09/2006, 05:09
Borjimante
Invitado
 
Mensajes: n/a
Puntos:
codigo HTML:

Cita:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Antera Solutions :: Diseño y desarrollo web a medida</title>
<meta name="Keywords" content="Diseño web, desarrollo web, creacion de webs, promocion web, antera solutions, portfolio, servicos, empresa, española" />
<meta name="Description" content="Empresa española que ofrece servicios de diseño y desarrollo web para cada cliente" />
<meta name="author" content="Antera Solutions" />
<meta name="revisit-after" content="15 days" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilo.css" rel="stylesheet" type="text/css">
<LINK HREF="estilo.css" REL="stylesheet" TYPE="text/css" />
</head>
<body>
<div id="cabecera"><img src="imagenes/banner.jpg" width="700px" height="200px" alt="Antera Solutions :: Diseño y desarrollo web a medida"></div>
<div id="cuerpo">
<!-- Columna de la izquierda -->
<div id="izquierda">
<div id="titulo-izquierda-1"><h4 class="Estilo1">Menu</h4></div>
<div id="texto-izquierda-1">
<div style=" padding-top:2px; text-align:center; height:20px; width:160px; background:url(imagenes/boton.jpg); border-bottom:1px #000000 solid" valign="middle" align="center"><a href="#" style="color:#CE0000; font-weight:bold; font-size:14px; font-family:tahoma">Inicio</a></div>
<div style=" padding-top:2px; text-align:center; height:20px; width:160px; background:url(imagenes/boton.jpg); border-bottom:1px #000000 solid" valign="middle" align="center"><a href="#" style="color:#CE0000; font-weight:bold; font-size:14px; font-family:tahoma">Servicios</a></div>
<div style=" padding-top:2px; text-align:center; height:20px; width:160px; background:url(imagenes/boton.jpg); border-bottom:1px #000000 solid" valign="middle" align="center"><a href="#" style="color:#CE0000; font-weight:bold; font-size:14px; font-family:tahoma">Portfolio</a></div>
<div style=" padding-top:2px; text-align:center; height:20px; width:160px; background:url(imagenes/boton.jpg); border-bottom:1px #000000 solid" valign="middle" align="center"><a href="#" style="color:#CE0000; font-weight:bold; font-size:14px; font-family:tahoma">Empresa</a></div>
<div style=" padding-top:2px; text-align:center; height:20px; width:160px; background:url(imagenes/boton.jpg); border-bottom:1px #000000 solid" valign="middle" align="center"><a href="#" style="color:#CE0000; font-weight:bold; font-size:14px; font-family:tahoma">Enlaces</a></div>
<div style=" padding-top:2px; text-align:center; height:20px; width:160px; background:url(imagenes/boton.jpg); border-bottom:1px #000000 solid" valign="middle" align="center"><a href="#" style="color:#CE0000; font-weight:bold; font-size:14px; font-family:tahoma">Contacto</a></div>
</div>
<div id="titulo-izquierda-2">
<h4 class="Estilo1">Noticias</h4>
</div>
<div id="texto-izquierda-2">
Codigo PHP de noticias
</div>
</div>
<!-- Columna de texto -->
<div id="texto-general">
<div id="titulo-derecha-1">
<h4 class="Estilo1">Bienvenido a Antera Solutions</h4>
</div>
<div id="texto"><p>Internet es una red de redes a escala mundial de millones de computadoras interconectadas con un conjunto de protocolos, en la actualidad internet incluye alrededor de 5000 redes en todo el mundo y existen millones de paginas web que ni dedic&aacute;ndole toda una vida nos dar&iacute;a tiempo ha visitarlas todas.</p>
<p>Para muchas empresas, tener una s&oacute;lida presencia en Internet ha pasado de ser una opci&oacute;n m&aacute;s a toda una necesidad. Su p&aacute;gina web es, en muchas ocasiones, el primer y m&aacute;s importante contacto que tiene el cliente con la empresa y sus servicios.</p>
<p>Por ello Antera Solutions pone a su disposici&oacute;n sus servicios de dise&ntilde;o y desarrollo web por que creemos en que toda empresa debe de tener su sitio en internet y por que cremos que queda mucho por hacer tanto en el dise&ntilde;o como que en el desarrollo web a medida de cada cliente. </p>
<p>&iquest;A que esperas para tener tu web?</p>
<p><a href="#" class="link"><strong>Pidenos presupuesto sin ningun compromiso.</strong></a></p>
</div>
<div id="links-bajo"><a href="index.php" class="link">Inicio</a> | <a href="#" class="link">Servicios</a> | <a href="#" class="link">Portfolio</a> | <a href="#" class="link">Empresa</a> | <a href="#" class="link">Enlaces</a> | <a href="#" class="link">Contacto</a></div>
</div>
</div>
<!-- Condiciones -->
<div id="bajo">HTML | CSS | Mapa Web | Accesibilidad</div>
</body>
</html>
estilo.css:

Cita:
/*<--Definicion general-->*/
BODY {
margin : auto;
text-align: center;
padding : 25px 0px 0px 0px;
color: #FFFFFF;
background-color: #FFFFFF;
}
P {
font-family:tahoma;
font-size: 12px;
color: #FFFFFF;
}
.Estilo1 {
font-family:tahoma;
color: #FFFFFF;
}
/*<--Links generales-->*/
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
A.link, A.link:VISITED, A.link:ACTIVE, A.link:FOCUS, A.link:LINK {
font-family:tahoma;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
}
A.link:HOVER{
font-family:tahoma;
font-size: 12px;
color: #FFFFFF;
text-decoration: underline;
}
/*<--textos-->*/
#1 {
font-family:tahoma;
font-size: 12px;
color: #CC0000;
text-decoration: none;
height: 30px;
padding-top: 7px;
background-image: url(imagenes/boton.jpg);
}
/*<--texto2-->*/
#2 {
font-family:tahoma;
font-size: 12px;
color: #CC0000;
text-decoration: none;
height: 30px;
padding-top: 7px;
background-image: url(imagenes/boton.jpg);
}
/*<--texto3-->*/

/*<--Cabecera Y Cuerpo-->*/

#banner {
margin: auto;
text-align: center;
padding: 0px;
width: 700px;
height: 200px;
}
#cuerpo {
padding-top: 10px;
margin: auto;
text-align: center;
padding: 0px;
width: 700px;
height: 500px;
background-color: #2C2C2C;
}
/*<--Parte que va a la izquierda-->*/
#titulo-izquierda-1 h4 {
display: inline;
}
#izquierda {
width: 160px;
float: left;
padding: 20px 20px 20px 30px;
}
#titulo-izquierda-1 {
margin: auto;
padding: 5px 0;
background-color: #CA0000;
text-align: center;
width: 160px;
float: left;
}
#texto-izquierda-1 {
margin: auto;
padding: 5px 0;
background-color: #4D4D4D;
text-align: justify;
width: 160px;
float: left;
}
#titulo-izquierda-2 {
margin: auto;
padding: 5px 0;
background-color: #CA0000;
text-align: center;
width: 160px;
float: left;
}
#texto-izquierda-2 {
margin: auto;
padding: 5px 0 ;
background-color: #4D4D4D;
text-align: justify;
width: 160px;
float: left;
}

/*<--Parte en la que va el texto principal-->*/
#titulo-derecha-1 {
margin: auto;
padding: 5px 5px 5px 5px;
background-color: #CA0000;
text-align: center;
width: 435px;
height: 20px;
float: left;
}
#titulo-derecha-1 h4 {
display: inline;
}
#texto-general {
margin: auto;
padding: 20px 20px 20px 20px;
text-align: justify;
width: 435px;
float: left;
}
#texto {
margin: auto;
text-align: justify;
width: 435px;
background-color: #4D4D4D;
padding: 5px 5px 5px 5px;
}
#links-bajo {
margin: auto;
text-align: center;
width: 435px;
background-color: #4D4D4D;
padding: 5px 5px 5px 5px;
}
/*<--Condiciones-->*/
#bajo {
margin: auto;
text-align: center;
width: 700px;
clear: both;
background-color: #2C2C2C;
}
Un saludo