En este sencillo tutorial, les enseñare 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:
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
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: