Creacin de Formularios con Dreamweaver

En este sencillo tutorial, veremos uno de los temas mas consultados en nuestro
Foro Creativo. Esta primer entrega abarca la creacin 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 ningn 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), 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 botn de Enviar, con Insertar, Formulario,
Botn (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 enva por E-Mail,
esta parte la veremos en la prxima entrega.
Si miramos el cdigo HTML, hasta este momento, se vera como indica la
imagen:

Cualquiera de los dos formularios en Flash o Dreamweaver, llaman a un

archivo send.php, este archivo es el que se encarga de tomar los datos y los
enva por E-Mail.
El cdigo PHP, necesario para esto, se compone bsicamente de las siguientes
partes:
Obtener la informacin del formulario
Preparar el texto del mensaje
Definir la cabecera del e-mail
Enviar el e-mail
En PHP, podemos obtener la informacin que nos enva otra pagina mediante
POST, que es un sistema de envio de datos. La orden que utilizamos para
obtener la informacin se llama $_POST.
Tal como se comenta al crear el Formulario Flash o HTML, cada campo tiene un
nombre que lo identifica. Los campos son: nombre, empresa, mail, mensaje
El cdigo completo de este archivo send.php es el siguiente:
< ?php
$nombre = $_POST['nombre'];
$mail = $_POST['mail'];
$empresa = $_POST['empresa'];
$header
$header
$header
$header

= 'From: ' . $mail . " \r\n";

.= "X-Mailer: PHP/" . phpversion() . " \r\n";
.= "Mime-Version: 1.0 \r\n";
.= "Content-Type: text/plain";

$mensaje = "Este mensaje fue enviado por " . $nombre . ", de la empresa " .
$empresa . " \r\n";
$mensaje .= "Su e-mail es: " . $mail . " \r\n";
$mensaje .= "Mensaje: " . $_POST['mensaje'] . " \r\n";
$mensaje .= "Enviado el " . date('d/m/Y', time());
$para = 'info@tusitio.com';
$asunto = 'Contacto desde Taller Webmaster';
mail($para, $asunto, utf8_decode($mensaje), $header);
echo '&estatus=ok&';
?>

Como dijimos, por medio de $_POST, obtenemos los datos enviados desde el
formulario, estos datos se guardan en variables, que son posiciones de
memoria que mantendrn la informacin mientras la procesamos. Es as
entonces que tomamos el campo $_POST['nombre'] en la variable $nombre, y
lo mismo con $mail y $empresa con los respectivos campos $_POST['mail'] y
$_POST['empresa'].
Todo e-mail, es conveniente que tenga una cabecera con los datos mnimos
para identificar, quien lo enva, el programa que lo genero, el formato de los
datos del e-mail, etc. Esto es lo que generamos en las siguientes 4 lneas de
nuestro cdigo, o sea la Cabecera del e-mail., que la guardamos en la variable
$header.
La primer lnea arma el remitente, para esto se escribir From:
emailremitente@servidor.com que obviamente no es ese que menciono, esto
es solo un ejemplo y si prestamos atencin lo que dice el cdigo es: From:
$mail, esto significa que $mail, como es una variable tomara ah el e-mail.
ingresado en nuestro formulario.
La sigueinte lnea X-Mailer, indica el programa usado para enva este e-mail.,
siempre usen lo mismo tal como esta ah, cuando usen lenguaje PHP. Las lneas
3 y 4 indican el formato del e-mail., esas tambin usenlas iguales copien eso
directamente.
Deben notar que al final de cada lnea hay un " \r\n", esto indica un Salto de
Lnea, es simplemente para que lo que viene luego de ese cdigo siga en el
rengln de abajo.
Bien, la parte mas importante de este ejemplo es la del mensaje mismo, y es lo
que sigue y se forma en la variable $mensaje, ah se escribe un texto que suma
el contenido de $nombre y $empresa, para armar una frase coherente tipo as:
"Este mensaje fue enviado por Jos Prez, de la empresa Empresa S.A." y salta
a la siguiente lnea y abajo escribe: "Su e-mail es: joseperez@susitio.com",

salta un rengln y abajo escribe: "Mensaje: todo el texto que ingresamos del
mensaje", completando eso, abajo del rengln, con la fecha de envio.
Las siguientes lneas son el destinatario, que se almacena en la variable $para
y el asunto que se guarda en la variable $asunto. Estos dos renglones ustedes
pueden personalizarlos a gusto segn el caso.
Por ultimo se ejecuta la orden PHP, que permite el envio del mensaje, esta
orden se llama mail y se le debe indicar de esta forma y en este orden:
mail(destinatario, asunto, mensaje, cabecera)
Que como vemos y como tuvimos la precaucin de guardar todo en variables,
sera muy sencillo hacer la lnea tal como esta ah, de la siguiente manera:
mail($para, $asunto, utf8_decode($mensaje), $header);
Por ultimo lo que se escribe es un echo "&estatus=ok&", que en el formulario
flash se utiliza para saber si el envio fue correcto.
En nuestro ejemplo de Formulario HTML, podemos sustituir eso con un mensaje
de xito tipo: echo "Mensaje enviado correctamente", en lugar de echo
"&estatus=ok&"