Secuencia 7 Amviente

lefttop
Preparatoria técnica Álvaro Obregón
Unidad churubusco righttop
Secuencia didáctica #7
Act:30, 31, y 36
Alumno: Brian Oziel Medrano Maldonado
Materia: Ambiente visual.
Especialidad: TIC
Aula: 120
Grupo: 4n4
30.Comportamientos y sus aplicaciones en dreamweaverLos comportamientos son acciones que suceden cuando los usuariosrealizan algún evento sobre un objeto, como puede ser mover el ratón sobre una imagen, pulsar sobre un texto, hacer doble clic sobre un mapa de imagen, etc.
Los comportamientos no existen como código HTML, se programan en JavaScript. Dreamweaver permite insertarlos a través del panel Comportamientos, por lo que no es necesario escribir ninguna línea de código JavaScript para programarlos.
Otroscomportamientos que ya has visto son los que se aplican sobre las imágenes de sustitución y las barras de navegación, que ya están predefinidos, por lo que no es necesario introducir este conjunto de comportamientos a través del panel Comportamientos.
Para validar formularios ya viste algunas características del panel Comportamientos. Vamos a recordar las que necesitamos para poder insertarcomportamientos más tarde.
El panel Comportamientos se puede abrir a través del menú Ventana, opción Comportamientos. También pulsando Mayús+F4.
En este panel hay que desplegar el botón pulsando sobre él, y en Mostrar eventos para elegir una versión de la lista de navegadores.
Algunos comportamientos no funcionan para algunos navegadores, por lo que dependiendo del navegador elegido aparecerán unosu otros comportamientos posibles.
Existen comportamientos que funcionan en Internet Explorer pero no en Netscape. Debido a que la mayoría de usuarios utiliza Internet Explorer, vamos a seleccionar este navegador. Puedes seleccionar alguna de sus últimas versiones: IE 5.5 o IE 6.0.
Una vez elegido un navegador ya no es necesario volver a elegirlo las siguientes veces que se desee insertar algúncomportamiento.
 
Cuando ya hay establecido algún navegador, ya se pueden insertar comportamientos.
Lo primero que hay que hacer es seleccionar el objeto sobre el que se ha de aplicar el comportamiento, como puede ser una imagen, un fragmento de texto, etc.
Al desplegar el botón del panel Comportamientos aparece la opción Mostrar eventos para, a través de la cual se había elegido elnavegador. También aparece la lista de todas las acciones posibles para el navegador elegido previamente, de entre las que se puede seleccionar una.
Según el elemento sobre el que se desee aplicar el comportamiento, se podrán elegir unas acciones, mientras que otras no.
 
En este caso la acción Validar formulario no puede seleccionarse porque no existe ningún formulario en la página.
Después de elegiralguna acción, el comportamiento correspondiente aparece en el panel Comportamientos. En este caso se han insertado dos comportamientos.
Como puedes ver, cada comportamiento tiene asociados un evento y una acción.
Las acciones son las que se han elegido en la lista anterior y el evento indica cuándo se debe de realizar la acción.
Para eliminar un comportamiento, hay que seleccionarlo en elpanel Comportamientos y pulsar sobre el botón . También es posible cambiar el orden de los comportamientos aplicados a un objeto, seleccionándolos y ordenándolos mediante los botones .
31.Las capas y sus aplicaciones en dreamweaver.
Las capas no son más que unos recuadros, que pueden situarse en cualquier parte de la página, en los que podemos insertar contenido HTML. Dichas capas puedenocultarse y solaparse entre sí, lo que proporciona grandes posibilidades de diseño.
Las capas pueden moverse de una posición a otra de la ventana pulsando sobre el recuadro blanco, y sin soltar el ratón, arrastrándola hacia la nueva posición.
También pueden ser redimensionadas pulsando sobre los recuadros negros, y arrastrándolos hasta conseguir el tamaño deseado.
Dentro del recuadro de la capa es...