Para incluir un formulario en tu web y hacer que el mismo sea 100% funcional necesitaras de 3 archivos. En este tutorial te contamos como armar los tres archivos con ejemplos prácticos del codigo necesario.

Los 3 archivos que necesitarás son:

• 1 página web que contenga el formulario.


• 1 página web o archivo en CGI, PHP o ASP que envie los datos del formulario al email o emails que hayas indicado


• 1 página web que vea el usuario si el formulario fue enviado exitosamente o si no pudo ser enviado.

Ahora te contaremos en detalle como armar cada una de las 3 páginas. Para trabajar con las mismas necesitas un programa que te permita diseñar webs como FrontPage o Dreamweaver, o cualquier otro programa que te permita hacerlo. 

Es posible tambien los archivos en modo texto, pero solo se recomienda si conoces de programacion y escritura de lineas de codigo.

Bien, vamos a la explicacion sencilla:

Página del formulario

Si ya sabes como armar tu formulario, ve directamente al Paso 2 . Sino continua leyendo por favor.

Para armar esta página podes usar cualquier otra página de tu sitio que tengas armada previamente con FrontPage o Dreamweaver.

Simplemente deberás dejar los enlaces y las imagenes que usas en todas las demás páginas de tu sitio e insertar un formulario en la página.

Para ello, sigue estos pasos:

- Abre una página de tu sitio.

- Guardala con otro nombre, por ejemplo formulario.html

- Si estas usando Dreamweaver en Español tenes dos opciones: a) podes ir al menu superior, Insertar, Formulario, y de nuevo Formulario en el desplegable que se abrira al costado. O b) si tenes abierta la paleta de inserciones, busca Formularios y presiona en el primer item Formulario ( Es un cuadrado con una linea punteada). Si no estas usando Dreamweaver en Español o estas usando una version diferente a la 8, te sugerimos visitar la Ayuda de Adobe Macromedia para verificar como tenes que insertar un formulario en un sitio web.

- Si estas usando FrontPage 2003  tenes que posicionarte en el menu superior, ir a Insertar, Formulario y de nuevo Formulario en el menu que se desplegara. Como en el caso anterior, te sugerimos visitar la Ayuda de Microsoft si tenes dudas sobre como insertar formularios.

 - Una vez que hayas insertado el formulario debes insertar los datos que le pediras al usuario y los campos que recogeran estos datos.

La siguiente explicacion te permitirá darle formato a tu formulario con una técnica que esta dejandose de usar, insertando tablas. Sin embargo es mas sencilla que la tecnica alternativa de maquetación mediante CSS, sobre todo para las personas que recien empiezan.  Pero si tenes conocimientos sobre maquetacion CSS te recomendamos usar esa tecnica antes que esta, ya que aligera mucho el peso de los archivos.

Bien, ahora lo que vas a hacer es insertar una tabla con dos columnas y tantas filas como necesites. Para esto tenes varias opciones dependiendo del programa que utilices. Lo mas usual es ir al menu superior, Insertar, Tabla y te aparecerá un menu indicandote cuantas filas y columnas deseas que tenga.

Dejas la cantidad de filas por defecto, ya que es sencillo agregar mas filas presionando la tecla Tab en tu teclado, e indicas dos columnas.

Luego vas llenando las columnas, a la izquierda colocas tu pregunta, por ejemplo, Indique nombre, y en la derecha colocas un campo de texto, un campo para comentarios o un boton de seleccion. Para saber mas en detalle sobre como hacerlo, nuevamente te sugerimos consultar las ayudas de los programas que estas usando.

Finalmente colocas un boton de enviar. 

Si deseas le das formato a las preguntas y a los campos y ya tenes tu formulario listo. Nuevamente, el como darle formato a los campos escapa a este tutorial y te recomendamos que lo investigues.

Ahora podes ir al paso 2 >>