Tecnología

Inicio

Cómo hacer un pop-up en "Dreamweaver"

Cómo hacer un pop-up en "Dreamweaver"


A pesar de que tienen una reputación horrible, porque de los abusos del pasado de la tecnología antes navegadores empezaron a bloquear la mayoría de los pop-ups, cuando se utiliza correctamente las ventanas pop-up son una gran manera para los diseñadores web para mostrar dinámicamente información importante sin forzar a los visitantes del sitio para navegar por completo fuera de la página que está viendo actualmente. Aunque las ventanas emergentes se suelen entregar codificados en JavaScript, Dreamweaver tiene incorporado un módulo de script de apuntar y hacer clic con el botón llamados comportamientos que simplifica en gran medida la creación de ventanas pop-up.

Instrucciones

1 Dreamweaver abierta. Verá la pantalla de introducción con varias opciones. Seleccione la opción "Crear nuevo" y luego seleccionar "HTML".

2 Una ventana de código se abrirá mostrando varias opciones al lado de la ficha de su nuevo proyecto. Seleccione "Dividir" para ver el código JavaScript / HTML en el panel superior y el diseño real en el panel inferior.

3 Haga clic en el cursor en el área de diseño. Para nuestro ejemplo, escriba las palabras "Instrucciones para Google." Esto sirve como base de información para el evento que activará la ventana emergente.

4 Haga clic en "Ventana" en la parte superior-la mayoría de menús de Dreamweaver y seleccione "Comportamientos." La ficha Comportamientos se abre en el panel vertical de la mano derecha por debajo "de la etiqueta <body>."

5 Haga clic en el símbolo "+" y seleccionar "Abrir ventana del navegador." La ventana resultante tendrá varias propiedades que puede establecer para gobernar el estilo y la funcionalidad de su emergente. En la "dirección URL para mostrar" cuadro de texto, escriba el nombre de la URL que desea el pop-up que se vea. Para nuestro ejemplo, escriba "http: //www.google.com&quot; sin comillas.

6 También puede administrar otros atributos, tales como elementos de tamaño y de navegación de la pop-up, a través del control "Abrir ventana del navegador". Al establecer estos valores, considerar cuidadosamente la cantidad de información que el pop-up va a contener. Seleccione la altura y anchura que le permiten mostrar todo el contenido de la página sin la obstrucción. Compruebe las barras de desplazamiento "según sea necesario" si usted anticipa que incluyen imágenes de gran tamaño o una gran cantidad de texto en la ventana. Para este ejemplo, elegir una altura de "400" y una anchura de "500"; comprobar la "Barra de herramientas de navegación", "barra de dirección," y "Las barras de desplazamiento como cajas necesario"; y haga clic en "Aceptar".

7 Debido a que usted quiere que su emergente para invocar el comportamiento de los usuarios necesita cambiar su acción predeterminada de automático a disparadas por el usuario. En la ficha Comportamientos de la derecha, haga clic en "onLoad" para activar la lista desplegable y cambie el valor a "onclick".

8 Haga clic en "Archivo", "Guardar" y el nombre del archivo HTML. Para ver la ventana emergente en la acción, seleccione "Modo de vista previa" - el icono de la Tierra en la pestaña "Proyecto" - elija su navegador y haga clic en el texto "Haga clic para Google". Su emergente mostrará con los atributos seleccionados.

Consejos y advertencias

  • Una vez más, muchos de los primeros diseñadores Web abusadas la convención emergente bombardeando el usuario con una ráfaga de abrir rápidamente las ventanas (generalmente anuncios), y tanta gente de software bloqueo de ventanas emergentes instalado y la mayoría de los navegadores web modernos incluida la navegación emergente como una característica. Estos bloqueadores trabajan principalmente en las ventanas emergentes con guiones para abrir automáticamente cuando se carga una página. Las ventanas emergentes que se invocan cuando el usuario hace clic en algo, como el creado aquí, generalmente no son bloqueados por este tipo de software.