¿Cómo añadir imágenes a su página web en coffeecup

Una página web sin ningún tipo de imágenes es aburrida por cierto. CoffeeCup HTML Editor hace que sea fácil de darle vida a su página con imágenes. Siga estos pasos para insertar un gráfico en su página Web en CoffeeCup:

1Haga clic en la pestaña Visual Editor en CoffeeCup- mover el cursor hasta el punto en el que desea insertar el gráfico

El Editor de Visual hace que muchos aspectos de la vinculación a un gráfico más fácil.

188253.image1.jpg

2Haga clic en el botón de selección de imagen y de imagen

Aparece el cuadro de diálogo Insertar imagen.

3Navegar y seleccionarlo

Busca en tu disco duro para encontrar el archivo que desea utilizar.

4Si CoffeeCup le pide que copie la imagen en la carpeta de trabajo, haga clic en Sí

En la mayoría de los casos, es mejor elegir Sí: esto va a colocar la imagen en la misma carpeta que la página web, creando el camino más simple posible de una a la otra.

Video: HTML: Insertar imágenes

5Introduzca el texto alternativo en el indicador de texto Alt

alt texto se lee en voz alta por los lectores de pantalla y otros programas para usuarios con discapacidad visual. alt texto también se utiliza como una punta de la herramienta, el texto que aparece cuando el usuario se desplaza sobre el gráfico. Guardar alt texto corto.

Video: HTML listas e imagenes comun y fondo -4- crear una pagina web con el bloc de notas HTML

6Elige cómo la imagen debe estar alineada con respecto al texto

Las opciones habituales son para que la imagen se alinea a la izquierda, con el texto que fluye a su alrededor a la derecha o de la derecha, con el texto que fluye a la izquierda de la misma.

188255.image3.jpg

7Introduzca un tamaño de borde de un borde negro alrededor de la imagen

Añadir un borde negro fino alrededor de una imagen hace que parezca más nítidas y claras (especialmente las pequeñas imágenes).

8Cambiar el ancho y la altura si desea cambiar el tamaño de la imagen en su lugar

Por lo general, usted debe cambiar el tamaño de la imagen antes de ponerlo en su página Web. Sin embargo, puede ampliar o reducir la imagen que aparece al cambiar la anchura y / o altura aquí.

Para mantener la imagen en proporción, cambiar las dos dimensiones en la misma cantidad. Deje el cuadro Tamaño Incluir comprobado por lo que el tamaño de la imagen será incluido en el código HTML.

9Para hacer la imagen un enlace, introduzca una URL, o busque el archivo de destino en el equipo local o de red

Puede enlazar a un destino Web o utilizar imágenes para crear un menú basado en imágenes.

Video: Insertar Hipervinculo e imagen en html

188257.image5.jpg

10Para crear una versión más pequeña de la imagen, haga clic en la pestaña en miniatura

Se puede elegir el porcentaje de cambio de tamaño, el formato de archivo, y el ajuste de calidad (para imágenes JPEG).

Si usted quiere dar al usuario la opción de hacer clic en la imagen pequeña para ver la versión más grande, haga clic en el enlace a la casilla de verificación de imagen original.

11Haga clic en Aceptar

Para cambiar la configuración más tarde, haga clic en la imagen- las opciones se mostrarán en la parte inferior del área de Visual Editor.

Artículos Relacionados