15
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

Creación de una página web básica

Embed Size (px)

Citation preview

Page 1: Creación de una página web básica

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

Page 2: Creación de una página web básica

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

Page 3: Creación de una página web básica

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

Page 4: Creación de una página web básica

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

Page 5: Creación de una página web básica

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

Page 6: Creación de una página web básica

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

Page 7: Creación de una página web básica

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

Page 8: Creación de una página web básica

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

Page 9: Creación de una página web básica

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

Page 10: Creación de una página web básica

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

Page 11: Creación de una página web básica

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

Page 12: Creación de una página web básica

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

Page 13: Creación de una página web básica

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

Page 14: Creación de una página web básica

Resultado final: Nueva página web

Elaborado por: Jesús Armando Barrón López

Page 15: Creación de una página web básica

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.ht

ml

URL corta: http://bit.ly/1JsV4Ky