Formularios Dreamwever

Formulario de Contacto con Dreamweaver

Creación de Formularios con Dreamweaver

por elQuique de Foro Creativo y Taller Webmaster

En este sencillo tutorial, veremos uno de los temas mas consultados en nuestro Foro Creativo. Esta primer entrega abarca la creación de un formulario en Dreamweaver, que generara el HTML necesario.

Comenzaremos de cero, creando un Archivo, Nuevo (File, New), este archivo sera simplemente HTML, en este punto no es necesario ningún otro tipo de archivo tipo PHP o ASP.

Continuaremos ahora agregando los siguientes campos a nuestro Formulario:

• Nombre

• Empresa

• E-Mail

• Mensaje

Para esto vamos a ir al menú Insertar, Formulario, Campo de Texto (Insert, Form, Text Field)

Nos solicitara primero el nombre de la etiqueta (Label), que indica el texto que indentificara el campo, en el primer caso pondremos "Nombre", y Aceptar (Ok)

Por ser el primer campo nos consulara si queremos agregar la etiqueta HTML para el Formulario (add HTML tag), le diremos que Si (Yes)

Seleccionando el Campo Nombre, vamos a indicar en propiedades, su nombre de campo, o sea "nombre" y el ancho de 30 caracteres.

Vamos a presionar Enter, para saltar un parrafo, y continuaremos agregando otro Campo de texto (Insertar, Formulario, Campo de Texto) para Empresa, y otro para E-Mail

Para el mensaje, vamos a agregar un Área de Texto (Text Área), con Insertar, Formulario, Área de Texto (Insert, Form, Text Área)

Recordemos presionar enter al final de cada campo para que se dispongan uno bajo el otro

Por ultimo debemos, agregar el botón de Enviar, con Insertar, Formulario, Botón (Insert, Form, Button)

El formulario debe lucir como indica la imagen

Este formulario permitirá ingresar los datos, y al presionar enviar va a un archivo PHP o ASP, que toma los datos de cada campo y los envía por E-Mail, esta parte la veremos en la próxima entrega.

Si miramos el código HTML, hasta este momento, se vera como indica la imagen:

...