Manos consagradas

Solo disponible en BuenasTareas
  • Páginas : 2 (356 palabras )
  • Descarga(s) : 0
  • Publicado : 16 de marzo de 2011
Leer documento completo
Vista previa del texto
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 consultadosen 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.
[pic]
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)
[pic]
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)
[pic]
Por ser el primer campo nos consulara si queremos agregar la etiqueta HTML para elFormulario (add HTML tag), le diremos que Si (Yes)
[pic]
Seleccionando el Campo Nombre, vamos a indicar en propiedades, su nombre de campo, o sea "nombre" y el ancho de 30 caracteres.
[pic]
Vamos apresionar 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 deTexto (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
[pic]
Este formulario permitirá ingresar los datos, y al presionarenviar 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...
tracking img