Cómo agregar una imagen de rastreo a una página en Dreamweaver

  1. Software
  2. Adobe
  3. Dreamweaver
  4. Cómo agregar una imagen de rastreo a una página en Dreamweaver

Libro Relacionado

Por Janine Warner

La función Tracing Image de Dreamweaver es especialmente popular entre los diseñadores. El concepto, que se remonta a los primeros días del diseño, le permite utilizar los gráficos como guías para sus diseños de página, de la misma manera que podría copiar un dibujo animado a través de un papel delgado y transparente.

La función de rastreo de imágenes es ideal para las personas que desean crear primero un diseño en un programa, como Photoshop o Fireworks, y luego modelar su página web a partir de él. Al utilizar la función Rastrear imagen, puede insertar cualquier imagen lista para la web en el fondo de cualquier página de Dreamweaver.

A continuación, puede colocar

etiquetas o insertar tablas u otros elementos en la parte superior de la imagen de trazado, lo que facilita la recreación de su diseño en Dreamweaver. Puede utilizar imágenes JPG, GIF o PNG como imágenes de trazado y puede crearlas en cualquier aplicación gráfica que admita estos formatos.

Aunque la imagen de trazado aparece en el fondo de una página, no sustituye a una imagen de fondo y no aparecerá en un navegador.

Para agregar una imagen de rastreo a su página, siga estos pasos:

  1. Cree una nueva página o abra una página existente en Dreamweaver.
  2. Seleccione View→Tracing Image→Load Se abre el cuadro de diálogo Seleccionar fuente de imagen.
  3. Se abre el cuadro de diálogo Propiedades de página con la categoría Imagen de rastreo seleccionada Crédito: Foto de istockphoto.com
  4. Haga clic en el botón Examinar para localizar la imagen que desea utilizar como imagen de rastreo.
  5. Haga clic en la imagen de la que desea rastrear y, a continuación, haga clic en Aplicar para obtener una vista previa de cómo se ve la imagen detrás de la página.
  6. Si se baja el nivel de transparencia, la imagen de trazado aparece descolorida, lo que facilita la distinción entre la imagen de trazado y el contenido de la página. Puede configurar el nivel de transparencia para que se ajuste a sus preferencias, pero en algún lugar alrededor del 50 por ciento funciona bien con la mayoría de las imágenes.
  7. La imagen de rastreo aparece en la ventana Documento y se cierra el cuadro de diálogo.

Usted tiene algunas otras opciones con la función de Rastreo de Imagen. Elija View→Tracing Imagen para revelar las siguientes opciones:

  • Espectáculo: Oculta la imagen de trazado si desea comprobar su trabajo sin la imagen pero no desea eliminarla.
  • Alinear con la selección: Le permite alinear automáticamente la imagen de trazado con un elemento seleccionado en una página.
  • Ajuste la posición: Le permite utilizar las teclas de flecha o introducir las coordenadas X, Y para controlar la posición de la imagen de trazado detrás de la página.
  • Reiniciar Posición: Restablece la imagen de trazado a 0, 0 en las coordenadas X, Y.
  • Cargar: Le permite agregar o reemplazar una imagen de trazado.

Una vez que la imagen de trazado esté en su lugar, puede utilizarla como guía mientras diseña su página. Debido a que la imagen de rastreo está detrás de la página, no interferirá con su trabajo de diseño, y usted puede agregar cualquier elemento sobre la imagen de rastreo que podría agregar a cualquier otra página web. Utilice la imagen de trazado como referencia para insertar y posicionar

etiquetas, imágenes y otros elementos.

Leave a Reply