EJEMPLO DE DREAMWEAVER

 

 

Iniciaremos una nueva pagina web, despues colocaremos con las herramientas de “Propiedades de pagina” el color de fondo, como muestra la siguiente imagen,

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Insertaremos un texto a modo de titulo principal, despues utilizando las propiedades de texto daremos el aspecto como el ejemplo,

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Procederemos a colocar una tabla indicando que tendra una fila y cuatro columnas. Para ello utilizaremos el boton de insertar tabla de la barra de herramientas.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Despues de insertar la tabla centraremos la misma mediante la herramienta de “Alineacion”,

 

 

 

 

 

 

 


El siguiente paso es mediante la herramienta de insertar imagen de sustitucion, utilizando el boton 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


En esta pantalla de configuracion de imagen de sustitucion, mediante el boton de “examinar”, localizaremos la imagen original y tambien localizaremos la imagen de sustitucion, la cual cambiara por la original en el momento de colocar el raton encima de la misma,

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Despues colocaremos un “texto alternativo” que se mostrara automaticamente al situar el raton encima, y tambien colocaremos la direccion URL donde tiene que ir si el usuario hace clic en el enlace.

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Repetiremos el paso anterior para completar la tabla, seguiremos los siguientes ejemplos,

 

 

 

 

 

 

 

 

 

 

 

 

 


Siguiente enlace,

 

 

 

 

 

 

 

 

 

 

 

 


Finalmente,

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


La pantalla despues de estos pasos tiene que ser la que muestra el siguiente ejemplo,

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Guardaremos el ejercicio y mediante la tecla F12 probaremos su resultado,

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Comprobamos como al colocar el raton encima de cualquier imagen aparece la animacion y el texto alternativo, despues si hacemos click accedemos a la pagina web indicada.

 

Cursos Curso de Mecanografia   Oposiciones    Curso de Contabilidad

Curso de Dreamweaver