¡Buenas tardes diseñoadictos ¡
En las ultimas
entradas hemos hablado sobre el lenguaje HTML y las hojas de estilo CSS. Pues
bien. En esta entrada vamos a poner en práctica lo anterior, con la ayuda del
HTML y CSS vamos a crear nuestra página web. Para ello debemos seguir los
siguientes pasos:
1. Crear una nueva carpeta, para guardar
los archivos a crear.
2. Copiar y pegar (texto de la imagen,
desde “body” hasta “}” de la derecha) en el bloc de notas.
3. Guardarlo en la carpeta creada con:
a. Nombre: final.css
b. Tipo de archivo: TODOS LOS ARCHIVOS
c. Configuración: UTF-8
4. Nuevo archivo en bloc de notas, copiar
y pegar (texto de las dos imagenes).
5. Guardarlo en la carpeta creada con:
a. Nombre: index.html
b. Tipo de archivo: TODOS LOS ARCHIVOS
c. Configuración: UTF-8
6. PASO OPCIONAL. Podréis modificar la página web a vuestro
gusto, en el archivo CSS se modifican los colores y en el archivo HTML se
modifica el texto. A continuación, os dejo la codificación en CSS de algunos
colores, para que los uséis a vuestro gusto.
a. Salmón à #FE6B7A
b. Azul à #ADD2F0
c. Verde à #71DC64
d. Amarillo à #FFFF00
e. Rojo à #FF0000
f. Blanco à #FFFFFF
g. Negro à #000000
h. Morado à #CAA8DD
7. Si dais doble click en el archivo “index.html”,
se os abrirá directamente el navegador y aparecerá vuestra página web.
8. El último paso, es alojar la página en
un servidor. En este caso, utilizaremos un hostin gratuito (sólo dura 1 año); Hostinger. Para ello debéis pinchar en
el siguiente enlace, en el que se explica paso por paso, como subir nuestra página
a Hostinger:
