Universidad Alberto Hurtado

Facultad de Economía y Negocios

Gestión de Información, Bibliotecología y Archivística
Asignatura: Inteligencia Artificial aplicada al mundo laboral

TALLER 1
Creación de sitio web estático

INSTRUCCIONES
1. Generar los PROMPTs necesarios para dar cumplimiento a lo solicitado en pauta.
2. Debe sacar captura pantalla a todos los PROMPTs generados y ejecutados en ChatGPT
3. Debe comprimir la carpeta con todos los archivos del sitio web generado.
4. Debe entregar las capturas de pantalla y el archivo comprimido con el sitio web.
5. Los archivos se deben entregar vía Teams (sección Tarea). Solo se recibirán trabajos por este medio.
6. Fecha máxima de entrega: 27/09/2023

Objetivo del Taller:

Desarrollar un sitio web estático utilizando PROMPTs generados por ChatGPT.

- El sitio debe tener, al menos, 4 páginas HTML (la página de inicio (index.html) y 3 páginas más con algún
contenido.
- Todo el contenido debe estar correctamente estructurado siguiendo una lógica de carpetas.
- Las páginas deben tener texto (generado por ChatGPT), imágenes y, al menos una de ellas, un video
incrustado desde Youtube.
- La temática del sitio es libre
- El sitio debe tener un diseño ‘atractivo’
- El sitio se debe visualizar de correcta forma en los distintos navegadores (Edge, Chrome, Firefox, etc.)

Definición de la Estructura del Proyecto

Antes de hacer cualquier pregunta a ChatGPT, defina qué tipo de sitio web le gustaría crear. Podría ser, por
ejemplo, un portafolio personal, un blog temático o una página de presentación de un producto.

Generación de Estructura de Carpetas y Archivos

Genere una pregunta clara y concisa a ChatGPT para generar la estructura de carpetas y archivos necesarios
para tu sitio. Por ejemplo:

¿Cuál sería la estructura de carpetas y archivos para un sitio web estático con
4 páginas HTML?

Desarrollo de las Páginas HTML

Para cada página, proporcione una descripción detallada de lo que le gustaría que contenga y solicite a
ChatGPT que genere el código HTML correspondiente.

Estilización con CSS

Pregunte a ChatGPT cómo crear un archivo CSS y, a continuación, cómo estilizar elementos específicos que
estén en sus páginas HTML.

Revisión y Ajustes
Una vez que obtenga el código, insértelo en su estructura de proyecto y visualice el sitio en su navegador
favorito. Realice ajustes según sea necesario y vuelva a consultar a ChatGPT si tiene dudas o necesita más
código.

Evaluación:
• Claridad y eficacia de los PROMPTs: ¿Logró hacer preguntas precisas y obtener respuestas útiles de
ChatGPT?
 Universidad Alberto Hurtado
Facultad de Economía y Negocios
Gestión de Información, Bibliotecología y Archivística
Asignatura: Inteligencia Artificial aplicada al mundo laboral

• Estructura y diseño del sitio: ¿Está bien organizado? ¿Es estéticamente agradable?
• Funcionalidad: ¿Funcionan todas las páginas y enlaces? ¿Se ve bien en diferentes navegadores?
• Creatividad: ¿Incorporó algún elemento único o innovador en su sitio?

Nota: Aunque ChatGPT puede ser una herramienta poderosa, recuerde que la creatividad y la toma de
decisiones son fundamentales en el proceso de diseño. Utilice ChatGPT como una herramienta de apoyo, pero
confíe en su intuición y habilidades.