Taller Webmaster

Tutoriales para Webmasters

Bienvenido a Taller Webmaster, donde encontrarás la mejor información sobre tutoriales y recursos para webmasters!

Crear Formulario de Contacto con Dreamweaver

Tutorial Photoshop

Tutorial por Jorge Oyhenard (elQuique)

SoloPhotoshop

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

Comentarios de Crear Formulario de Contacto con Dreamweaver

↑ Tutorial

niyaz

2006-11-19 19:53

muchas gracias me sirvio de mucho.

saludos
jr_cristian5

2007-02-01 10:06

excelente amigos ,.... gracias por tus grandes neceñansas.. son lo maximoooooo0000OOOOO....'''¡¡¡¡¡
Cristian Alejando
dafm

2007-02-13 11:29

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
reloadxxx

2007-03-01 08:04

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
elquique

2007-03-08 10:40

Todas las dudas adicionales las postean en nuestro foro http://www.forocreativo.net que con gusto les ayudaremos
rulofc

2007-03-17 22:25

Gracias a ustedes me eh convertido en un Web Master !! muchisimas gracias por la página
luislinoreyes

2007-03-20 15:35

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
maxi2481

2007-05-08 17:08

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
natjess

2007-07-18 16:11

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
jorgecuria

2007-07-23 14:54

prueba
JPGID

2007-07-29 13:29

HOLA
LoBe

2007-07-30 13:55

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!
xosel

2007-08-15 21:23

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?
xosel

2007-08-15 21:25

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?
quiquenet

2007-08-16 16:13
johnbenzaquen

2007-08-20 11:00

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
johnbenzaquen

2007-08-20 11:04

me olvidaba el archo se guarda junto con las demas paginas html???
Poseidon

2007-09-24 14:48

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!
juaart

2007-10-10 23:20
jabtoledo

2007-10-17 20:16

como hacer para que se muestren los comentarios con los datos de la persona que hace el comentario
mvelarde

2007-11-29 15:40

Yo tengo el mismo problema que JOHNBENZAQUEN me pasa exactamente igual.....
Ayuda porfavor
EVNAS7

2008-07-15 16:42

mmmmm????
er_ground

2008-11-27 16:22

hola!
soy nuevo y no puedo ver las imagenes explicativas, no se como hacer que se vean... todas las imagenes me aparecen con "SoloPhotoshop..."
alguien que me pueda ayudar por favor ;)
eayvl

2009-02-07 21:28

en estos foros nadie contesta para que esto funcione necesitan dar respuesta a las dudas !
suelen

2009-03-29 00:12

EXELENTE!! el scrip y se complementa perfectamente con el "enviar.php"
Gracias
chivoloco777

2009-04-16 18:34

De 10 el script !!!.. lo probe hace un momento ;-)

Gracias.

Saludos.

Daniel (Argentina).
moquete

2009-04-19 02:00

Hola he seguido todos los pasos y creado el formulario de las dos formas html y flash, pero me dice que el mensaje fue enviado y nunca llega a mi correo.
Necesito ayuda urgente porfavor moquete_c@hotmail.com
redhe

2009-06-02 20:06

Muy buen curso QUIQUE
Oye necesito tu ayuda
he estado buscando pero no he encontrado como hacer una baja, modificaciones y consultas de una base de datos con dreamweaver y PHPMyAdmin.

Me puedes ayudar a realizar eso, quiero implementarlo en una pagina que me encargaron en la escuela y es para entregar muy pronto.

Por favor ayudame
luars

2009-07-07 16:38

a mi me pasa como a muchos, me dice q el mensaje fue enviado pero nunca llega nada.... necesito ayuda urgente!!!!
mi mail : luars_69@hotmail.com
agradeceria a alguien q se cope y me de una mano gracias!!
hm_riquelme

2009-09-01 13:18

a mi me pasa como a muchos, me dice q el mensaje fue enviado pero nunca llega nada.... necesito ayuda urgente!!!!
mi mail : hm_riquelme@hotmail.com
agradeceria a alguien q se cope y me de una mano gracias!!

las paginas son
http://templorenacer.vndn.com/
http://templorenacer.ueuo.com/
pranet

2010-03-07 11:25

Saludos a todos,

Primero que nada, el problema que tienen para los envios del correo, es que no nombran el archivo de enviar (codigo PHP) send.php recuerden que el codigo pide esta funcion....

Pero para ayudarles aqui les dejo un formulario de envio muy facil de usar y todo en un mismo codigo...

/////////// Codigo Cortesia de PlatiniumHost.com /////

Comentarios desde mi pagina web, Cortesia de PlatiniumHost.com

if (!$HTTP_POST_VARS){
?>

Nombre:

Email:

Comentarios:

}else{
//Estoy recibiendo el formulario, compongo el cuerpo
$cuerpo = "Formulario enviado\n";
$cuerpo .= "Nombre: " . $HTTP_POST_VARS["nombre"] . "\n";
$cuerpo .= "Email: " . $HTTP_POST_VARS["email"] . "\n";
$cuerpo .= "Comentarios: " . $HTTP_POST_VARS["coment"] . "\n";

//mando el correo...
mail("TU-CORREO-VA-AQUI@LO.QUE.SEA.@HOTMAIL...ETC","Formulario recibido",$cuerpo);

//doy las gracias por el envío
echo "Gracias por rellenar el formulario. Se ha enviado correctamente.";
}
?>

/////////////////Espero le sirva... Saludos/////

Que debo hacer, copiar y pegar, subirlo al servidor, y llamarlo "envia_form_php.php" SI NO LO HACEN de esta manera no va a funcionar, si quieren llamarlo de otra forma solo deben cambiar el nombre del archivo en codigo y en el servidor...

dudas escriban
gcuadradm

2010-03-15 12:18

Estimado PRANET;

Tienes algun correo para poder contactarte?...Resulta que trabajo en SwishMax y algun problema debo tener con el .php.
Te pregunto correo, para no cortar el hilo nde este thread.
Gracias
pablo_grafico

2010-03-17 16:33

Tengo una pregunta. Puedo poner este formulario dentro de un div que forma página de mi página "sección Contacto"?
o tiene que estar separado en un html para luego insertarlo?
Muchas gracias!

Pablo.
pablo_grafico

2010-03-17 17:19

Fui al tutorial que le sigue, el de la elaboración del archivo php, pero no logro que funcione, ya que al oprimir enviar, me manda a una nueva ventana del safari con toooodo el código... y a propósito posteo aquí porque en el tutorial correspondiente no me deja! jeje todo mal!
saludos! y espero alguien pueda darme una mano!