ALINEANDO UNA IMAGEN
Para establecer el alineamiento de una imagen en relación con otros elementos del mismo párrafo o línea utilice el inspector de propiedades de imagen. HTML no ofrece ningún método para ajustar texto alrededor del contorno de una imagen, como ocurre con algunos procesadores de textos.
Puede alinear una imagen con el texto, con otra imagen, con un plug-in o con otros elementos de la misma línea. También puede utilizar los botones de alineamiento para establecer el alineamiento horizontal de una imagen.
- Predeterminado suele especificar una alineación con la línea de base. (El valor predeterminado puede variar en función del navegador del visitante del sitio.)
- Línea de base e Inferior alinean la línea de base del texto (u otro elemento del mismo párrafo) con la parte inferior del objeto seleccionado.
- Superior alinea la parte superior de una imagen con la parte superior del elemento más alto (imagen o texto) de la línea actual.
- Medio alinea la parte central de la imagen con la línea de base de la línea actual.
- Texto superior alinea la parte superior de la imagen con la parte superior del carácter más alto de la línea de texto.
- Medio absoluta alinea la parte central de la imagen con la parte central del texto de la línea actual.
- Inferior absoluta alinea la parte inferior de la imagen con la parte inferior de la línea de texto (incluidos los trazos descendentes, como en el caso de la letra g).
- Izquierda sitúa la imagen seleccionada en el margen izquierdo, ajustando a la derecha el texto que la rodea. Si hay texto alineado a la izquierda delante del objeto, los objetos alineados a la izquierda suelen pasar a una nueva línea.
- Derecha sitúa la imagen en el margen derecho, ajustando a la izquierda el texto que la rodea. Si hay texto alineado a la derecha delante del objeto, los objetos alineados a la derecha suelen pasar a una nueva línea.
INSERCION DE UN MARCADOR DE IMAGEN
Un marcador de posición de imagen es un gráfico que se utiliza hasta que el gráfico definitivo está listo para su incorporación a la página Web. Puede definir el tamaño y el color del marcado de posición y asignarle una etiqueta de texto. Los atributos de color y tamaño y la etiqueta de un marcador de posición de imagen aparecen al mostrar el marcador de posición de imagen en la ventana de documento de Dreamweaver. Al visualizar la página en la ventana de un navegador, la etiqueta y el texto de tamaño no aparecen.
Para insertar un marcador de posición de imagen ejecute los siguientes pasos:
- En la ventana de documento, coloque el punto de inserción en el lugar en el que desea insertar el gráfico del marcador de posición.
- En la barra Insertar, seleccione Común y luego haga clic en el icono Marcador de posición de imagen.
- En la barra Insertar, seleccione Común y luego arrastre el icono Marcador de posición de imagen a la ventana de documento.
- Elija Insertar > Marcador de posición de imagen.
- Aparecerá el cuadro de diálogo Marcador de posición de imagen.
- En dicho cuadro de diálogo, seleccione las opciones para el marcador de posición de imagen.
- Haga clic en
Aceptar.
Visualización del marcador de posición de imagen en el navegador:
Antes de publicar el sitio, debe reemplazar todos los marcadores de posición de imágenes que haya añadido por archivos gráficos aptos para la Web, como son los archivos GIF o JPEG. Si dispone de Fireworks MX, puede crear un nuevo gráfico desde el marcador de posición de imagen de Dreamweaver. La nueva imagen se configura con el mismo tamaño que la imagen del marcador de posición. Puede editar la imagen y luego reemplazarla en Dreamweaver.
Para actualizar el origen de la imagen, en la ventana de documento, lleve a cabo una de estas operaciones:
- Haga doble clic en el marcador de posición de imagen
- Haga clic en el marcador de posición de imagen para seleccionarlo y, a continuación, en el inspector de propiedades (Ventana > Propiedades), haga clic en el icono de carpeta situado junto al campo Origen.
- Se abre el cuadro de diálogo Seleccionar origen de imagen.
- En el cuadro de diálogo, desplácese hasta la imagen con la que desea reemplazar el marcador de posición de imagen.
- Haga clic en Aceptar. La imagen seleccionada aparece en el documento.
Para configurar las propiedades de un marcador de posición de imagen, seleccione un marcador de posición de imagen en la ventana de documento y, a continuación, elija Ventana > Propiedades para mostrar el inspector de propiedades. Para ver todas las propiedades, haga clic en la flecha de ampliación, situada en la esquina inferior derecha. Configure los valores de nombre, ancho, alto, origen de imagen, descripción de texto alternativo, alineamiento y color para la imagen del marcador de posición.
En el inspector de propiedades del marcador de posición, los campos grises y el campo de texto Alinear están desactivados. Puede configurar estas propiedades en el inspector de propiedades de imagen cuando reemplace el marcador de posición por una imagen.
Para configurar las propiedades de una imagen, configure las siguientes opciones:
- An
(Ancho) y Al (Alto)
especifican el ancho y el alto del marcador de posición de
imagen en píxeles.
Nota: No deje ningún espacio entre el valor y el tipo de unidad. Por ejemplo, para configurar el ancho o el alto con un tamaño de dos pulgadas, introduzca 2in.
- Origen especifica el archivo de origen para la imagen. Este cuadro de texto está vacío en el caso de una imagen de marcador de posición. Haga clic en el botón Examinar para seleccionar una imagen que reemplace al gráfico del marcador de posición.
- Vínculo especifica un hipervínculo para el marcador de posición de imagen. Arrastre el icono de señalización hasta un archivo del panel Sitio, haga clic en el icono de carpeta para buscar y seleccionar un documento del sitio o escriba el URL.
- Alt (Alternativo) especifica el texto alternativo que aparecerá en lugar de la imagen en los navegadores que sólo admiten texto o en aquéllos configurados para descargar las imágenes manualmente. Para usuarios con deficiencias visuales que usan sintetizadores de voz con navegadores que sólo admiten texto, el texto se reproduce en voz alta. En algunos navegadores, este texto también aparece al situar el puntero sobre la imagen.
- Crear le permite iniciar Fireworks MX para crear una imagen que reemplace al marcador de posición. El botón Crear estará desactivado a no ser que Fireworks MX también esté instalado en el equipo. Para obtener más información sobre la creación con Fireworks de una imagen que reemplace al marcador de posición, consulte Actualización de un marcador de posición de imagen de Dreamweaver en Fireworks.
- Restab. tamaño (Restablecer tamaño) restaura los valores de An (Ancho) y Al (Alto) para devolver el tamaño original a la imagen.
- Color le permite especificar un color para el marcador de posición de imagen.
