Tarea sesion3 alvarez_bernal

13
UNIVERSIDAD DE GUADALAJARA CENTRO UNIVERSITARIO DE LOS VALLES MAESTRÍA EN TECNOLOGÍAS PARA EL APRENDIZAJE TALLER DE DISEÑO WEB ASESOR: MTRO. ABRAHAM VEGA TAPIA ALUMNO: GILBERTO ALVAREZ BERNAL Tarea_Sesión3 Creación de una Página Web Básica

Transcript of Tarea sesion3 alvarez_bernal

Page 1: Tarea sesion3 alvarez_bernal

UNIVERSIDAD DE GUADALAJARA

CENTRO UNIVERSITARIO DE LOS VALLES

MAESTRÍA EN TECNOLOGÍAS PARA EL APRENDIZAJE

TALLER DE DISEÑO WEB

ASESOR: MTRO. ABRAHAM VEGA TAPIA

ALUMNO: GILBERTO ALVAREZ BERNAL

Tarea_Sesión3Creación de una Página Web Básica

Page 2: Tarea sesion3 alvarez_bernal

Antes de comenzar a diseñar tu página Web, deberás de crear una carpeta en la unidad de disco local (C:). La cual deberá de llevar tu nombre. En este directorio, almacenarás los archivos y carpetas necesarias para hacer funcional tu página Web

Carpeta creada con tu nombre

Page 3: Tarea sesion3 alvarez_bernal

Dentro de la carpeta principal (gilberto), crea cinco carpetas con los nombres: páginas, imágenes, multimedia, javascript y css. Estas te servirán para poder estructurar de una forma organizada toda la información que contendrá tu página web.

Page 4: Tarea sesion3 alvarez_bernal

Comenzaremos a editar nuestra página web, abriendo un bloc de notas y agregando al menos las etiquetas básicas de HTML para hacer funcionar nuestro sitio web.

Page 5: Tarea sesion3 alvarez_bernal

Etiquetas básicas de HTMLElemento Descripción

<html> Representa la raíz de un documento HTML o XHTML. Todos los demás elementos deben ser descendientes de este elemento

<head> Representa una colección de metadatos acerca del documento, incluyendo enlaces a, o definiciones de, scripts y hojas de estilo.

<body> Representa el contenido principal de un documento HTML. Solo hay un elemento <body> en un documento.

Fuente: https://developer.mozilla.org/es/docs/HTML/HTML5/HTML5_lista_elementos

Page 6: Tarea sesion3 alvarez_bernal

Termina de editar el archivo con las etiquetas que se piden en la tarea y al finalizar guárdalo en la carpeta de páginas, con el nombre: tarea_sesion3.html

Page 7: Tarea sesion3 alvarez_bernal

Ejecuta el archivo desde tu computadora, para descartar errores, realízalo con el navegador de tu preferencia y observa el resultado, si existe un error, revisa tu archivo en el bloc de notas, actualiza y vuelve a ejecutarlo.

Page 8: Tarea sesion3 alvarez_bernal

Es momento de subir tu página, en algún servicio de hosting gratuito, en nuestro caso vamos a utilizar la cuenta que previamente creamos en Hostinger.es, en lo personal cuento con el dominio: https://gilbernalvarez.esy.es

Page 9: Tarea sesion3 alvarez_bernal

Al ingresar al administrador de archivos, encontraremos las cinco carpetas básicas y el archivo índex que creamos en la clase de la sesión anterior. http://gilbernalvarez.esy.es/

Page 10: Tarea sesion3 alvarez_bernal

Después cargamos la nueva página que guardamos en la carpeta: “C:\gilberto\paginas” y la guardamos dentro de nuestra cuenta de hosting en el directorio seleccionado (paginas) del administrador de archivos.

Page 11: Tarea sesion3 alvarez_bernal

Una vez guardado el archivo observamos que ya se encuentra en la carpeta de páginas de nuestro administrador, el documento: tarea_sesion3.html

Page 12: Tarea sesion3 alvarez_bernal

Como nuestra pagina no es la de inicio, tendremos que buscarla desde la barra de direcciones del navegador como:http://gilbernalvarez.esy.es/paginas/tarea_sesion3.html, especificando toda la ruta.

Page 13: Tarea sesion3 alvarez_bernal

Url de la pagina Web http://gilbernalvarez.esy.es/paginas/tarea_sesion3.html