Cómo utilizar comportamientos con cajas en adobe dreamweaver CS6

Para agregar efectos y la interactividad, puede utilizar el built-in de Adobe Dreamweaver CS6 comportamientos, una colección de scripts listos para usar que se pueden aplicar a casi cualquier elemento en una página. Cuando se utiliza con DIVs u otros recipientes, las conductas pueden mejorar con efectos especiales o la interacción del ratón (como clics y rollovers) para hacer la página más emocionante.

El panel Comportamientos cuenta con un nuevo conjunto de efectos, como fundido / Aparecer, Shrink, Resaltar, diapositivas, y más entero - todos los cuales se puede aplicar a la Div PA que cree.

Puede agregar comportamientos siguiendo estos pasos:

Elija Window-Comportamientos para abrir el panel Comportamientos.
Seleccionar un DIV mediante el panel Elementos PA o seleccionar un elemento directamente en la página.
En el panel Comportamientos, haga clic en el signo más.
Aparece el menú de comportamientos disponibles.
En el menú, elija el comportamiento que desea aplicar.
Por ejemplo, para aplicar un efecto de fundido, elija Efectos-Aparecer / Fundido.
Se abre el cuadro de diálogo Aparecer / Fundido.
Asegúrese de que el efecto se establece en Fundido y seleccione la casilla de verificación del efecto de palanca para asegurarse de que el cuadro vuelve a aparecer cuando se hace clic en un segundo tiempo. Luego haga clic en Aceptar.
El comportamiento se añade a la lista. La frase onclick a su izquierda indica que esta acción se produce cuando se hace clic en la caja.
Elija Archivo-Guardar para guardar la página.
Para ver el efecto en la acción, vista previa de la página en un navegador.
Elija Archivo-Vista previa en el navegador y elija un navegador para iniciar la página.

Al probar la página, haga clic en el cuadro hace desaparecer o reaparecer - un montón de diversión para usted y altamente interactiva para los usuarios!

Si tu navegador está restringiendo la página web desde la ejecución de scripts o controles ActiveX, haga clic en el mensaje en la parte superior de la ventana del navegador y seleccione Permitir contenido bloqueado para probar adecuadamente los nuevos comportamientos.

Cuando se utilizan efectos comportamientos, Dreamweaver tiene que copiar en su sitio varios archivos locales que hacen que los efectos posibles.

Sobre el autor

Cómo crear swaps con varias imágenes en Dreamweaver

Antes de empezar a crear un diseño de página más compleja con el comportamiento Intercambiar imagen de Dreamweaver, mirar una página terminada. Con el comportamiento Intercambiar imagen, puede reemplazar cualquiera o todas las imágenes en una…

¿Cómo definir una transición en Flash Catalyst CS5

Después de crear una transición en Adobe Flash Creative Suite 5 Catalyst, el siguiente paso es configurarlo. En todos los casos, se trabaja en el panel Líneas de tiempo.Para agregar una transición a un componente, como un botón, primero haga…

¿Cómo insertar archivos SWF de Flash en Dreamweaver

Archivos Flash, a menudo llamado Flash películas, utilizar el .swf extensión y pueden incluir animaciones, gráficos, fotos y video. Gracias a Dreamweaver, estos archivos son relativamente fáciles de insertar en una página web. Insertar un…

Cómo instalar nuevas extensiones de Dreamweaver para comportamientos

Incluso con las mejores características de Dreamweaver, un día es casi seguro que vendrá cuando usted querrá hacer cosas que Dreamweaver no puede hacer con las características que se entregan con el programa. Afortunadamente, los programadores…

Cómo enlazar páginas dentro de su sitio web en Dreamweaver

Dreamweaver hace que la vinculación de una página a otra página en su sitio web fácil. Sólo asegúrese de guardar páginas en la carpeta del sitio local antes de comenzar a configurar enlaces.He aquí cómo se crea un vínculo de una página de…

Cómo enlazar a archivos de audio y vídeo en Dreamweaver

Puede utilizar Dreamweaver para enlazar a un archivo de audio o de un archivo de vídeo. Vincular a un archivo multimedia es tan fácil como la vinculación a cualquier otro archivo, como se ve en las instrucciones que siguen.Para utilizar…

¿Cómo gestionar los estilos de capa en Photoshop CS6

Cuando se trabaja con múltiples capas en Photoshop CS6, puede que tenga que administrar sus estilos de capa. Para editar un estilo, haga doble clic en el nombre del efecto o la etiqueta Efectos, haga doble clic en la miniatura de la capa o doble…

Cómo obtener una vista previa de su página en Dreamweaver CS6 Adobe

Tal vez usted haya completado su página en Dreamweaver CS6 Adobe y quiere investigar cómo se ve en un navegador. Usted puede ver rápidamente el archivo haciendo clic en el Vista previa / Depurar en explorador en el botón de la barra de…

Cómo obtener una vista previa la página en muchos navegadores web en dreamweaver

Cuando usted está utilizando Dreamweaver para diseñar páginas web para el público más amplio en la web, lo mejor es probar su sitio mediante la vista previa de las páginas en una variedad de navegadores web. Los siguientes pasos le guiarán…

Cómo utilizar widgets móviles jquery de dreamweaver

El menú Insertar de Dreamweaver incluye una colección de widgets móviles jQuery que puede utilizar para crear elementos de formulario y otras funciones más utilizadas en aplicaciones web para móviles. Por ejemplo, puede utilizar el widget…

Cómo utilizar el comportamiento de la ventana del navegador abierta en Dreamweaver

Puede utilizar comportamientos en Dreamweaver para crear muchas características interactivas, como abrir una nueva ventana del navegador cuando alguien hace clic en una imagen o un enlace de texto. Abrir una nueva ventana es una gran manera de…

Vista previa de su página en Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (CS5 de Adobe) Dreamweaver ofrece opciones en la vista previa de su página web. Usted puede ver rápidamente el archivo haciendo clic en el Vista previa / Depurar en explorador en el botón de la barra de herramientas de…

maniqui-es.com » Computadoras y software » Gráficos y animación » Diseño Grafico » Cómo utilizar comportamientos con cajas en adobe dreamweaver CS6