¿Cómo insertar una imagen en Adobe Dreamweaver?

Al insertar una imagen en un documento de Dreamweaver, se genera una referencia al archivo de imagen en el código HTML. Para asegurarse de que esta referencia es correcta, el archivo de imagen deberá estar en el sitio actual. Si no lo está, Dreamweaver le preguntará si desea copiar el archivo en el sitio.

Asimismo, las imágenes se pueden insertar de forma dinámica. Las imágenes dinámicas son aquellas que cambian con frecuencia. Por ejemplo, en los sistemas de rotación de rótulos publicitarios es necesario seleccionar de forma aleatoria un único rótulo de una lista de posibles rótulos y, después, mostrar dinámicamente la imagen del rótulo seleccionado cuando se solicite una página.

Tras insertar una imagen, puede definir atributos de accesibilidad de etiqueta de imagen que los lectores de pantalla pueden leer para usuarios ciegos. Estos atributos se pueden editar en el código HTML.

PASOS:

1.- Coloque el punto de inserción en el lugar de la ventana de documento en el que desea que aparezca la imagen y, a continuación, siga uno de estos procedimientos: 

• En la categoría Común del panel Insertar, haga clic en el icono Imagen.
• En la categoría Común del panel Insertar, haga clic en el menú Imágenes y seleccione el icono Imagen. Con el icono Imagen visible en el panel Insertar, puede arrastrar el icono a la ventana del documento (o a la ventana de visualización de código, si está trabajando en el código).
• Seleccione Insertar > Imagen.
• Arrastre una imagen desde el panel Activos (Ventana > Activos) hasta la posición deseada de la ventana de documento. A continuación, siga con el paso 3.
• Arrastre una imagen desde el panel Archivos hasta la posición deseada de la ventana de documento. A continuación, siga con el paso 3.
• Arrastre una imagen desde el escritorio hasta la posición deseada de la ventana de documento. A continuación, siga con el paso 3. 

2.- En el cuadro de diálogo que aparece, siga uno de estos procedimientos:

• Seleccione Sistema de archivos para elegir un archivo de imagen. 
• Seleccione Fuente de datos para elegir un origen de imagen dinámica.
• Haga clic en el botón Sitios y servidores para elegir un archivo de imagen en una carpeta remota de uno de los sitios de Dreamweaver.

3.- Busque y seleccione el origen de imagen o contenido que desee insertar.

 

Si está trabajando en un documento que no está guardado, Dreamweaver genera una referencia con la estructura file:// para el archivo de imagen. Al guardar el documento en cualquier lugar del sitio, Dreamweaver convierte la referencia en una ruta relativa al documento.

Nota:

Al insertar imágenes, se puede utilizar una ruta absoluta a una imagen que se encuentra en un servidor remoto (es decir, una imagen que no está disponible en la unidad de disco duro local). No obstante, si tiene algún problema de rendimiento al trabajar, le sugerimos que desactive la visualización de la imagen en la vista Diseño anulando la selección de Comandos > Mostrar archivos externos.

4.- Haga clic en Aceptar. Aparece el cuadro Atributos de accesibilidad de la etiqueta de imagen si se ha activado el cuadro de diálogo en Preferencias (Edición > Preferencias).

 

5.- Introduzca los valores en los cuadros de texto Texto alternativo y Descripción larga y haga clic en Aceptar. 

• En el cuadro de diálogo Texto alternativo, escriba un nombre para la imagen o una breve descripción. El lector de pantalla lee la información introducida en dicho cuadro. Debe limitar la entrada a alrededor de 50 caracteres. Si desea introducir descripciones más largas, puede proporcionar un vínculo en el cuadro de texto Descripción larga, a un archivo que contenga más información sobre la imagen.
• En el cuadro Descripción larga, escriba la ubicación de un archivo que aparezca cuando el usuario haga clic en la imagen o en el icono de carpeta para desplazarse hasta el archivo. Este cuadro de texto proporciona un vínculo a un archivo con el que está relacionado u ofrece más información acerca de la imagen.

Nota:

Puede completar uno o ambos cuadros de texto, en función de sus necesidades. El lector de pantalla lee el atributo Texto alternativo de la imagen.

Nota:

Si presiona Cancelar, la imagen aparece en el documento, pero Dreamweaver no le asocia etiquetas ni atributos de accesibilidad.

6.- En el inspector de propiedades (Ventana > Propiedades), establezca las propiedades de la imagen. 

 FUENTE:
https://helpx.adobe.com/es/dreamweaver/using/adding-modifying-images.html 

Publicado por: Cantos Intriago Clara Inés