En esta presentación se muestran los pasos de como crear una nueva página web básica, por medio de códigos (etiquetas) de HTML; se describe desde la escritura de los códigos de HTML hasta su publicación en Internet.

1. CREACIÓN DE UNA
PÁGINA WEB BÁSICA
Universidad de Guadalajara
Centro Universitario de los Valles
Maestría en Tecnologías para el Aprendizaje
Taller de Diseño Web Dinámico
Asesor: Mtro. Abraham Vega Tapia
Estudiante: Jesús Armando Barrón López

2. Paso 1: Abrir en la computadora un programa que
permita escribir texto plano o para páginas web, como
pueden ser: Bloc de notas, Sublime Text, Adobe
Dreamweaver, entre otros.
Elaborado por: Jesús Armando Barrón López

3. Paso 2: En el programa elegido, escribir los códigos
(etiquetas) de HTML, para la creación de la página web.
Elaborado por: Jesús Armando Barrón López

4. Paso 3: Una vez escritos los códigos (etiquetas) de HTML, se debe
guardar el archivo con el nombre: “tarea_sesion3.html”, en el
apartado de codificación se debe modificar de ANSI a UTF-8. Es
recomendable crear una carpeta en el Disco local (C:) para alojar
todos los elementos que contendrá la página web.
Elaborado por: Jesús Armando Barrón López

5. Paso 4: Una vez guardado el archivo, éste se debe abrir con
un navegador web, para observar cómo se visualizará la
página en internet, esto también ayudará a identificar posibles
errores que se pudieron cometer a la hora de escribir los
códigos (etiquetas) HTML.
Elaborado por: Jesús Armando Barrón López

6. Paso 5: Una vez que se comprobó que la página se
visualizará correctamente en internet, está lista para
subirse a la red, para esto se debe abrir un navegador
web.
Elaborado por: Jesús Armando Barrón López

7. Paso 6: En el navegador se debe ingresar a la página:
http://www.hostinger.es/
Elaborado por: Jesús Armando Barrón López

8. Paso 7: Después de abrir la página
http://www.hostinger.es/, se debe iniciar sesión.
Elaborado por: Jesús Armando Barrón López

9. Paso 8: Al iniciar sesión se muestra el panel de control
para la administración de nuestro “hosting”, en el cual
debemos buscar e ingresar a la opción “Administrador
de archivos”.
Elaborado por: Jesús Armando Barrón López

10. Paso 9: Al ingresar al “Administrador de archivos” se debe
ubicar la subcarpeta “paginas”, se debe ingresar a dicha
subcarpeta y posteriormente se debe subir el archivo
guardado como “tarea_sesion3.html”.
Elaborado por: Jesús Armando Barrón López

11. Paso 10: Para subir el archivo “tarea_sesion3.html” se debe
hacer un clic en el ícono señalado en la imagen, se abrirá una
ventana emergente donde se ubicará el archivo a subir, una
vez ubicado se dará clic en “Abrir”.
Elaborado por: Jesús Armando Barrón López

12. Paso 11: Una vez llevado a cabo el paso anterior, nuestro
archivo ya se encuentra en Internet como una página, para
comprobarlo debemos dar doble clic en el archivo que
subimos, al hacer esto nos direccionara a la URL de nuestra
página.
Elaborado por: Jesús Armando Barrón López

13. Paso 12: Ahora ya podemos cerrar la sesión en la
página http://www.hostinger.es y posteriormente
dirigirnos directamente a la URL de nuestra nueva
página.
Elaborado por: Jesús Armando Barrón López

14. Resultado final: Nueva página web
Elaborado por: Jesús Armando Barrón López

15. URL de la nueva página web
Elaborado por: Jesús Armando Barrón López
URL larga:
http://jbarron.hol.es/paginas/tarea_sesion3.html
URL corta:
http://bit.ly/1JsV4Ky