EJEMPLO DE DREAMWEAVER

 

En primer lugar vamos a crear un nuevo documento html en dreamweaver, con el documento nuevo en pantalla le daremos color de fondo, con las propiedades de la pagina,

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Introduciremos  un titulo para la pagina web, a continuacion escribimos el siguiente texto y le damos el aspecto necesario para que sea como el ejemplo,

 

 

 

 

 

 

 

 

 

 


Despues insertaremos una tabla con 5 filas y 2 columnas, una vez insertada centraremos la tabla en medio de la pagina web mediante la opcion de alineacion.

 

 

 

 

El resultado de los pasos anteriores son,

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Ahora dentro de la primera columna introduciremos los siguientes valores,

 

 

 

 

 

 

 

 

 

 


El siguiente paso es darle formato al texto que hemos introducido, con las propiedades adecuadas,

 

 

 

 

 

 

 

 

 

 

 


Despues colocaremos en las celdas contiguas a los nombres de los portales las imágenes, para ello nos colocaremos en la primera celda y despues activaremos el boton de insertar imagen,

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Repetiremos la operación anterior con los otros logotipos de la para rellenar toda la tabla,

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Ahora colocaremos a cada imagen un enlace (link) para que el usuario haciendo clic pueda acceder a las paginas.

Para ello seleccionaremos la imagen de “terra” y desde la propiedad de  “VINCULO”

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Ahora repetiremos el mismo paso con cada uno de los logotipos del ejercicio con sus direcciones de vinculos,

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Finalmente guardaremos el archivo y con la tecla F12 lo ejecutaremos en el navegador para ver su funcionamiento.

 

Cursos Curso de Mecanografia   Oposiciones    Curso de Contabilidad

Curso de Dreamweaver