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
FUENTE:
https://helpx.adobe.com/es/dreamweaver/using/adding-modifying-images.html
Publicado por: Cantos Intriago Clara Inés
