EJEMPLO DE DREAMWEAVER

 

 

El primer paso sera iniciar una nueva pagina web, a esta pagina procederemos a crear una distribucion de marcos.

 

Para ello primero seleccionaremos la caja de herramientas de diseño,

 

 

 

 

 

 

 

 

 

 

 


Desde la herramienta de selección de marcos,  escogeremos la combinacion,

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Despues de activar los “Marcos superior e izquierdo anidado” el aspecto de la pagina web sera,

 

 

 

 

 

 

 

 

Nos colocaremos en el “frame” superior haciendo “clic”, de forma que quede seleccionado,

 

 

 

 

 

 

 

Ahora desde el boton de propiedades de la pagina seleccionaremos un color para el fondo de esta parte superior de la web,

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


El resultado despues de aceptar el color de fondo,

 

 

 

 

 

 

 

 

 


Continuaremos seleccionando el marco izquierdo y repetiremos la operación anterior dandole un color como en la muestra,

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Finalmente seleccionaremos el marco central y le daremos de la misma forma que los marcos anteriores un color,

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Despues de determinar el aspecto de cada marco, procederemos a darle nombre a cada uno de los marcos para poder despues llamarlos para cargar los contenidos que queramos.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Repetimos esta operación con los otros dos marco, de forma que le daremos al marco izquierdo en lugar del nombre “LeftFrame à Menu” y al marco mayor de la pagina web le cambiamos el nombre de “MainFrame à Contenido”,


 

 

 

En el marco superior introduciremos un texto a modo de titulo, despues de introducir el texto respetaremos el formato de la siguiente imagen de ejemplo,

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


El siguiente paso sera modificar la anchura del marco izquierdo para dejar mas espacio para poder despues introducir el texto de las opciones necesarias para completar la web,

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

A continuacion introduciremos el texto de las diferentes opciones que fomaran  el contenido del marco izquierdo de la pagina web.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Despues de introducir el texto en el marco izqueirdo, daremos el aspecto necesario para obtener la imagen. Despues de modificar el aspecto procederemos a asignar a cada texto del menu un enlace adecuado para ello seleccionaremos el prier texto del menu “Ejercicio 1” y desde la pantalla de propiedades introduciremos los datos que muesta la siguiente imagen,

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


En el lugar del nombre del vinculo tendremos que localizar mediante el icono de la carpeta, el nombre del primer ejercicio que hemos realizado en este curso.

 

 

Repetimos esta operación con los 7 ejercicios (las opciones del menu), de esta forma al guardar el ejercicio dando nombre a cada marco de esta web, y mediante la tecla F12 realizaremos una vista en nuestro navegador del funcionamiento de la web, y podremos observar como al hacer “clic” en una opcion del menu el contenido aparecera en el marco principal “contenido”.

 

 

Cursos Curso de Mecanografia   Oposiciones    Curso de Contabilidad

Curso de Dreamweaver