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

Video: centrar y poner fondo en una pagina web en DreamWeaver

La función de Imagen de rastreo en Dreamweaver es especialmente popular entre los diseñadores. El concepto, que se remonta a los primeros días de diseño, le permite utilizar gráficos como guías para sus diseños de página, tanto como es posible copiar una caricatura a través de papel fina y transparente.

Video: Como insertar imagenes a dreamweaver

La función de Imagen de rastreo es ideal para personas que les gusta crear primero un diseño en un programa, como Photoshop o Fireworks y modelar su página web después de ella. Mediante el uso de la función de Imagen de rastreo, se puede insertar cualquier imagen para 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 rastreo, lo que hace que sea más fácil para volver a crear su diseño en Dreamweaver. Puede usar JPG, GIF, PNG o imágenes como imágenes de búsqueda, y se puede crear en cualquier aplicación de gráficos compatible con estos formatos.

Aunque la imagen de rastreo aparece en el fondo de una página, que no toma el lugar de una imagen de fondo y no aparecerá en un navegador.

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

  1. Crear una nueva página o abrir una página existente en Dreamweaver.

  2. Seleccione Ver → → Imagen de rastreo de carga.

    Video: Curso de Dreamweaver CS6. 6.1. Insertar una imagen

    Se abre el cuadro de diálogo Seleccionar origen de imagen.

  3. Seleccione la imagen que desea servir como su imagen de rastreo y haga clic en OK.

    El cuadro de diálogo Propiedades de la página se abre con la categoría Imagen de rastreo seleccionado.

    [Foto por istockphoto.com]
  4. Haga clic en el botón Examinar para localizar la imagen que desea utilizar como una imagen de rastreo.

    Video: 7.1 Curso de Dreamweaver CS4 - Insertando imágenes de rastreo

    Aparece el cuadro de diálogo Seleccionar origen de imagen.

  5. Haga clic en la imagen que desea rastrear desde y, a continuación, haga clic en Aplicar para obtener una vista previa de la imagen se ve detrás de la página.

  6. Establecer la opacidad de la imagen de rastreo con el control deslizante Transparencia.

    Bajar el nivel de transparencia hace que la imagen de rastreo que aparecen pálidos, lo que hace que distinguir entre la imagen de rastreo y el contenido de la página fácil. Puede ajustar el nivel de transparencia para satisfacer sus preferencias, pero en algún lugar alrededor del 50 por ciento trabaja bien con la mayoría de las imágenes.

  7. Haga clic en Aceptar.

    La imagen de rastreo aparece en la ventana de documento, y se cierra el cuadro de diálogo.

Usted tiene algunas otras opciones con la función Imagen de rastreo. Seleccione Ver → Imagen de rastreo para revelar las siguientes opciones:

  • Espectáculo: Oculta la imagen de rastreo si desea revisar su trabajo sin la imagen, pero no desea eliminarlo.

  • Alinearse con la Selección: Le permite alinear automáticamente la imagen de rastreo con un elemento seleccionado en una página.

  • Ajustar posición: Le permite utilizar las teclas de flecha o introduzca coordenadas X, Y para controlar la posición de la imagen de rastreo detrás de la página.

  • Restablecer posición: Restablece la imagen de rastreo a 0, 0 en la coordenadas X, Y.

  • Carga: Le permite añadir o sustituir una imagen de rastreo.

Después de que la imagen de rastreo está en su lugar, se puede utilizar como guía, mientras que el diseño de su página. Debido a que la imagen de rastreo está detrás de la página, que no interfiera con su trabajo de diseño, y se puede añadir cualquier elemento de la imagen de rastreo que se puede añadir a cualquier otra página web más. Usar la imagen de rastreo como referencia para insertar y etiquetas de posición, imágenes y otros elementos.

Artículos Relacionados