viernes, 10 de septiembre de 2010

Nuevo diseño con CSS

Instrucciones:
  1. Crear una carpeta en el escritorio con su nombre.
  2. Activar la imagen que a continuación se presenta y guardar imagen como...en su carpeta(no modifique el nombre, ni su extensión de archivo).
  3. Ahora, ingresa a TopStyle y crea un nuevo documento HTML 4.01 Transitional
  4. El código CSS de estilos es el siguiente (copia y pega donde se te indique. Recuerda que van dentro de las etiquetas
---------------------------

body{
background: #333; 
}
.contenedor{
padding: 10px 10px 3px 10px; 
width: 760px; 
margin:20px auto; 
background: #fff;
}

.cabecera{
background-image: url(header.jpg);
background-color: #FE7B09;
height: 215px;
color:white;
font-weight: bold;
}
h1 {
font-size: 30px;
font-weight: 100;
letter-spacing: -1px;
padding: 22px 0 5px 10px;
}
h2{
text-align: center;
font-size: 8px;
color:white;
padding:10px;
}
.derecha{ 
margin-bottom: 10px; 
float: right; 
width: 550px; 
padding: 0 10px 10px 10px; 
margin-top: 10px;
}
.izquierda{
float: left; 
width: 180px; 
background: #CFDDFF; 
margin-bottom: 10px; 
margin-top: 20px;
}
.pie{ 
font-size: 20px; 
text-align: center; 
border-top: 1px solid #ccc; 
padding: 10px 5px; 
background-color:#212a0d;
clear:both;
}

------------------------------------------------


  1. Éste es el texto que va dentro de

(copiar y pegar este texto)


-------------


La flor es la estructura reproductiva característica de las plantas llamadas espermatofitas o fanerógamas. La función de una flor es producir semillas a través de la reproducción sexual. Para las plantas, las semillas son la próxima generación, y sirven como el principal medio a través del cual las especies se perpetúan y se propagan.
Todas las espermatofitas poseen flores que producirán semillas, pero la organización interna de la flor es muy diferente en los dos principales grupos de espermatofitas: gimnospermas vivientes y angiospermas.
Las gimnospermas pueden poseer flores que se reúnen en estróbilos, o la misma flor puede ser un estróbilo de hojas fértiles. En cambio una flor típica de angiosperma está compuesta por cuatro tipos de hojas modificadas, tanto estructural como fisiológicamente, para producir y proteger los gametos: sépalos, pétalos, estambres y carpelos.[1]


------------

6. Por último, sigue la guía de instrucciones que se encuentra en la pizarra:

7. Procede a guardar tu archivo en la carpeta que creaste con anterioridad, con el nombre: index.html