SlideShare una empresa de Scribd logo
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
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
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.
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.
Etiquetas básicas de HTML
Elemento 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
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
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.
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
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/
Después cargamos la nueva página que guardamos en la carpeta:
“C:gilbertopaginas” y la guardamos dentro de nuestra cuenta de hosting en el
directorio seleccionado (paginas) del administrador de archivos.
Una vez guardado el archivo observamos que ya se encuentra en la carpeta de
páginas de nuestro administrador, el documento: tarea_sesion3.html
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.
Url de la pagina Web
http://gilbernalvarez.esy.es/paginas/tarea_sesion3.html

Más contenido relacionado

La actualidad más candente

Inf 7 (instalación del xampp)
Inf 7 (instalación del xampp)Inf 7 (instalación del xampp)
Inf 7 (instalación del xampp)
Carlos Guzmán
 
Desarrolla aplicacionesweb
Desarrolla aplicacioneswebDesarrolla aplicacionesweb
Desarrolla aplicacionesweb
jesus alanis
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
BelenRosales12
 
Creación de pagina web
Creación de pagina webCreación de pagina web
Creación de pagina web
Jorge Gutiérrez
 
MANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTMLMANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTML
Jesus Elber Valencia Perea
 
I1 u2
I1 u2I1 u2
Capitulo II
Capitulo IICapitulo II
Capitulo II
manu1819
 
Manual Instalacion Wordpress
Manual Instalacion WordpressManual Instalacion Wordpress
Manual Instalacion Wordpress
guest0ba2463
 
Inf 10 (operaciones por pantalla) get
Inf 10 (operaciones por pantalla) getInf 10 (operaciones por pantalla) get
Inf 10 (operaciones por pantalla) get
Carlos Guzmán
 
Informe 4
Informe 4Informe 4
Informe 4
OliverGuaman1
 
Manual de instalacion de helix3 framework
Manual de instalacion de helix3 frameworkManual de instalacion de helix3 framework
Manual de instalacion de helix3 framework
Tefyta G
 
Primera_Aplicación_Python_Django_Postgresql_Fedora_19
Primera_Aplicación_Python_Django_Postgresql_Fedora_19Primera_Aplicación_Python_Django_Postgresql_Fedora_19
Primera_Aplicación_Python_Django_Postgresql_Fedora_19
Stalin Eduardo Tusa Vitar
 
Servidor web wamp server
Servidor web wamp serverServidor web wamp server
Servidor web wamp server
luis5rek
 
Pasos para crear paginas web
Pasos para crear paginas webPasos para crear paginas web
Pasos para crear paginas web
romeprofe
 
I1 u1
I1 u1I1 u1
Html ... aloa
Html ... aloaHtml ... aloa
Html ... aloa
Any Oliver
 
Wuala, dispocitivo de almacenamiento por internet.
Wuala, dispocitivo de almacenamiento por internet.Wuala, dispocitivo de almacenamiento por internet.
Wuala, dispocitivo de almacenamiento por internet.
dome pelaez
 
u1
u1u1

La actualidad más candente (18)

Inf 7 (instalación del xampp)
Inf 7 (instalación del xampp)Inf 7 (instalación del xampp)
Inf 7 (instalación del xampp)
 
Desarrolla aplicacionesweb
Desarrolla aplicacioneswebDesarrolla aplicacionesweb
Desarrolla aplicacionesweb
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Creación de pagina web
Creación de pagina webCreación de pagina web
Creación de pagina web
 
MANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTMLMANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTML
 
I1 u2
I1 u2I1 u2
I1 u2
 
Capitulo II
Capitulo IICapitulo II
Capitulo II
 
Manual Instalacion Wordpress
Manual Instalacion WordpressManual Instalacion Wordpress
Manual Instalacion Wordpress
 
Inf 10 (operaciones por pantalla) get
Inf 10 (operaciones por pantalla) getInf 10 (operaciones por pantalla) get
Inf 10 (operaciones por pantalla) get
 
Informe 4
Informe 4Informe 4
Informe 4
 
Manual de instalacion de helix3 framework
Manual de instalacion de helix3 frameworkManual de instalacion de helix3 framework
Manual de instalacion de helix3 framework
 
Primera_Aplicación_Python_Django_Postgresql_Fedora_19
Primera_Aplicación_Python_Django_Postgresql_Fedora_19Primera_Aplicación_Python_Django_Postgresql_Fedora_19
Primera_Aplicación_Python_Django_Postgresql_Fedora_19
 
Servidor web wamp server
Servidor web wamp serverServidor web wamp server
Servidor web wamp server
 
Pasos para crear paginas web
Pasos para crear paginas webPasos para crear paginas web
Pasos para crear paginas web
 
I1 u1
I1 u1I1 u1
I1 u1
 
Html ... aloa
Html ... aloaHtml ... aloa
Html ... aloa
 
Wuala, dispocitivo de almacenamiento por internet.
Wuala, dispocitivo de almacenamiento por internet.Wuala, dispocitivo de almacenamiento por internet.
Wuala, dispocitivo de almacenamiento por internet.
 
u1
u1u1
u1
 

Similar a tarea_sesion3MTA

Tarea sesion3
Tarea sesion3Tarea sesion3
Tarea sesion3
DESARO
 
Guia de aprendizaje
Guia de aprendizajeGuia de aprendizaje
Guia de aprendizaje
imbachipilar
 
Creación de una página web básica
Creación de una página web básicaCreación de una página web básica
Creación de una página web básica
Jesús Barrón
 
Ejercicios
EjerciciosEjercicios
Adjuntos fichero 143604
Adjuntos fichero 143604Adjuntos fichero 143604
Adjuntos fichero 143604
EVA MAYOR
 
Tarea 2 creación de página web básica
Tarea 2 creación de página web básicaTarea 2 creación de página web básica
Tarea 2 creación de página web básica
Jorge Gutiérrez
 
Tarea sesion3
Tarea sesion3Tarea sesion3
Tarea sesion3
lizdysolano
 
Subir actividades lim y ardora en tu blog
Subir actividades lim y ardora en tu blogSubir actividades lim y ardora en tu blog
Subir actividades lim y ardora en tu blog
axelpulgar80
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
nestor2004
 
Practicas de-dreamweaver
Practicas de-dreamweaverPracticas de-dreamweaver
Practicas de-dreamweaver
pmendesua
 
Practico html
Practico htmlPractico html
Practico html
Lautaro Lopez
 
Practico html
Practico htmlPractico html
Practico html
lucascen
 
Dreamweaver - Fichas de Aprendizaje 2014
Dreamweaver - Fichas de Aprendizaje 2014Dreamweaver - Fichas de Aprendizaje 2014
Dreamweaver - Fichas de Aprendizaje 2014
jorgequiat
 
Catalogo en linea
Catalogo en lineaCatalogo en linea
Catalogo en linea
Iñaki Formación
 
Manual de dreamweaver
Manual de dreamweaverManual de dreamweaver
Manual de dreamweaver
Mena75
 
Especialista Web J3
Especialista Web   J3Especialista Web   J3
Especialista Web J3
Moisés Cid Deza
 
Manual Wp4 WordPress
Manual Wp4 WordPressManual Wp4 WordPress
Manual Wp4 WordPress
mauricio souza
 
Dreamweaver cs5
Dreamweaver cs5Dreamweaver cs5
Dreamweaver cs5
Ayllen Sanchez
 
Dreamweaver cs5
Dreamweaver cs5Dreamweaver cs5
Dreamweaver cs5
AyllenZue
 
Descripcion imprimir lo za
Descripcion imprimir lo zaDescripcion imprimir lo za
Descripcion imprimir lo za
wilsonTicona
 

Similar a tarea_sesion3MTA (20)

Tarea sesion3
Tarea sesion3Tarea sesion3
Tarea sesion3
 
Guia de aprendizaje
Guia de aprendizajeGuia de aprendizaje
Guia de aprendizaje
 
Creación de una página web básica
Creación de una página web básicaCreación de una página web básica
Creación de una página web básica
 
Ejercicios
EjerciciosEjercicios
Ejercicios
 
Adjuntos fichero 143604
Adjuntos fichero 143604Adjuntos fichero 143604
Adjuntos fichero 143604
 
Tarea 2 creación de página web básica
Tarea 2 creación de página web básicaTarea 2 creación de página web básica
Tarea 2 creación de página web básica
 
Tarea sesion3
Tarea sesion3Tarea sesion3
Tarea sesion3
 
Subir actividades lim y ardora en tu blog
Subir actividades lim y ardora en tu blogSubir actividades lim y ardora en tu blog
Subir actividades lim y ardora en tu blog
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Practicas de-dreamweaver
Practicas de-dreamweaverPracticas de-dreamweaver
Practicas de-dreamweaver
 
Practico html
Practico htmlPractico html
Practico html
 
Practico html
Practico htmlPractico html
Practico html
 
Dreamweaver - Fichas de Aprendizaje 2014
Dreamweaver - Fichas de Aprendizaje 2014Dreamweaver - Fichas de Aprendizaje 2014
Dreamweaver - Fichas de Aprendizaje 2014
 
Catalogo en linea
Catalogo en lineaCatalogo en linea
Catalogo en linea
 
Manual de dreamweaver
Manual de dreamweaverManual de dreamweaver
Manual de dreamweaver
 
Especialista Web J3
Especialista Web   J3Especialista Web   J3
Especialista Web J3
 
Manual Wp4 WordPress
Manual Wp4 WordPressManual Wp4 WordPress
Manual Wp4 WordPress
 
Dreamweaver cs5
Dreamweaver cs5Dreamweaver cs5
Dreamweaver cs5
 
Dreamweaver cs5
Dreamweaver cs5Dreamweaver cs5
Dreamweaver cs5
 
Descripcion imprimir lo za
Descripcion imprimir lo zaDescripcion imprimir lo za
Descripcion imprimir lo za
 

Último

Evaluacion del tercer trimestre del 2023-2024
Evaluacion del tercer trimestre del 2023-2024Evaluacion del tercer trimestre del 2023-2024
Evaluacion del tercer trimestre del 2023-2024
israelsouza67
 
UrkuninaLab.pdfsadsadasddassadsadsadasdsad
UrkuninaLab.pdfsadsadasddassadsadsadasdsadUrkuninaLab.pdfsadsadasddassadsadsadasdsad
UrkuninaLab.pdfsadsadasddassadsadsadasdsad
JorgeVillota6
 
Chatgpt para los Profesores Ccesa007.pdf
Chatgpt para los Profesores Ccesa007.pdfChatgpt para los Profesores Ccesa007.pdf
Chatgpt para los Profesores Ccesa007.pdf
Demetrio Ccesa Rayme
 
tema 7. Los siglos XVI y XVII ( resumen)
tema 7. Los siglos XVI y XVII ( resumen)tema 7. Los siglos XVI y XVII ( resumen)
tema 7. Los siglos XVI y XVII ( resumen)
saradocente
 
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdfCarnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
EleNoguera
 
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdfCompartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
JimmyDeveloperWebAnd
 
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLMExamen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
Juan Martín Martín
 
3° SES COMU LUN10 CUENTO DIA DEL PADRE 933623393 PROF YESSENIA (1).docx
3° SES COMU LUN10  CUENTO DIA DEL PADRE  933623393 PROF YESSENIA (1).docx3° SES COMU LUN10  CUENTO DIA DEL PADRE  933623393 PROF YESSENIA (1).docx
3° SES COMU LUN10 CUENTO DIA DEL PADRE 933623393 PROF YESSENIA (1).docx
rosannatasaycoyactay
 
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIACONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
ginnazamudio
 
Power Point: El conflicto inminente (Bosquejo)
Power Point: El conflicto inminente (Bosquejo)Power Point: El conflicto inminente (Bosquejo)
Power Point: El conflicto inminente (Bosquejo)
https://gramadal.wordpress.com/
 
CONCURSOS EDUCATIVOS 2024-PRESENTACIÓN ORIENTACIONES ETAPA IE (1).pptx
CONCURSOS EDUCATIVOS 2024-PRESENTACIÓN ORIENTACIONES ETAPA IE (1).pptxCONCURSOS EDUCATIVOS 2024-PRESENTACIÓN ORIENTACIONES ETAPA IE (1).pptx
CONCURSOS EDUCATIVOS 2024-PRESENTACIÓN ORIENTACIONES ETAPA IE (1).pptx
CARMENSnchez854591
 
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBALMATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
Ana Fernandez
 
1° T3 Examen Zany de primer grado compl
1° T3 Examen Zany  de primer grado compl1° T3 Examen Zany  de primer grado compl
1° T3 Examen Zany de primer grado compl
ROCIORUIZQUEZADA
 
Prueba/test conoce tus heridas de la infancia
Prueba/test conoce tus heridas de la infanciaPrueba/test conoce tus heridas de la infancia
Prueba/test conoce tus heridas de la infancia
LudmilaOrtega3
 
Inteligencia Artificial y Aprendizaje Activo FLACSO Ccesa007.pdf
Inteligencia Artificial  y Aprendizaje Activo FLACSO  Ccesa007.pdfInteligencia Artificial  y Aprendizaje Activo FLACSO  Ccesa007.pdf
Inteligencia Artificial y Aprendizaje Activo FLACSO Ccesa007.pdf
Demetrio Ccesa Rayme
 
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdfFEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
Jose Luis Jimenez Rodriguez
 
Vida, obra y pensamiento de Kant I24.ppt
Vida, obra y pensamiento de Kant I24.pptVida, obra y pensamiento de Kant I24.ppt
Vida, obra y pensamiento de Kant I24.ppt
LinoLatella
 
Presentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdfPresentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdf
LuanaJaime1
 
Presentación de la historia de PowerPoint y sus características más relevantes.
Presentación de la historia de PowerPoint y sus características más relevantes.Presentación de la historia de PowerPoint y sus características más relevantes.
Presentación de la historia de PowerPoint y sus características más relevantes.
genesiscabezas469
 

Último (20)

Evaluacion del tercer trimestre del 2023-2024
Evaluacion del tercer trimestre del 2023-2024Evaluacion del tercer trimestre del 2023-2024
Evaluacion del tercer trimestre del 2023-2024
 
UrkuninaLab.pdfsadsadasddassadsadsadasdsad
UrkuninaLab.pdfsadsadasddassadsadsadasdsadUrkuninaLab.pdfsadsadasddassadsadsadasdsad
UrkuninaLab.pdfsadsadasddassadsadsadasdsad
 
Chatgpt para los Profesores Ccesa007.pdf
Chatgpt para los Profesores Ccesa007.pdfChatgpt para los Profesores Ccesa007.pdf
Chatgpt para los Profesores Ccesa007.pdf
 
tema 7. Los siglos XVI y XVII ( resumen)
tema 7. Los siglos XVI y XVII ( resumen)tema 7. Los siglos XVI y XVII ( resumen)
tema 7. Los siglos XVI y XVII ( resumen)
 
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdfCarnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
 
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdfCompartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
 
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLMExamen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
 
3° SES COMU LUN10 CUENTO DIA DEL PADRE 933623393 PROF YESSENIA (1).docx
3° SES COMU LUN10  CUENTO DIA DEL PADRE  933623393 PROF YESSENIA (1).docx3° SES COMU LUN10  CUENTO DIA DEL PADRE  933623393 PROF YESSENIA (1).docx
3° SES COMU LUN10 CUENTO DIA DEL PADRE 933623393 PROF YESSENIA (1).docx
 
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIACONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
 
Power Point: El conflicto inminente (Bosquejo)
Power Point: El conflicto inminente (Bosquejo)Power Point: El conflicto inminente (Bosquejo)
Power Point: El conflicto inminente (Bosquejo)
 
A VISITA DO SENHOR BISPO .
A VISITA DO SENHOR BISPO                .A VISITA DO SENHOR BISPO                .
A VISITA DO SENHOR BISPO .
 
CONCURSOS EDUCATIVOS 2024-PRESENTACIÓN ORIENTACIONES ETAPA IE (1).pptx
CONCURSOS EDUCATIVOS 2024-PRESENTACIÓN ORIENTACIONES ETAPA IE (1).pptxCONCURSOS EDUCATIVOS 2024-PRESENTACIÓN ORIENTACIONES ETAPA IE (1).pptx
CONCURSOS EDUCATIVOS 2024-PRESENTACIÓN ORIENTACIONES ETAPA IE (1).pptx
 
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBALMATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
 
1° T3 Examen Zany de primer grado compl
1° T3 Examen Zany  de primer grado compl1° T3 Examen Zany  de primer grado compl
1° T3 Examen Zany de primer grado compl
 
Prueba/test conoce tus heridas de la infancia
Prueba/test conoce tus heridas de la infanciaPrueba/test conoce tus heridas de la infancia
Prueba/test conoce tus heridas de la infancia
 
Inteligencia Artificial y Aprendizaje Activo FLACSO Ccesa007.pdf
Inteligencia Artificial  y Aprendizaje Activo FLACSO  Ccesa007.pdfInteligencia Artificial  y Aprendizaje Activo FLACSO  Ccesa007.pdf
Inteligencia Artificial y Aprendizaje Activo FLACSO Ccesa007.pdf
 
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdfFEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
 
Vida, obra y pensamiento de Kant I24.ppt
Vida, obra y pensamiento de Kant I24.pptVida, obra y pensamiento de Kant I24.ppt
Vida, obra y pensamiento de Kant I24.ppt
 
Presentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdfPresentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdf
 
Presentación de la historia de PowerPoint y sus características más relevantes.
Presentación de la historia de PowerPoint y sus características más relevantes.Presentación de la historia de PowerPoint y sus características más relevantes.
Presentación de la historia de PowerPoint y sus características más relevantes.
 

tarea_sesion3MTA

  • 1. 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
  • 2. 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
  • 3. 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.
  • 4. 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.
  • 5. Etiquetas básicas de HTML Elemento 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
  • 6. 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
  • 7. 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.
  • 8. 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
  • 9. 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/
  • 10. Después cargamos la nueva página que guardamos en la carpeta: “C:gilbertopaginas” y la guardamos dentro de nuestra cuenta de hosting en el directorio seleccionado (paginas) del administrador de archivos.
  • 11. Una vez guardado el archivo observamos que ya se encuentra en la carpeta de páginas de nuestro administrador, el documento: tarea_sesion3.html
  • 12. 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.
  • 13. Url de la pagina Web http://gilbernalvarez.esy.es/paginas/tarea_sesion3.html