DESARROLLO DE APLICACIONES EN

INTERNET

LABORATORIO N° 4

GITHUB PAGES
CODIGO DEL CURSO:

Alumno(s) Nota

Alberto Vaca, Miguel Angel

Grupo A
Ciclo III
Fecha de entrega 16/04/2023

PROGRAMA DE FORMACIÓN REGULAR

I.- OBJETIVOS:
• Conocer Git y Github
• Utilizar lo aprendido para generar una página web

II.- SEGURIDAD:
Advertencia:
En este laboratorio está prohibida la manipulación del
hardware, conexiones eléctricas o de red; así como la
ingestión de alimentos o bebidas.

III.- FUNDAMENTO TEÓRICO:

Revise sus diapositivas del tema antes del desarrollo del laboratorio.

IV.- NORMAS EMPLEADAS:

No aplica

V.- RECURSOS:
• En este laboratorio cada alumno trabará con un equipo con Windows
• Visual Studio Code
• Extensiones:
o Prettier
o LiveServer

VI.- METODOLOGÍA PARA EL DESARROLLO DE LA TAREA:

• El desarrollo del laboratorio es individual.

VII.- PROCEDIMIENTO:

ACTIVIDADES

Preparación del entorno de trabajo

Seguir las instrucciones del docente e iniciar con el desarrollo del

laboratorio.
1. Crear una carpeta con el nombre Laboratorio04

2. Crear la siguiente estructura de carpetas

3. En index.html digitar el siguiente código

4. En la carpeta CSS crear 2 archivos
5. En main.css

6. En menú.css
 7. En la carpeta imágenes pegar una foto de perfil con el nombre perfil.jpeg

8. Ir a su cuenta de github y crear un nuevo repositorio con el nombre (nombre de su

usuario).github.io

9. Subir su sitio web al sitio creado en el punto anterior.

• Git add -A
• Git commit -m “primer commit”
• Git remote add origin XXXX (Link de su sitio)
• Git push origin master

10. Esperar unos minutos

ACTIVIDADES

1. Crear un portafolio con sus datos y foto y subirlo a GitHub Pages.

LINK DEL REPOSITORIO GITHUB PAGES:

- https://github.com/Miguel-Alberto-V/Miguel-Alberto-V.github.io

LINK DE MI CV:
- https://miguel-alberto-v.github.io/CV_Miguel.html

OBSERVACIONES:

1. GitHub Pages es una herramienta útil para publicar sitios web de manera rápida y gratuita. La
plataforma permite alojar páginas web directamente en los repositorios de GitHub y utilizar la
infraestructura de la plataforma para alojar y servir contenido estático.

2. Se observo que para poder ver nuestra pagina ya subida a GitHub Pages, este toma un tiempo
en mostrarse y que los primeros momentos nos mostrara un error 404

CONCLUSIONES:

1. Se concluyo que GitHub Pages es una herramienta útil para publicar sitios web de manera rápida
y gratuita. La plataforma permite alojar páginas web directamente en los repositorios de GitHub y
utilizar la infraestructura de la plataforma para alojar y servir contenido estático.
2. GitHub Pages es especialmente popular entre los desarrolladores que desean compartir su
trabajo o documentación en línea. Los repositorios públicos de GitHub permiten a los
desarrolladores colaborar, realizar contribuciones y crear una comunidad alrededor de su trabajo.

3. Se concluyo que GitHub Pages está diseñado para alojar contenido estático, lo que significa que
no es adecuado para sitios web que requieren una gran cantidad de interacción dinámica o de
servidor