Excelente ejemplo de como usar ChatGPT si miedos. Mi primera pagina WEB: https://alarcone1.github.io/mi_perfil_profesional
Introducción
Cómo crear páginas web usando inteligencia artificial
Tu primera página web con IA
Editores de código y navegadores web
Cómo publicar tu página web en internet
Ideas de diseño web
Ideas de sitios web y creación de copies
Mejorando tu página web con IA
Añadir HTML a tu sitio web personalizado
Añadir CSS a tu sitio web personalizado
Actualizando tu página web en internet
Próximos pasos
Mejorando el diseño de tu portafolio
¿Quieres especializarte en desarrollo web?
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Cómo publicar tu página web en internet
3/10Recursos
Aportes 111
Preguntas 13
Ordenar por:
al inicio no me salia error 404 pero despues no se que hice que me salio asi :V https://gianwapo.github.io/my-pagina-cool/
Le pedí a ChatGPT que creara una página para una marca personal de una artista que hace dibujos a lápiz, el resultado:
Me tardé casi 30 minutos intentando entender el problema, y el mismo chatGPT me entregó la respuesta.
Para quienes tienen error 404. Luego de pegar el nombre del repositorio, colocar al final: ‘/index.html’
Dejo mi URL de ejemplo:
https://gustavo-roquin.github.io/primera-pagina-web/index.html
De hecho renombré el archivo como ‘index.html’ por si las dudas.
Aquí vamos aprendiendo 💪🏻
-
Mi dirección
https://pathmago.github.io/mi-primera-pagina-web/ -
La página:
Formato para acceder a tu GitHub Pages:
[nombre-de-usuario].github.io/[nombre-del-repositorio]
Fue una de las cosas que menos entendía antes de entrar al mundillo web, pero ahora se me hace normal 😄
yo vengo de otro curso, pero me sirvio mucho esto del github.
hasta ahora recien entiendo como usarlo
https://dkzanderson.github.io/Eco-Store/
Gracias teff !
QUEDE IMPACTADO
“Es bueno aprender poco a poco y buscar un extra”
Es estupendo esta herramienta, yo creo que me va ayudar a realizar mi pagina web!!!
Dejo el link.
Si les sale el error 404 es porque el archivo que subieron esta en mayúscula, procuren subirlo en minúscula y no tendrán problemas, de resto el proceso que hace la Profe Teff es correcto.
* <https://juancamilomg.github.io/mi-primera-web/#>
Aqui mi aporte de una pagina con gpt https://sergiogonzalezch.github.io/artegenerativo/
Aquí está mi ejercicio de la clase https://andygregf.github.io/mi-pag/
Hola Team, les comparto mi página web:
https://leobravo7.github.io/mi-primera-p-gina-web/
• Para crear una web es necesario contar con una URL. De modo gratuito utilizaremos el dominio de GitHub para subir la página web a la red.
• Prompts de la clase: 1. Cómo puedo publicar mi página web de forma fácil si aún no tengo conocimientos? 2. Cómo puedo publicar mi página Web hecha con HTML de forma fácil? 3. Cómo puedo publicar mi sitio web en GitHub pages? 4. Cómo puedo crear una cuenta en GitHub? 5. Cómo publicar nuestra web HTML en GitHub? 5. Puedo subir un código HTML a GitHub sin utilizar código? 6. Cómo publicar un repositorio de GitHub en GitHub pages?
• En resumen se necesita crear una cuenta en GitHub, crear un repositorio con nuestra web, seguir los pasos para publicar y tener en evidencia la URL.
• Una vez obtenida la URL, se la puede compartir y encontrar en línea.
Hola Hola! 😃
Así quedo mi publicación: https://erickat23.github.io/mi-pagina-web-gptt/
Ok,. entiendo. AI de convierte en una herramienta muy poderosa, pero es necesario poner de nuestra parte un conocimiento adicional para que las cosas se puedan hacer. Ya se me fue elmiedo,… jejejeje
En mi caso, estoy configurando la pagina web antes de subirla a github pages
interesante ejercicio en github
<https://andrevc530.github.io/primera_web/>
Hola quisiera saber si para publicarlo hay que pagar el github pages, es que no me deja publicar y le doy copiar la url y la ingreso a google pero me manda a github :(
♪ Mi primera página web ♪
<https://ebansmundo.github.io/mi-primera-pagina-web/>
<https://eduvowo.github.io/miprimeraPaginaWeb/>
que locura de curso , excelente excelente , muy claro y concreto
Bien
Misterio revelado…fantastico! https://carlos79000.github.io/mi-primera-p-gina/
<https://isaiasch22.github.io/mi-primera-p-gina-web/> excelente....
<https://proferickmiranda.github.io/html/>
El inicio de mi página web: <https://jemosquera17.github.io/proyectoweb/>
Wow!!!!!! 👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻![]()
estuve aplicando algunas recomendaciones del curso **Curso de Prompt Engineering con ChatGPT** <https://platzi.com/cursos/chatgpt/> para mejorar mis **prompts:**
**Mi Prompt:**
```js
Actua como un experto pedagogo y desarrollador web fullstack,
necesitas crear un portafolio web, que incluya un header y un footer con espacio para logo haciendo referencia a la imagen logo.png, al favicon favicon.png
enlaces a 1 perfil, 2 experiencia, 3 proyectos y 4 tutoriales,
estos enlaces hagan referencia a los siguientes secciones o section:
Incluye el siguiente contenido para cada una de las secciones
1 perfil: Profesional en Ingeniería de Sistemas con especializaciones en Gerencia de Proyectos, Ingeniería de Software, y certificación Scrum Master, amplia experiencia en el desarrollo de proyectos de software, gran capacidad de análisis y rápido aprendizaje con facilidad para la adopción de nuevas tecnologías de información y procesos de desarrollo, excelentes relaciones interpersonales, adaptabilidad al cambio, liderazgo, habilidades para el trabajo en equipo y coordinación de actividades, experiencia en ambientes de alta presión y exigencia.
2 experiencia:
- Trabajo 1, nombre empresa 1, tiempo, funciones, logros
- Trabajo 2, nombre empresa 1, tiempo, funciones, logros
- Trabajo 3, nombre empresa 1, tiempo, funciones, logros
- Trabajo 4, nombre empresa 1, tiempo, funciones, logros
3 proyectos:
- Proyecto 1, nombre proyecto, descripcción
- Proyecto 2, nombre proyecto, descripcción
- Proyecto 3, nombre proyecto, descripcción
- Proyecto 4, nombre proyecto, descripcción
- Proyecto 5, nombre proyecto, descripcción
4 Tutoriales:
- Linux: Tutoriales relacionados con configuaración de sistemas operativos linux y diferentes distribuciones.
- Java: Tutoriales relacionados con java b{asico, java web, spring boot,jakarta y otros.
- Web: Tutoriales relacionados con desarrollo web en general
- Mongodb: Tutoriales relacionados con base de datos Mongodb
que sea responsive web design y el contenido se adapte correctamente a resoluciones de portatiles, computadores de escritorio, tables y celulares e incluya el siguiente listado de colores hexadecimales:
1 #080D12
2 #C3D3E2
3 #0560C0
4 #4998E4
utiliza los siguiente enlaces e información para el footer:
1 Acerca de: Usa un enlace con icono de https://fontawesome.com/ alusivo y el texto Acerca de
2 Facebook: Usa un enlace con icono de https://fontawesome.com/ alusivo a esta red social y la url https://myfacebook.com
3 Linkedin: Usa un enlace con icono de https://fontawesome.com/ alusivo a esta red social y la url https://Linkedin.com
4 Github: Usa un enlace con icono de https://fontawesome.com/ alusivo a esta red social y la url https://Github.com
5 Email: Usa un enlace con icono de https://fontawesome.com/ alusivo y el texto [email protected]
6 Celular: Usa un enlace con icono de https://fontawesome.com/ alusivo y el texto 3254562545
entregame el html y hojas de estilos css que hagan uso de metodologia BEM y los display flexbox y gridcss
¿entendiste tu proposito?
```**Código generado:** <https://github.com/desaextremo/desaextr_portfolio>
**Aquí el resultado:**
<https://desaextremo.github.io/desaextr_portfolio/>
**Vista PC**
**Vista móvil**
Muchas gracias, siempre disfrutó de tus cursos 🚀
Hola! emprece a crear con ayuda de ChatGPT una pagina sobre huertos urbanos y así quedo
<https://rabelomx.github.io/HuertoPro/>
Comparto como va mi sitio web <https://yellowmonje.github.io/portfolio/>
[`https://yeison-1999.github.io/Camisetas-de-f-tbol-en-Bogot-/`](https://yeison-1999.github.io/Camisetas-de-f-tbol-en-Bogot-/)` muy buen curso comparto mi avance hasta el momento`
Para los que tuvieron problema con el error 404, en mi caso, funcionó cambiar el nombre del archivo de Index.html a index.html, la i minúscula. Preguntando a chatGPT cómo hacerlo directamente en el repositorio de github.
Aunque ya he realizado algunas Webs, este curso está siendo interesante para tomar ideas y ayuda con la IA. Es bastante interesante como herramienta para mejorar algunos aspectos, pero siempre sigo aprendiendo y más ahora que es un nuevo futuro presente.
Aquí mi página publicada en <https://cybermito.github>.io/MiPrimeraWeb.
<https://fyca1975.github.io/primerpagweb/>
aqui esta la mia, le quise agregar un chatbot de openAI de paso y un boton para volver a la parte superior de la pagina https://joaquinsvoboda.github.io/chatbot_web
perohay que tener encuenta que la IA para dar la respuesta se esta basando con informacion del 2022, en cambio bard ai su inofrmacion es 2023
hola compañeros asi quedo mi pagina publicada en github pages: https://henrymontes1791.github.io/kikillo1791/
Buenas noches les comparto mi página web, muy feliz de estar aprendiendo.
https://prnt.sc/II4g0rwiRl_h
<https://sownlol12.github.io/mi-primera-pagina-web/>
Este curso está genial, práctica en tiempo real.
nada si pierde con hacer el intento, y lo más valioso es dar el paso
Mi página: <https://david1035.github.io/MarcaPersonalDavid/>
Así me quedo: 
Tenía el error 404, apliqué todas las soluciones y nada, hasta que coloqué exactamente las mismas mayúsculas al link:
[Mi Página Web (jesusdavidmi.github.io)](https://jesusdavidmi.github.io/Mi-primera-pagina-web/Index.html)
![]()![]()
![]()
Mi página web con ayuda de la inteligencia artificial, de cómo subir la página web a traves de github pages. alli está el enlace: [Mi Primera Página Web (miguelgil2023.github.io)](https://miguelgil2023.github.io/mi-primera-pagina-web/)
Adjunto mi pagina publicada en el internet, usando github.
<https://teycom2023.github.io/Primera_Pagina/index.html>
<https://teycom2023.github.io/Primera_Pagina/>
Adjunto me ejercicio de la publicación de mi pagina web con la ayuda de chat GPT utilizando GITHUB.
Hasta el momento ésta en web creada con ChatGPT
Como le puso commit changes sin ningun comentario, me hace pensar en lo que diria Freddy en su curso de Git y GitHub, cuando haces un cambio sin un commit en la terminal, la terminal te responde, que usted esta loco, no puede hacer un cambio sin hacer un commit haga un commit inmediatamente.
Como le puso commit changes sin nungun comentario, me hace pensar en lo que diria Freddy en su curso de Git y GitHub, cuando haces un cambio sin un commit en la terminal, la terminal te responde, que usted esta loco, no puede hacer un cambio sin hacer un commit haga un commit inmediatamente.
Me gusta como lo hace
Donde has estado toda mi vida.
Mi web en GitHub
Ya tenia conocimientos de HTML y CSS, y como subir paginas a los hosting. Sin embargo, no sabia que también se podía hacer de esta forma en GitHub. Por mas básico que pueda parecer un curso siempre se aprende algo nuevo.
https://felipelopez09.github.io/mi-pagina-web/
Gracias por el curso esta buenisimo, muy capa la profe 😄
Prompts utilizados:
6) ¿Cómo puedo publicar mi página web de forma fácil si no tengo conocimientos?
7) ¿Cómo puedo publicar mi página web hecha con HTML de forma fácil?
8) ¿Cómo puedo publicar mi sitio web en GitHub Pages?
9) ¿Cómo puedo crear una cuenta en GitHub?
10) ¿Cómo puedo publicar nuestro HTML en GitHub?
11) ¿Puedo subir un código de HTL a GitHub sin utilizar código?
12) ¿Cómo puedo publicar un repositorio de GitHub en GitHub Pages?
mi pagina en github:
https://emercadogarcia.github.io/chatGPT/
1.Crear un Repositorio:
Si aún no tienes un repositorio, crea uno como se menciona en respuestas anteriores.
2.Agregar Contenido:
Asegúrate de que tu repositorio contenga el archivo HTML y cualquier otro archivo necesario para tu sitio web.
3.Configurar GitHub Pages:
Ve a la página principal de tu repositorio en GitHub.
En la parte superior, busca la pestaña “Settings” (Configuración) y haz clic en ella.
Desplázate hacia abajo hasta la sección “GitHub Pages”.
En la opción “Source” (Fuente), selecciona la rama desde la cual quieres que GitHub Pages obtenga el contenido. Puedes elegir “main” u otra rama que contenga tu archivo HTML y otros recursos.
Si solo tienes un archivo HTML en la raíz del repositorio, déjalo en “root”. Si tienes un directorio con más archivos (por ejemplo, CSS, imágenes), selecciona ese directorio.
Guardar los Cambios:
Después de seleccionar la rama y la carpeta (si es necesario), haz clic en “Save” (Guardar). GitHub Pages procesará los cambios y te mostrará la URL en la que se ha publicado tu sitio web.
4.Acceder a tu Sitio Web:
Luego de que GitHub Pages termine de procesar los cambios, podrás acceder a tu sitio web a través de la URL proporcionada. Por lo general, la URL tendrá el formato https://tuusuario.github.io/turepositorio.
5.Actualizaciones:
Cada vez que hagas cambios en tu repositorio y los subas a la rama que configuraste en GitHub Pages, el sitio web se actualizará automáticamente.
Me encantó esta clase, súper práctica. Guiada paso a paso .
Este es el link de mi página https://eliana96almeida.github.io/my-first-web/
Después del segundo intento me resulto!, tuve problemas con Error 404, pero después de hacerlo de nuevo, me di cuenta que después de pegar el código HTML en Visual Studio Code, no le había puesto “guardar” (No lo guardo automáticamente como a estefany), por lo que al momento de subir el html al repositorio de Github probablemente lo cargaba vacío, fíjense de guardar el archivo, puede parecer algo evidente, pero ese pequeño detalle te puede estropear todo el proceso
Este es el mío https://natisrh.github.io/portafolio/
Listo, muchas gracias
https://praecellens.github.io/praecellens/
Al inicio de publicar me dio error 404 pero al desbloquear los cookies se publico correctamente
exelente practica
https://edgarunipacifico.github.io/WebConCHATGPT
Me encanto aca les dejo mi pagina web es un ejemplo pero quedo excelente para ser mi primera pagina web. https://jeicodeveloper.github.io/mi-primera-pagina-web/
Que genial los resumenes de chatGPT
Esta es mi link de mi página web con chat GPT https://valentinaec.github.io/Programming/PaginawebGPT/
yo estoy utilizando gpt plus y la verdad es muy distinto las respuestas
muy buena clase, esta herramienta ayuda mucho para dudas.
así quedo https://hernan8901.github.io/mi-primera-pagina-web/
Comparto cómo va mi página web:
https://edohawk.github.io/firstweb/
Me sale error, ayudaaa
Te invito a que visites mi PÁGINA WEB.
Gracias a este curso me ayudo a trabajo con varias herramientas la cual si conocía pero no sabia como utilizarla 🛠.
Me queda la paradoja como UX UI Des…uso de las herramientas No code ó ChatGPT Code para iterar del prototipado a “producto Beta”…
Aquí mi repositorio para ver mi pagina hecha con chatGPT, gracias platzi y gracias profe Estefany Aguilar:
https://ceciliojoseavila.github.io/openAI/
Bueno en mi caso ya conocia Github Pages
https://lufarapcode.github.io/portafolio/
Me dio curiosidad como puedo obtener un dominio propio, no se ve complicado.
Publicación de mi primera página web en Github.!
https://new-zay.github.io/mi.pagina/ quedo asiii
En un principio no aparecía, pero tras darle tiempo y refrescar varias veces ya apareció: https://sebasvburgos.github.io/mi-primera-pagina-web/
Por si quieren aprender mas sobre como utilizar GitHub, les recomiendo este curso impartido por el gran Freddy Vega: https://platzi.com/cursos/git-github/
https://marianoquinteros.github.io/mi-primera-pagina/
Teff es la mejor profe !
Excelente Teacher TeffCode…
Aquí está mi aporte
https://brayanthony.github.io/mi-primera-pagina-web/
Así va quedando 🙌
Vamos aprendiendo con Teff…
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?