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-image: url(danzafondo.jpg);
background-position: center;
}
.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)
-------------
Querida tierra hermosa y solemne
que desde otros mundos extrano en mi mente
querida diosa de tierra y mar
concedeme que te pueda amar
me viste parir entre humo y sazon
me viste crecer con entendimiento y razon
me olvide de ti en un pastizal
me olvide de ti de tu rocio maternal
tu tierra ya no da mas
infertil y desnuda de paz
sangre cabalga tus montes
muerte clama tus horizontes
dejame pedirte disculpas
dejame pedirte perdon
por ser un hijo insolente
por jugar con la traicion
patria no te dejes derrotar
por insolentes de mundo y mar
hazlos caer en la belleza de amar
a la madre que los vio desterrar
te prometo que voy a pelear
colocarte en un trono imperial
luchar por tu libertad
y volver a decirte: ¡MAMA!
Te amo ¡GUATEMALA!
------------
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
