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.
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:
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
saludos
jr_cristian5
2007-02-01 10:06
Cristian Alejando
dafm
2007-02-13 11:29
me sale el error de q no encuentra el host remoto
reloadxxx
2007-03-01 08:04
elquique
2007-03-08 10:40
rulofc
2007-03-17 22:25
luislinoreyes
2007-03-20 15:35
maxi2481
2007-05-08 17:08
mi mail es maxi2481@hotmail.com
natjess
2007-07-18 16:11
jorgecuria
2007-07-23 14:54
JPGID
2007-07-29 13:29
LoBe
2007-07-30 13:55
mil gracias!
xosel
2007-08-15 21:23
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
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
johnbenzaquen
2007-08-20 11:04
Poseidon
2007-09-24 14:48
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
mvelarde
2007-11-29 15:40
Ayuda porfavor
EVNAS7
2008-07-15 16:42
er_ground
2008-11-27 16:22
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
suelen
2009-03-29 00:12
Gracias
chivoloco777
2009-04-16 18:34
Gracias.
Saludos.
Daniel (Argentina).
moquete
2009-04-19 02:00
Necesito ayuda urgente porfavor moquete_c@hotmail.com
redhe
2009-06-02 20:06
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
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
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
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 /////
if (!$HTTP_POST_VARS){
?>
}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
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
o tiene que estar separado en un html para luego insertarlo?
Muchas gracias!
Pablo.
pablo_grafico
2010-03-17 17:19
saludos! y espero alguien pueda darme una mano!
↑ Tutorial