Tutorial por Jorge Oyhenard (elQuique) de Taller Webmaster

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.

Crear Archivo HTML

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)

Insertar Campo de Texto

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)

Etiqueta Nombre

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

Tag HTML del Formulario

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

Propiedades del Campo

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

Formulario de Contacto

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:

Formulario HTML

La continuación del codigo PHP para enviar el e-mail, la pueden ver aca:

http://www.tallerwebmaster.com/Tutorial-Formulario-de-Contacto-enviar-mail-con-PHP-c-43.html

Puedes realizar consultas o sugerencias sobre este tutorial en nuestro foro de soporte, click aqui
Hemos creado el correo electrónico tutoriales @ tallerwebmaster com para recibir tus aportes de tutoriales y artículos.
Registrate aquí para consultar, comentar, recibir novedades y valorar los Tutoriales y Artículos

 Fecha: 19/11/2006  NIYAZ escribió:
muchas gracias me sirvio de mucho.

saludos

 Fecha: 01/02/2007  JR_CRISTIAN5 escribió:
excelente amigos ,.... gracias por tus grandes neceñansas.. son lo maximoooooo0000OOOOO....'''¡¡¡¡¡
Cristian Alejando

 Fecha: 13/02/2007  DAFM escribió:
hola, bueno kisiera que me ayudaran con la conexión a mi ftp q tengo en tripod lycos...
me sale el error de q no encuentra el host remoto
 Fecha: 01/03/2007  RELOADXXX escribió:
tengo un problema con el formulario..hice uno..con un par de cosas..osea..esta re bien..pero cuando apreto el boton Enviar me aparece para descargar el php :S..nose q tiene. mi msn es rld.design@gmail.com , la web por las q le hablo es www.ayrez.com.ar/zz/index.html , si alguien me puede decir q es..se lo voy a estar muy pero muy agradecido
 Fecha: 08/03/2007  ELQUIQUE escribió:
Todas las dudas adicionales las postean en nuestro foro http://www.forocreativo.net que con gusto les ayudaremos
 Fecha: 17/03/2007  RULOFC escribió:
Gracias a ustedes me eh convertido en un Web Master !! muchisimas gracias por la página

 Fecha: 20/03/2007  LUISLINOREYES escribió:
Saben ya cree el archivo enviar.php y en la propiedad action le adjunto dicho archivo, pero cuando la ejecuto tengo el mismo problema de mi amigo RELOADXXX, nose si pueden ayudar a este primeriso q resien se une al mundo del diseño web, cualquier rpta. al mismo portal o a legolas_1784@hotmail.com
 Fecha: 08/05/2007  MAXI2481 escribió:
Hola, el tutorial me pareció muy bueno, aunq tengo una duda, cree el formulario y modifiqué el enviar.php solo en los campos para q coinsidiera con el html. Subi ambos archivos a un server apache y me da el sguiguiente mensaje de error de que el method post no esta alojado dentro de el php. Veridfique el archivo y el mthod post estaba. Teienen alguna idea de que puede ser el problema?
mi mail es maxi2481@hotmail.com
 Fecha: 18/07/2007  NATJESS escribió:
Interesante.. pero hay un problema, que pasa si uno no tiene el servidor Php.. entonces el formulario no serviria verdad?... como podria hacer entonces, porque lo quiero hacer con asp.net
 Fecha: 23/07/2007  JORGECURIA escribió:
prueba
 Fecha: 29/07/2007  JPGID escribió:
HOLA
 Fecha: 30/07/2007  LOBE escribió:
Me fue super utiL!!!! solo me queda una duda, que tengo que agregar en el archivo de php si quiere poner el en formulario botones de opcion y listas??

mil gracias!
 Fecha: 15/08/2007  XOSEL escribió:
he hecho todo lo que me dices pero al probarlo los correos no me llegan.. me dice que el correo ha sido enviado correctamente pero no es así..
como se puede hacer para que diga que el correo no se pudo enviar si ocurre algún error?
 Fecha: 15/08/2007  XOSEL escribió:
he hecho todo lo que me dices pero al probarlo los correos no me llegan.. me dice que el correo ha sido enviado correctamente pero no es así..
como se puede hacer para que diga que el correo no se pudo enviar si ocurre algún error?
 Fecha: 16/08/2007  QUIQUENET escribió:


 Fecha: 20/08/2007  JOHNBENZAQUEN escribió:
hola amigos tengo un problema con este formulario ya huxe todo lo q mensiona en el tutorial pero no entiendo algunas cosas el archivo en el archivo .php en q lugar lo pego el codigo q das en el header o en el body, ademas me cuando le doy enviar al mensaje me pide descagar el archivo, les agradeceria mucho q me ayudaran urgente por favor ...gracias
 Fecha: 20/08/2007  JOHNBENZAQUEN escribió:
me olvidaba el archo se guarda junto con las demas paginas html???
 Fecha: 24/09/2007  POSEIDON escribió:
No se si anda o no por que intente postear una pregunta en otro tutorial pero no andubo! Quiero saber donde ubicar el archivo send.php. Si adentro de public_html o afuera!
Mi web es en flash y necesito con bastante urgencia hacer un formulario para poder colectar reservas!
Gracias y disculpen las molestias!
 Fecha: 10/10/2007  JUAART escribió:


 Fecha: 17/10/2007  JABTOLEDO escribió:
como hacer para que se muestren los comentarios con los datos de la persona que hace el comentario

 Fecha: 29/11/2007  MVELARDE escribió:
Yo tengo el mismo problema que JOHNBENZAQUEN me pasa exactamente igual.....
Ayuda porfavor