miércoles, 25 de junio de 2014

FORMULARIOS

Para crear formularios con KompoZer, abriremos el programa e iremos a la opción Insertar --> Formulario --> Definir formulario.
 

 

Entonces aparece la ventana Propiedades del formulario

 

 

 
Rellenaremos los datos del Nombre de formulario; en el campo URL de la acción pondremos en principio: http://forms.melodysoft.com ya configuraremos el servicio para que envíe las encuestas que hagamos a los usuarios de nuestra Web a un correo determinado; en método seleccionaremos la opción POST, es decir... Enviar; finalmente, pulsamos Aceptar.

 

Inmediatamente veremos que el programa ha creado un área punteada, como una celda de tabla de color celeste. Esto nos indica que el formulario está creado con el método de recogida de datos que le hemos especificado. Dentro de ese área comenzaremos a colocar los elementos que nos permitirán recopilar los datos que consideremos de interés para nosotros sobre los visitantes a nuestra Web.

 

 

CAMPO DE TEXTO:

Vamos a insertar un campo en el que el visitante ponga su nombre, para ello:
- Primero hacemos clic con el ratón dentro de ese área punteada en celeste y ponemos la palabra Nombre.
- A continuación, volvemos a la barra de herramientas Insertar --> Formulario --> Campo de Formulario. Rellenaremos la ventana que nos salga con los siguientes datos: elegiremos un campo de texto, lo nombraremos a efectos de poder reconocerlo posteriormente en el formulario y pulsaremos aceptar.

 

 

Nuestro formulario irá adquiriendo esta apariencia.

 

 

Posteriormente podemos repetir la operación para agregar otro campo que sea apellidos y dirección de email. Repetimos la misma operación anterior y nombramos a cada una según el dato que queramos recopilar.

 

 

CASILLAS DE VERIFICACIÓN:

Tras estos datos podremos colocar items para que el visitante elija una entre varias opciones o varias a la vez:
En el siguiente ejemplo vamos a insertar la siguiente pregunta ¿Qué te parece la web? y añadiremos los correspondientes items, cada uno con su opción:
 
  • Para conseguir estos items, recurriremos a Insertar --> Formulario --> Campo de Formulario y en el tipo elegiremos casilla de verificación.

 


 
A cada una de las casillas le asignamos el mismo nombre que pongamos en el formulario, en este caso son opiniones sobre nuestra Web.

 


 
De forma que nuestro formulario va adquiriendo esta presencia:

 

 

ÁREA DE TEXTO:

Para acabar este sencillo formulario podemos colocar un cuadro de texto para que nuestro visitante nos escriba libremente alguna sugerencia o cualquier otra cosa que le solicitemos. La mecánica para el cuadro de texto sería la siguiente: Insertar --> Formulario --> Área de Texto

 

 
Las propiedades de este área de texto serán las siguientes:

 

 

Y lo que obtendremos será algo parecido a esto:

 

 

BOTONES DE ENVÍO Y RESTABLECIMIENTO:

Finalmente solo quedará insertar los botones que harán posible que el visitante envíe el formulario o limpie la información del mismo por si se arrepiente de enviarlo o por si se equivoca en la consignación de algún dato. Para insertar los botones haremos lo siguiente: Insertar --> Formulario --> Campo de Formulario; seleccionaremos la opción botón de envío y botón de restablecimiento posteriormente, de forma que completemos el formulario. A cada uno de los botones pondremos sus propiedades.

 


   
 

El formulario quedará de esta manera:
En formato html este ejemplo resultaría así.

No hay comentarios:

Publicar un comentario