Como creamos nuestra primera página web
Al principio, como era nuestra primera vez en el tema de las paginas Web y de los códigos, nos costo empezar a realizarla, pero después de un tiempo de practica pudimos acostumbrarnos a trabajar en este tema.
Bueno en este artículo lo principal es querer contarles sobre nuestros pasos y anécdotas que tuvimos que hacer para crear nuestra primera pagina Web en bloc de notas y además poder enseñarles a ustedes como crearla.
1. Estamos en el escritorio
2. Con el botón derecho del Mouse ponemos nuevo.- “documento de texto”.
3. Antes que todo investigamos profundamente sobre el tema, nos informamos, aplicamos etiquetas que investigamos.
Algunas de estas etiquetas que empleamos son:
B /B = Texto en negrilla
I /I =Texto en itálica
U /U = Texto subrayado
P = Etiqueta de párrafo (no lleva etiqueta de termino, es análoga al Enter)
BR = Etiqueta para introducir saltos de línea (no lleva etiqueta de termino.)
FONT /FONT = Fuente
Recuerda que cada etiqueta o código debe estar encerrado entre “< >” al principio y al final.
4. En el bloc de notas hay una cosa muy importante que hay que saber, para que sea reconocida como una pagina Web debes escribir el código “HTML”.
Un ejemplo de la estructura básica de un documento HTML es la siguiente:
html
head
title Título /title
/head
body Texto del documento, menciones a gráficos, enlaces, etc.
/html
En el bloc de notas podemos poner fotos, información, links entre otras muchas cosas que podemos hacer.
5. Después de tener todo este nosotros decidimos empezar la pagina con una pagina principal que en ella hayan links a las otras secciones de esta pagina.
Las etiquetas de los links son:
a /a
El link tiene varios atributos, entre ellos HREF y TARGET.
El HREF es el nombre del documento al cual nos queremos enlazar. La información que se desplegará en pantalla para indicar a dónde irá el link se escribe entre las dos etiquetas.a href=http://www.youtube.com/ youtube /a
También existen link hacia una dirección de email.
a href=" elnombre@direccion.com" Texto de enlace /a
TARGETEl target se utiliza para indicar la ventana en la cual se desplegará el contenido del link que se ha activado.
Recuerda que cada etiqueta o código debe estar encerrado entre “< >” al principio y al final.
6. bueno pero una buena página Web no lo es sin unas buenas fotos que complementen toda la información. Nosotros tenemos la etiqueta para poner fotos, esta es:
IMG SRC="Nombre .GIF" = Insertar imágenes
Hay que asegurarse de que el nombre y/o su extensión estén bien escritas o no te funcionara el proceso.
Algunos de los atributos de las imágenes son:
WIDTH="X" = Ancho de la imagen.
HEIGHT="X" = Altura de la imagen.
ALIGN="X" = Alineamiento de la imagen.
Los 2 primeros atributos son para ajustar el tamaño de la imagen y el último es para poner el lugar donde se va a ubicar la imagen.
7. Después seguimos haciendo la pagina pero poniendo toda la información en profundidad incluyendo las fotos.
8. Pensamos que también seria importante poner los objetivos y las características de la página web, todo esto en una tabla para poder entender mejor.
Crear Página Web mediante un programa (Publisher):
1.- Primero Elegimos el Prediseño que mas nos gusto en el programa “Publisher”, dando como requisitos una apariencia adecuada para poder concentrarse al leer (La elección de colores Neutros y formas mas cuadradas).
2.- Al tener el prediseño listo, empezamos a elaborar la información, sacada de fuentes de información variadas, como “Wikipedia”, paginas privadas, etc.
PD: Esta información la pusimos en sectores prediseñados donde se coloca la información, ya que no se puede colocar en cualquier parte.
3.- Al tener la información lista se empieza a ordenas, creando una pagina principal, una de información, otra para que nos conocieran, etc.
4.- Estas paginas separadas no servían estando así sueltas, por lo que tuvimos que empezar a crear link que permitieran el poder moverse libremente por todas las paginas que teníamos de manera ordenada.
5.- Para finalizar completamos las paginas con imágenes para apoyar la información que expusimos y completamos con informaciones que obteníamos de diversas fuentes, como lo que sabía cada uno y lo que se obtuvo de paginas Web que visitamos después.
Procedimiento para subir la pagina al Web host:
1. Buscamos hosting gratuitos, pero no encontramos ninguno que nos convenciera
Después visitamos el foro de eduteca (http://www.eduteca.cl/) y a Matías Pareja se le ocurrió crear un tema donde las personas pudieran recomendar hosting gratuitos
Después de algún tiempo vimos las recomendaciones de varios posting y nos decidimos por el 000webhost (http://www.000webhost.com/) lo encontramos bastante bueno por sus 250MB de memoria, su programa de construcción de nuestra página Web y su facilidad de uso.
2. Después de encontrar el hosting tuvimos que crear una cuenta.
3. Después creamos nuestro dominio, que es el nombre de la página Web
4. Después fuimos descubriendo como subir nuestra página Web. Descargamos el “FileZilla” que es un programa para subir archivos FTP
. 
5. Cuando ya instalamos al programa “FileZilla” colocamos los datos que nos pedía este programa y nos conectamos a la cuenta.
6. Cuando ya nos conectamos creamos la carpeta “Public_html” y en esta carpeta colocamos todos nuestros archivos, fotos, etc.
Y así logramos crear nuestra página web.
Espero que les haya servido mucho y nos vemos en otra oportunidad.