martes, 21 de septiembre de 2010

Ejercicio con CSS Martes 21/09/2010

Instrucciones:
Crear una carpeta en el escritorio con su nombre.
Activar las imágenes que a continuación se presentan y guardarlas como: imagen como...en su carpeta(no modifique el nombre, ni su extensión de archivo).






Ahora, ingresa a TopStyle y crea un nuevo documento HTML 4.01 Transitional
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;
 color:#254663;
 }
.derecha{
 margin-bottom: 10px;
 float: right;
 width: 550px;
 padding: 0 10px 10px 10px;
 margin-top: 10px;
 }
.izquierda{
 float: left;
 width: 180px;
 background:#8fb4d4;
 margin-bottom: 10px;
 margin-top: 20px;
 }
.pie{
 font-size: 20px;
 text-align: center;
 border-top: 1px solid #ccc;
 padding: 10px 5px;
 background-color:#396e9b;
 clear:both;
 }

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

Éste es el texto que va dentro de "Div Class="derecha"

(copiar y pegar este texto)


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


La economía India en los próximos años será una de las principales potencias mundiales gracias en parte a empresas como la automovilística Tata y es que ésta ha desarrollado el vehículo más barato del mundo llamado Nano.

El Tata Nano tendrá un precio más reducido en la India para impulsar la motorización del país y se pondrá a la venta a unos 1.500 euros mientras que aquí en España y en el resto de Europa tendremos que esperar hasta finales del 2010 o principios del 2011 para poder comprarlo, eso sí a un precio más caro y no inferior a unos 3.500 euros porque debe de reunir las condiciones de seguridad exigidas por la Unión Europea.

El hecho de que tenga un precio tan reducido se debe a que en su fabricación han utilizado mucha cantidad de plástico en lugar de planchas de metal, las uniones entre los chasis han sido remachadas en lugar de soldadas y luego también fruto del bajo coste de la mano de obra en el país indio.

A pesar de esto, el coche más económico del mundo vendrá a España con un equipamiento de serie, con algún airbag, dirección asistida, elevalunas eléctricas y una estructura algo más reforzada para un motor en dos cilindros que alcanzará velocidades máximas de 70 kms.


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

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