Efectos rollo Más de Dreamweaver CS5 en

Un rollo más efecto hace que una página web elemento de diseño a cambiar cuando los usuario se desplaza sobre ella. Esto se utiliza para resaltar los botones y intercambiar imágenes para hacer que los sitios web más dinámica y sensible a la entrada del usuario. Dreamweaver CS5, editor HTML de gama alta de Adobe, tiene un número de maneras de establecer este tipo de efecto. La que utilice depende del navegador que se está dirigiendo.

componentes necesarios

Un vuelco efecto requiere al menos dos imágenes. La primera imagen es la imagen inicial que aparece en la página Web cuando se carga, y la segunda imagen se intercambió en cuando el cursor se coloca sobre la primera imagen. Una tercera imagen opcional se puede utilizar como sustituto para cuando el usuario hace clic en la imagen en sí. Estas imágenes se pueden hacer en Photoshop u otro editor de imágenes, como un conjunto de modo que todos los elementos de texto o elementos gráficos están espaciados de forma idéntica en cada imagen.

Uso de JavaScript

Dreamweaver de forma predeterminada de hacer rodar sobre las imágenes es con JavaScript. Se define un comportamiento ligado a un elemento específico de la página, y que el comportamiento tiene acciones específicas que responde a. Estos comportamientos y acciones son versiones simplificadas de código JavaScript de uso común; busque en "Ver código" de Dreamweaver para ver el código JavaScript puso en marcha en su página web al hacer esto. El comportamiento específico que se está agregando para un rollo de imagen sobre JavaScript efecto es el comportamiento Intercambiar imagen.

El uso de CSS

Cascading Style Sheets o CSS, son una forma de separar el aspecto del texto y los aspectos de posición de varios elementos en una página web desde el propio texto real. CSS también se puede utilizar para generar en transferencias de imágenes y menús desplegables en Dreamweaver, aunque requiere código de edición de la mano para hacerlo. La ventaja de hacer esto con CSS es que funciona incluso cuando un usuario está ejecutando su navegador con JavaScript desactivado. La desventaja es que no es tan flexible y un poco más difícil de configurar la primera vez. También le permite definir en transferencias de un sitio web completo que se carga una vez, en lugar de cada vez que se carga una página.

Advertencia

Cada vez que utiliza una imagen darse la vuelta con el lenguaje Java, que están causando la página web para cargar dos o tres imágenes. Esto puede ralentizar el tiempo de carga de la página Web para los nuevos visitantes, potencialmente haciendo que se pulsa el botón "Volver". Al igual que con muchos elementos de diseño web, es una cuestión de si una velocidad de carga de página más lenta es la pena el atractivo añadido en el sitio web.