jueves, 9 de septiembre de 2010

Cabeceras para su sitio web

A continuación se presenta un listado de cabeceras que podrá utilizar para diseñar su estructura HTML-CSS. Tome en cuenta que deberá descargar cualquiera (activarla y luego guardarla como... en su carpeta), luego crear la estructura que se solicita (ver el pizarrón). Por favor, ver la resolución de la imagen para determinar el Height y Width. (Ancho: 850px y Alto: 200px) . NOTA: EL CÓDIGO CSS ESTA HASTA EL FINAL. PUEDE COPIARLO Y PEGARLO DENTRO DE LA ESTRUCTURA HTML O BIEN COPIARLO Y PEGARLO EN UN DOCUMENTO CSS, Y LUEGO INVOCARLO A CSS A TRAVES DE LINK REL.



















CÓDIGO DE ESTILOS PARA SU SITIO:

body{
    background-color: coloque_su_color;
}
.contenedor{
    width: 850px;
    height: 800px;
    }
.cabecera{
    background-image: url("nombre_de_suimagen.extension")
    width: 850px;
    height: 200px;
    background-repeat: repeat-x;
}
.lateralizquierda{
    background-color: coloque_su_color;
    width:300px;
    height: 400px;
    float:left;
}
.contenedortexto{
    background-color: coloque_su_color;
    width:auto;
    height: 400px;
    float:right;
}
.pie{
    background-color: coloque_su_color;
    width: 850px;
    height: 100px;
    clear:both;
}