Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Desafío: Crear un Sitio Web de Portafolio con ChatGPT | Introducción a ChatGPT
Fundamentos Esenciales del Desarrollo Web con IA

bookDesafío: Crear un Sitio Web de Portafolio con ChatGPT

En este desafío, crearemos un sitio web de portafolio desde cero utilizando ChatGPT. Puedes generar el HTML y el CSS por separado o usar solo un mensaje. Pon a prueba el potencial de ChatGPT por tu cuenta.

Si encuentras dificultades, aquí tienes posibles mensajes que pueden ayudarte:

  • "Hola, ChatGPT, ¿puedes crear un sitio web de portafolio sencillo usando HTML y CSS? Incluye secciones para Sobre mí, Proyectos, Contacto y una página de Inicio.";
  • "Necesito un sitio web de portafolio codificado en HTML y CSS. ¿Puedes diseñarlo para mostrar mis proyectos, habilidades e información de contacto?";
  • "ChatGPT, ¿podrías ayudarme a construir un sitio web de portafolio usando HTML y CSS desde cero? Quiero que tenga un diseño limpio y moderno.";
  • "Quiero crear un sitio web de portafolio personal usando HTML y CSS. ¿Puedes generar el código para ello, con secciones para mi biografía, proyectos y un formulario de contacto?";
  • "¿Puedes asistirme en la creación de un sitio web de portafolio usando HTML y CSS? Me gustaría que fuera responsivo y visualmente atractivo, con secciones para mi currículum, proyectos y detalles de contacto.".

Aquí tienes un video que demuestra los resultados de nuestras pruebas con diferentes indicaciones.

Tutorial en video

Resultado posible para el sitio web de portafolio

index.html

index.html

index.css

index.css

copy

1. ¿Para qué está diseñado principalmente ChatGPT?

2. ¿Dónde pueden los usuarios encontrar ChatGPT?

3. ¿Qué tipo de preguntas debemos evitar al crear indicaciones para ChatGPT?

4. ¿Cuál sería una buena indicación para pedir instrucciones sobre cómo hacer una tarta de manzana?

question mark

¿Para qué está diseñado principalmente ChatGPT?

Select the correct answer

question mark

¿Dónde pueden los usuarios encontrar ChatGPT?

Select the correct answer

question mark

¿Qué tipo de preguntas debemos evitar al crear indicaciones para ChatGPT?

Select the correct answer

question mark

¿Cuál sería una buena indicación para pedir instrucciones sobre cómo hacer una tarta de manzana?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 5

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Awesome!

Completion rate improved to 5

bookDesafío: Crear un Sitio Web de Portafolio con ChatGPT

Desliza para mostrar el menú

En este desafío, crearemos un sitio web de portafolio desde cero utilizando ChatGPT. Puedes generar el HTML y el CSS por separado o usar solo un mensaje. Pon a prueba el potencial de ChatGPT por tu cuenta.

Si encuentras dificultades, aquí tienes posibles mensajes que pueden ayudarte:

  • "Hola, ChatGPT, ¿puedes crear un sitio web de portafolio sencillo usando HTML y CSS? Incluye secciones para Sobre mí, Proyectos, Contacto y una página de Inicio.";
  • "Necesito un sitio web de portafolio codificado en HTML y CSS. ¿Puedes diseñarlo para mostrar mis proyectos, habilidades e información de contacto?";
  • "ChatGPT, ¿podrías ayudarme a construir un sitio web de portafolio usando HTML y CSS desde cero? Quiero que tenga un diseño limpio y moderno.";
  • "Quiero crear un sitio web de portafolio personal usando HTML y CSS. ¿Puedes generar el código para ello, con secciones para mi biografía, proyectos y un formulario de contacto?";
  • "¿Puedes asistirme en la creación de un sitio web de portafolio usando HTML y CSS? Me gustaría que fuera responsivo y visualmente atractivo, con secciones para mi currículum, proyectos y detalles de contacto.".

Aquí tienes un video que demuestra los resultados de nuestras pruebas con diferentes indicaciones.

Tutorial en video

Resultado posible para el sitio web de portafolio

index.html

index.html

index.css

index.css

copy

1. ¿Para qué está diseñado principalmente ChatGPT?

2. ¿Dónde pueden los usuarios encontrar ChatGPT?

3. ¿Qué tipo de preguntas debemos evitar al crear indicaciones para ChatGPT?

4. ¿Cuál sería una buena indicación para pedir instrucciones sobre cómo hacer una tarta de manzana?

question mark

¿Para qué está diseñado principalmente ChatGPT?

Select the correct answer

question mark

¿Dónde pueden los usuarios encontrar ChatGPT?

Select the correct answer

question mark

¿Qué tipo de preguntas debemos evitar al crear indicaciones para ChatGPT?

Select the correct answer

question mark

¿Cuál sería una buena indicación para pedir instrucciones sobre cómo hacer una tarta de manzana?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 5
some-alt