Cómo definir atributos en Dreamweaver - dummies

Dreamweaver's Properties Inspector es sensible al contexto, lo que significa que al hacer clic en una imagen, los atributos HTML de esa imagen se muestran y se pueden editar. Algunos de los atributos de imagen editables son más "técnicos" que los factores de diseño.

Por ejemplo, la identificación de la imagen se usa cuando las imágenes están conectadas a programas o bases de datos de JavaScript. Otros atributos de imagen en el Inspector de propiedades comprenden un conjunto limitado de herramientas de edición de imágenes reales. Esas herramientas incluyen recorte, edición de contraste e imágenes de nitidez. Eche un vistazo a la más importante de estas opciones:

• Herramientas del área del mapa: Las herramientas del área del mapa crean puntos de acceso público seleccionables en la imagen seleccionada y definen enlaces separados para diferentes puntos de acceso. Un punto de acceso es una sección de una imagen que sirve como un enlace. Puede usar las herramientas de punto de acceso Rectángulo, Círculo y Polígono para dibujar secciones en una imagen seleccionada, y luego asignar enlaces específicos a esos puntos conflictivos en el Inspector de propiedades.

  La cuarta herramienta de este conjunto, la herramienta Punto de acceso directo, se usa para seleccionar, mover o editar puntos de acceso existentes.

• Espacio V y Espacio H: Defina el espaciado horizontal y vertical alrededor de la imagen seleccionada.

• Alinear: Use esta ventana emergente para elegir entre alineación izquierda o derecha. (Otras opciones están técnicamente disponibles, pero son remanentes de una era cuando los símbolos gráficos de tamaño de texto se insertaban directamente en las líneas de texto y no se usan hoy en la alineación de la imagen.)

• Src: Este campo identifica la imagen vinculada incrustada.

• Alt: Cambie el texto que se muestra, o se lee en voz alta, cuando una imagen no está visible.

• Borde: Defina el ancho del borde (0 píxeles, de forma predeterminada) o 1 píxel si la imagen sirve como un enlace.

• Enlace: Defina un enlace que se abre cuando se hace clic en la imagen. Si se define un enlace, puede configurar el enlace para que se abra en una nueva ventana del navegador seleccionando _blank en la ventana emergente de Destino.

• Clase: Use esta ventana emergente para asignar estilos de clase CSS si alguno está definido o vinculado a la página.

• W (ancho) y H (alto): Cambia el tamaño de la imagen. Si anula la selección del icono Alternar restricciones de tamaño, se desbloquea la vinculación entre alto y ancho, lo que le permite estirar o aplastar la imagen en lugar de mantener la relación de aspecto original de altura a ancho a medida que cambia el tamaño. También puede cambiar el tamaño interactivamente haciendo clic y arrastrando el controlador de la esquina inferior derecha de una imagen seleccionada. Mantenga presionada la tecla Shift mientras cambia el tamaño para mantener la relación altura-ancho.

• Volver a muestrear: Las nuevas herramientas en CS6 le permiten volver a muestrear una imagen redimensionada (más pequeña).El remuestreo elimina los datos innecesarios y reduce el tamaño del archivo de imagen, lo que significa que la imagen puede descargarse más rápido. Seleccione la casilla de verificación Confirmar tamaño de imagen para volver a muestrear la imagen o haga clic en el botón Restablecer tamaño original junto a ella en el Inspector de propiedades para deshacer el cambio de tamaño.