EJERCICIO DE DREAMWEAVER

 

 

Iniciamos una nueva  pagina web, donde desde las propiedades daremos color al fondo de la misma,

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Despues cambiaremos la barra de herramientas, para ello desde la selección de las barras de herramientas aguantaremos el clic y activaremos la barra “formulario”,

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Seguidamente empezaremos el diseño de un formulario, en primer lugar activaremos el mismo mediante el boton de insertar formulario,

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


En las propiedades tendremos que indicar a que direccion de correo electronico se tendran que enviar los datos del formulario. Para ello tendremos que poner el comando (mailto:) seguido de NUESTRA DIRECCION DE E-MAIL.

 

El siguiente paso es colocar el texto que ira precediendo a los campos del formulario,

 

 

 

 

 

 

 

 

 

 

 

 

 


A continuacion insertaremos un campo de texto mediante el boton,

 

 

 

 

 

 

 

 

 

 

 


Repetiremos la operación hasta que tengamos la imagen siguiente,

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Despues del campo Sexo, colocaremos un campo de “boton de opcion” para cada uno de los valores que introduciremos,

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Continuaremos insertando el siguiente concepto,

 

“Aficiones”

 

Despues de insertar el titulo,

 

 

 

 

 

 

 

 

 

 

 

 

 


Colocaremos campos de “casilla de verificación”,  para enumerar cada una de las opciones que forman el conjunto de Aficiones,

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Finalmente crearemos una lista desplegable para enumerar posibles respuestas a un concepto,

 

 

 

 

 

 

 

 

 

 

 

 

 


En la pantalla que ha aparecido rellenaremos la lista con los valores siguientes,

 

 

 

 

 

 

 

 

 

 

 

 

 

 


El resultado del formulario ya completo sera como la siguiente imagen,

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Para finalizar el formulario insertaremos los botones necesarios para manipularlo, insertaremos un boton para “enviar” el formulario  y otro para “borrar” el contenido que ha introducido el usuario.

 

Para insertar estos botones utilizaremos la herramienta,

 

 

 


Al pulsar el boton de la herramienta anterior aparecen las propiedades,

 

 

 

 

 

 

 

 

 


En este caso dejaremos las propiedades que aparecen por defecto.

 

En el siguiente boton activaremos como accion “restablecer formularo”,

 

 

 

 

 

 

 

 

 

 


Finalmente guardarmos la pagina web y con el F12 probaremos su funcionamiento, rellenaremos el formulario y pulsaremos enviar, despues comprobaremos en nuestro correo electronico si nos ha llegado el contenido del formulario.

 

 

 

Cursos Curso de Mecanografia   Oposiciones    Curso de Contabilidad

Curso de Dreamweaver