Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Imágenes | Construyendo el Sitio Web del Blog
Fundamentos del Desarrollo Web con IA
course content

Contenido del Curso

Fundamentos del Desarrollo Web con IA

Fundamentos del Desarrollo Web con IA

1. Descripción del Curso y la IA en la Codificación
2. Anatomía del Sitio Web
3. Introducción a ChatGPT
4. Construyendo el Sitio Web del Blog

bookImágenes

Objetivo

Agreguemos algunas imágenes al sitio web para hacerlo más atractivo para los usuarios. ¿Cómo podemos hacer esto? Podemos encontrar imágenes en fuentes como Unsplash. Allí, podemos buscar el tema deseado, seleccionar la imagen, copiar su dirección y usarla en el sitio web.

Pasos

1. Busca el tema deseado

Visitemos https://unsplash.com/. Siéntete libre de escribir cualquier tema que te interese aquí.

2. Selecciona la imagen

Encuentra la imagen que más te guste y haz clic en ella.

3. Copiar dirección de la imagen

Para copiar la dirección de la imagen, haz clic derecho sobre la imagen y selecciona "Copiar dirección de la imagen" en el menú contextual.

4. Uso de la imagen

Podemos pegar la dirección copiada en el atributo src de la imagen para añadir la imagen seleccionada a nuestro sitio web. También debemos especificar el ancho de la imagen para asegurarnos de que se ajuste bien al sitio web. Además, podemos proporcionar contenido descriptivo para el atributo alt o usar el título del artículo para el alt de la imagen.

Ejemplo:

html

index

css

index

js

index

copy

Resultado

html

index

css

index

js

index

copy

Estado del Sitio Web

Tutorial en Video

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

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