Crear álbum de fotos

  • Published on
    20-Apr-2015

  • View
    291

  • Download
    5

Transcript

<p>Comportamientos en DreamweaverCrear lbum de fotos I. II. Crear carpeta raz Album Crear sitio web album1</p> <p>III.</p> <p>Crear un nuevo documento HTML e insertar tabla: Fila: 1 Columnas: 2 Ancho de tabla: 955 Grosor del borde: 0</p> <p>Profesor: Samuel Molina Javier</p> <p>Pgina 1</p> <p>Comportamientos en DreamweaverIV. Cambiar propiedades de tabla Alineacin de tabla: centro Cambiar alineacin de la 1ra celda: horizontal centro y vertical superior Cambiar alineacin de la 1ra celda: horizontal centro y vertical medio</p> <p>V.</p> <p>Insertar las imgenes en la 1ra celda Tamao de cada imagen: 250 x 150 Asignar nombre a cada imagen ejemplo. Img1</p> <p>Profesor: Samuel Molina Javier</p> <p>Pgina 2</p> <p>Comportamientos en DreamweaverVI. Ahora insertar imagen otra imagen en 2da celda: Tamao de imagen: 670 x 490 Nombre de imagen: contenedor</p> <p>VII.</p> <p>Ahora activamos el panel de comportamientos</p> <p>Profesor: Samuel Molina Javier</p> <p>Pgina 3</p> <p>Comportamientos en DreamweaverVIII. Seleccionar img1</p> <p>IX.</p> <p>Seleccionamos tipo de comportamiento Clic en signo + del panel comportamientos Clic en Intercambiar imagen</p> <p>Profesor: Samuel Molina Javier</p> <p>Pgina 4</p> <p>Comportamientos en DreamweaverX. En ventana intercambiar imagen Seleccionar Imagen contenedor del cuadro imgenes Y luego hacer clic Examinar Seleccionar img1 e insertar</p> <p>XI.</p> <p>Desactivar la opcin Restaurar imgenes OnMouseOut y clic en aceptar.</p> <p>Ahora seleccione img2 y ejecute los mismos procedimientos que realizaste con img1 Una vez terminada guar la pgina con nombre mi_album1</p> <p>Profesor: Samuel Molina Javier</p> <p>Pgina 5</p> <p>Comportamientos en Dreamweaver</p> <p>XII.</p> <p>Para ver el resultado presiona F12 y veraz que al pasar el cursos por encima de cada imagen cambiar de tamao en imagen contenedor.</p> <p>XIII.</p> <p>Agregando ms efectos de comportamiento a nuestro lbum. Seleccione la img1 Y veraz en el panel comportamientos onMouseOver Cambiamos a evento onClick Tambin cambiamos color de relleno de tabla anegro</p> <p>Profesor: Samuel Molina Javier</p> <p>Pgina 6</p> <p>Comportamientos en Dreamweaver</p> <p>Al presionar F12 veras que ahora al pasar el curso sobre img1 no cambia sino recin al hacer click XIV. Realiza el mismo cambio para cada imagen</p> <p>Profesor: Samuel Molina Javier</p> <p>Pgina 7</p> <p>Comportamientos en DreamweaverXV. Agregar efecto desvanecer y aparecer Seleccione img1 Click en signo + del panel comportamientos Click en efectos Click en aparecer/Desvanecer</p> <p>En ventana aparecer/Desvanecer Seleccione img contenedor del elemento de destino En efecto: aparecer</p> <p>Profesor: Samuel Molina Javier</p> <p>Pgina 8</p> <p>Comportamientos en DreamweaverXVI. Ahora seleccione realiza el mismo procedimiento para cada imagen y veras el resultado final es muy interesante.</p> <p>Profesor: Samuel Molina Javier</p> <p>Pgina 9</p>