Formulario Dreamweaver

Páginas: 2 (321 palabras) Publicado: 15 de mayo de 2012
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 masconsultados 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), estearchivo 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), queindica 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 (addHTML 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, parasaltar 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 deEnviar, 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 archivoPHP 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:
Leer documento completo

Regístrate para leer el documento completo.

Estos documentos también te pueden resultar útiles

  • dreamweaver
  • Dreamweaver
  • Dreamweaver
  • dreamweaver
  • Dreamweaver
  • Dreamweaver
  • Dreamweaver
  • Dreamweaver

Conviértase en miembro formal de Buenas Tareas

INSCRÍBETE - ES GRATIS