Crear Páginas Web con ChatGPT
Cómo crear páginas web usando inteligencia artificial
Tu primera página web con ChatGPT
¿Qué elementos debe tener una página web?
Como Integrar WhatsApp a tu Página Web
Crear imágenes con Inteligencia Artificial para tu Página Web
Cómo subir una página web a internet
Modifica tu página web con Inteligencia Artificial
Cómo Utilizar Inteligencia Artificial en un Editor de Código
Crear HTML y CSS personalizado con Inteligencia Artificial
Publicar tu Página Web a internet con ChatGPT gratis
Próximos pasos
¿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,
Crear imágenes con Inteligencia Artificial para tu Página Web
4/9Recursos
Personalizar nuestra página web con imágenes atractivas puede marcar la diferencia en las ventas, especialmente si usamos inteligencia artificial para mejorarlas o crearlas desde cero. Este proceso incluye la selección de herramientas adecuadas, la generación de imágenes personalizadas, y su correcta integración en el código de nuestra web.
¿Cómo utilizar la inteligencia artificial para mejorar imágenes?
- Puedes modificar imágenes existentes para hacerlas más atractivas.
- Generar nuevas imágenes desde cero con descripciones específicas.
- Obtener enlaces directos a imágenes desde la inteligencia artificial.
¿Qué herramientas gratuitas puedes usar para crear o mejorar imágenes?
ChatGPT ofrece varias opciones de herramientas gratuitas que permiten:
- Modificar y mejorar imágenes.
- Generar imágenes nuevas basadas en descripciones detalladas.
- Convertir formatos de imagen si es necesario.
¿Cómo subir imágenes a Internet y obtener enlaces públicos?
Después de crear o modificar imágenes:
- Sube las imágenes a plataformas como Imgur.
- Asegúrate de convertir el formato de las imágenes a uno compatible, como JPG.
- Obtén el enlace directo de la imagen para su uso en la web.
¿Cómo modificar el código de la página para integrar nuevas imágenes?
- Identifica las etiquetas
IMGen tu código. - Reemplaza el valor del atributo
SRCcon el nuevo enlace público de la imagen. - Asegúrate de mantener la estructura correcta del código, incluyendo comillas.
Aportes 23
Preguntas 3
Ordenar por:
Así vamos:
**Prompts:🦉**
"Crea una imagen de una camiseta verde con un gato maine coon mirando por una ventana, estilo cartoon".
"Crea una imagen de una camiseta negra con un gato esfinge en un universo de neón,estilo minimalista".
Tip - Crea tus imágenes con **Microsoft Designer👇🏻**
Me puse a probar con Dall-E para que me de una imagen para luego llevar al código y esto fue lo que hizo. Primero les paso el promt:
*Necesito que me hagas diseños como un diseñador profesional para un sitio web de venta de ropa. Necesito que contemples las tendencias de UX/UI y que además sea moderno y atractivo tanto para comprar como para navegar. Me gustaría que hagas dos imágenes de prueba y que tenga una palera de colores que contemple a personas con daltonismo, así mismo que los colores sean atractivos y generen ganas de verlos ¿Puedes hacer esas dos imágenes de cómo sería la home de el sitio web ficticio?*
Estas son las imágenes que hizo, hasta me dieron ganas de hacer Font:
Asi va quedando
Las Imágenes .webp las convertí a png con Paint
El curso a muy atractivo, sugerencia hubiera sido crear las carpetas y los archivos por separado de HTML, CSS y JS. solo como sugerencia.
para no perder tanto tiempo en ir a una pagina a convertir imagenes, te lo puedes pedir a chatgpt el formato jpeg y listo
Hola les comparto mi web es de abogados y los servicios que estos ofrecen, los elementos se ven pequeños por que alejé el zoom para que se vieran todos los elementos.
Hola compañeras, compañeros y docente tengo una duda, yo he descargado las imágenes y las tengo en una carpeta dentro del proyecto y las obtengo con la ruta relativa, mi duda es ¿Esto empeora el rendimiento o es indiferente? Por favor ayúdenme.
Así va quedando
me encanta ahii publiqué mi libro.... voy avanzando
Para ajustar el tamaño de la imagen en tu página web y asegurarte de que se visualice correctamente dentro de su recuadro, puedes utilizar CSS. Asegúrate de agregar propiedades como `max-width` y `height` en la etiqueta `![]()
`. Por ejemplo:
```html
```
Esto hará que la imagen se adapte al tamaño del contenedor sin distorsionarse. Si el problema persiste, revisa el tamaño del contenedor donde colocas la imagen.
Si deseas incluir una imagen desde tu computador en tu página web, asegúrate de utilizar una ruta relativa en la etiqueta `![]()
`. Por ejemplo, si tu imagen se llama "mi-imagen.jpg" y está en la misma carpeta que tu archivo HTML, el código sería:
```html
```
Si la imagen está en una subcarpeta llamada "imagenes", la ruta sería:
```html
```
Recuerda que debes mantener las comillas en el atributo `src` y verificar que el nombre y la ubicación del archivo sean correctos.
Así va quedando mi página web
Buenos días María.
Disculpa esta pregunta. Es muy básica.
NNecesito hacer mi página web, mi proveedor me ofrece Worldpress, Joomla y Prestashop.
Necesito elaborar mi página, piendso que en Worldpress. Qué curso claro, rápido y efectivo me recomiendas?
Mi intención es la de colocar las fotografías y teto para poder vender en Homecenter, Falabella, Mercadolibre y de más plataformas.
Gracias.
Online Convert es excelente para cambiar las extensiones de archivos cómo las imágenes
Gracias Estef. Me encanta, este curso.
Si Imgur no funciona, puedes considerar alternativas como:
1. **PostImage**: Permite subir imágenes de forma gratuita y sin necesidad de registrarse.
2. **TinyPic**: Otra opción sencilla para compartir imágenes.
3. **ImgBB**: Permite cargar imágenes y obtener enlaces rápidamente.
Estas alternativas son eficaces para alojar imágenes y pueden ser útiles para tu página web. Recuerda seguir el proceso para modificar los enlaces en tu código HTML como se mencionó en el curso.
¿En serio, Platzi? ¿Visitar una página para cambiar el formato de archivo, cuándo se puede hacer de forma manual?
Solo es cambiar '.webp' por '.png' o por '.pjg' (o el que quieras), y darle aceptar (porque te sale un aviso de que estás cambiando el formato y bla bla).
Se volaron la barda esta vez.
a mí me quedó así...
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?