Ayuda con dreamweaver

wuatios · #1 (**permalink**) 17/01/2011, 05:23

Necesito hacer en mi pagina web un pagina de contacto donde salga una serie de de datos a rellenar (nombre, apellidos, nº de telefono, ...)y el cual se pueda enviar a mi correo electrónio o al servidor donde se encuentra la pagina web. Soy novato en esto del diseño.

Gracias

uikekarallo · #2 (**permalink**) 17/01/2011, 15:57

no sé que versión de dreamweaver utilizas, pero es posible que en el menú Insertar -> Formulario obtengas respuesta a lo primero.
en cuanto a enviar la información por e-mail, ya requiere de un mínimo conocimiento de php o de algún otro lenguaje del lado servidor.

te pongo un ejemplo con php (que es el lenguaje que yo conozco) y a partir de ahí, investiga, que es la mejor manera de aprender.
utilizando dreamweaver en modo diseño es más sencillo hacer el formulario, pero más interesante es hacerlo en modo código:

1) creamos un archivo html (index.html) y otro php (enviarForm.php)

2) empezamos en index.html

Código HTML:

<!-- entre las etiquetas <body></body> creamos un formulario -->

<form action="enviarForm.php" method="post" enctype="multipart/form-data">
  <p>Nombre: <input type="text" id="nombre" name="nombre" /></p>
  <p>Apellido: <input type="text" id="apellido" name="apellido" /></p>

  <p><input type="submit" value="Enviar" /></p>
</form>

con esto ya tenemos un pequeño formulario creado. copia y pega, aunque si lo tecleas te irás acostumbrando al código.

el atributo id es un identificador y cada elemento debe tener un valor id diferente (esto no nos hará falta en este ejemplo, pero es bueno saberlo).
el valor del atributo name es el que reconocerá nuestro script php.

3) ahora le toca a enviarForm.php

Código PHP:

  <?php 
  // primero recogemos los valores de los campos del formulario en variables 
  // las variables en php se declaran con el símbolo $ 
  // para delimitar las líneas en php se utiliza el símbolo ; 
 
  $nombre = $_POST['nombre'];   // utilizamos el valor que pusimos en el atributo name 
  $apellido = $_POST['apellido'];  // y aquí lo mismo. 
 
  // ahora ya tenemos los datos de formulario guardados en variables. comprobemos que funciona 
 
  echo $nombre;   // echo es la manera de que php nos muestre datos en pantalla. 
  echo '<br />';     // ahora le decimos que inserte un salto de línea. siempre que no utilicemos código php, tenemos que ponerlo entre comillas dobles o simples 
  echo $apellido; 
?>

bueno, creo que no me he confundido al escribir el código. ahora ya sabes como recoger datos de un formulario. sólo te falta enviar esos datos por e-mail y esto ya es un poco más complicado. la pista es mail(). esa es la función en php que se utiliza para enviar mails.
si buscas un poco, encontrarás scripts que te enseñan a enviar correos utilizando ese método.

un saludo.

masclet · #3 (**permalink**) 18/01/2011, 10:18

Pues si, la idea es la que más o menos te indica uikekarallo.

Comentarte que si no quieres programar en php, puedes hacerlo en html, insertando un formulario donde incluyes los campos que quieres que te rellenen, y poniendo en vinculo:mailto:[email protected]í te enviarán los datos via correo electrónico, aunque para ello al usuario cuando le de al botón enviar se le abrirá su programa de correo electrónico para enviar tu formulario.

La mejor forma es utilizando un lenguaje de programación del lado del servidor, bien asp o php.

El código que te comentan arriba está falto de la función más importante, que es la función mail de php que es la que hace que se envíen los datos sin que se vea como se envían, es decir el usuario le dará al botón enviar, y no se le abre ni su programa de correo ni nada.

para ello, lo mejor, te creas una página donde esté el formulario de contacto, y una página php, que sea la que haga el trabajo de enviar los datos mediante programación

en la primera página creas tu formulario con los campos que precises. Ejemplo, nombre, telefono y el email.

Puede quedar de esta forma:

<form id="form1" name="form1" method="post" action="contacto-ok.php">
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="172">Nombre:</td>
<td width="228"><label>
<input type="text" name="nombre" id="nombre" />
</label></td>
</tr>
<tr>
<td>Telefonoo:</td>
<td><label>
<input type="text" name="telefono" id="telefono" />
</label></td>
</tr>
<tr>
<td>email:</td>
<td><label>
<input type="text" name="email" id="email" />
</label></td>
</tr>

</table>
</form>

aquí es muy importante que en el action le pongas la url donde vas a poner el código php con la función mail que enviará los datos a tu correo.

CÓDIGO DE LA PAGINA CONTACTO-OK.PHP

Lo primero te creas unas variables donde entrarán los datos que te vienen desde el formulario.
$nombre=$_POST['nombre'];
$telefono=$_POST['telefono'];
$emai=$_POST["email"];

En la variable cuerpo es donde creas la forma como te llegará el formulario, que será de la forma

Nombre: nombre del usuario
Apellidos:Apellidos del usuario
Email:email del usuario
"\n" lo que hace es incluirte un salto de línea

$cuerpo = "Nombre: " .$_POST['nombre'] . "\n";
$cuerpo .= "Apellidos: " . $_POST['apellidos'] . "\n";

$cuerpo .= "Email: " . $_POST['email'] . "\n";

$cuerpo .= "Email: " . $_POST['email'] . "\n";

Y ahora viene la función más importante, la función mail. Donde le ponemos la cuenta de correo donde quieres que te lleguen los datos, el asunto y por último la variable cuerpo que es donde vienen incluídos los datos del usuario.

mail("[email protected]", "Solicitud de informacion desde página x", $cuerpo, "From: $nombre");

Y así debiera de funcionarte bien.

wuatios · #4 (**permalink**) 19/01/2011, 10:40

Masclet. Me dices que cree dos paginas. Luego me dices esto: aquí es muy importante que en el action le pongas la url donde vas a poner el código php con la función mail que enviará los datos a tu correo.

A que te refieres con el action o la url.

Yo no tengo ni dea de lenguaje, por lo menos demomento. Asique no entiendo nada de esto que me has dicho.

Haber si me puedes ayudar.

Gracias

luisgzafra · #5 (**permalink**) 19/01/2011, 13:01

Cita:

Iniciado por masclet

Pues si, la idea es la que más o menos te indica uikekarallo.

Comentarte que si no quieres programar en php, puedes hacerlo en html, insertando un formulario donde incluyes los campos que quieres que te rellenen, y poniendo en vinculo:mailto:[email protected]í te enviarán los datos via correo electrónico, aunque para ello al usuario cuando le de al botón enviar se le abrirá su programa de correo electrónico para enviar tu formulario.

La mejor forma es utilizando un lenguaje de programación del lado del servidor, bien asp o php.

El código que te comentan arriba está falto de la función más importante, que es la función mail de php que es la que hace que se envíen los datos sin que se vea como se envían, es decir el usuario le dará al botón enviar, y no se le abre ni su programa de correo ni nada.

para ello, lo mejor, te creas una página donde esté el formulario de contacto, y una página php, que sea la que haga el trabajo de enviar los datos mediante programación

en la primera página creas tu formulario con los campos que precises. Ejemplo, nombre, telefono y el email.

Puede quedar de esta forma:

<form id="form1" name="form1" method="post" action="contacto-ok.php">
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="172">Nombre:</td>
<td width="228"><label>
<input type="text" name="nombre" id="nombre" />
</label></td>
</tr>
<tr>
<td>Telefonoo:</td>
<td><label>
<input type="text" name="telefono" id="telefono" />
</label></td>
</tr>
<tr>
<td>email:</td>
<td><label>
<input type="text" name="email" id="email" />
</label></td>
</tr>

</table>
</form>

aquí es muy importante que en el action le pongas la url donde vas a poner el código php con la función mail que enviará los datos a tu correo.

CÓDIGO DE LA PAGINA CONTACTO-OK.PHP

Lo primero te creas unas variables donde entrarán los datos que te vienen desde el formulario.
$nombre=$_POST['nombre'];
$telefono=$_POST['telefono'];
$emai=$_POST["email"];

En la variable cuerpo es donde creas la forma como te llegará el formulario, que será de la forma

Nombre: nombre del usuario
Apellidos:Apellidos del usuario
Email:email del usuario
"\n" lo que hace es incluirte un salto de línea

$cuerpo = "Nombre: " .$_POST['nombre'] . "\n";
$cuerpo .= "Apellidos: " . $_POST['apellidos'] . "\n";

$cuerpo .= "Email: " . $_POST['email'] . "\n";

$cuerpo .= "Email: " . $_POST['email'] . "\n";

Y ahora viene la función más importante, la función mail. Donde le ponemos la cuenta de correo donde quieres que te lleguen los datos, el asunto y por último la variable cuerpo que es donde vienen incluídos los datos del usuario.

mail("[email protected]", "Solicitud de informacion desde página x", $cuerpo, "From: $nombre");

Y así debiera de funcionarte bien.

el From: $nombre no me gustó del todo, puesto que al no tener @ enviará de mala forma. Por ej: [email protected]ión con dirección muy rara. Si puedes poner [email protected]

emanuelargentina · #6 (**permalink**) 19/01/2011, 17:52

hola masclet, buenisima tu explicacion, pero tengo un problema... cuando le doy enviar al form me aparece el siguiente error en la pagina contacto-ok.php

"Warning: mail(): Failed to connect to mailserver at "localhost" port 25, verify your "SMTP" and "smtp_port" setting in php.ini or use ini_set() in c:\apache\htdocs\bearing\contacto-ok.php on line 23
"
Sabes que es lo que debo modificar.
Muchas gracias

uikekarallo · #7 (**permalink**) 19/01/2011, 19:08

al estar trabajando desde tu localhost, necesitas configurar servidor de correo. por ejemplo, Mercury.

si utilizas un paquete tipo xampp o wamp ya suelen venir incluidos. sólo hay que configurarlos.

un saludo.

JMS · #8 (**permalink**) 19/01/2011, 19:14

Haber si te sirve esto que esta en javascript

Este codigo lo debes de pegar donde quieres el formulario de contacto (por llamarlo asi)

Código HTML:

<form action="process.php" method="post">
			          <table border="0px">
                    <!--DWLayoutTable-->
                    <tr>
                      <td width="113" height="2"></td>
                      <td width="260"></td>
                      <td width="2"></td>
                    </tr>
                    <tr>
                      <td height="51" colspan="3" valign="top" class="info">
                      <div align="center">
                        <p class="Estilo1"><br />
                        Gracias por escribirnos es importante para nosotros.</p>
                        </div></td>
                    </tr>
                    <tr>
                      <td height="0"></td>
                      <td></td>
                      <td></td>
                    </tr>
                    <!--DWLayoutTable-->
                    <tr>
                      <td height="24"><span class="Estilo5">Nombre:</span></td>
                      <td valign="top">
                      <input type=text name='nombre' size="40"></td>
                      <td></td>
                    </tr>
                    <tr>
                      <td height="24" valign="top"><span class="Estilo5">Email:</span></td>
                      <td valign="top">
                      <input type=text name='email' size="40"></td>
                      <td></td>
                    </tr>
                    <tr>
                      <td height="24" valign="top"><span class="Estilo5">Direccion:</span></td>
                      <td valign="top">
                        <input type=text name='direccion' size="40"> </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td height="24" valign="top"><span class="Estilo5">Localidad:</span></td>
                      <td valign="top">
                        <input type=text name='localidad' size="40"> </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td height="133" valign="top"><span class="Estilo5">Comentario:</span></td>
                      <td valign="top">
                        <textarea name='comentario' rows="8" cols="40"></textarea></td>
                      <td></td>
                    </tr>
                    <tr>
                      <td height="4"></td>
                      <td></td>
                      <td></td>
                    </tr>
                    <tr>
                      <td height="40" colspan="2" align="center" valign="bottom">
                        <input name="reset" type=reset value='Borrar todo' class="transparente">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                      <input name="submit" type=submit value='Enviar Datos' class="transparente"> </td>
                      <td></td>
                    </tr>
                  </table>
				</form>

AHORA DEBES DE CREAR UN ARCHIVO LLAMADO process.php

y ahi debes de poner esto codigo completito

Código HTML:

<html>
<body>
<center>
<?php
$recipiente = "AQUI PON TU CORREO AL QUE QUIERES QUE LLEGUEN LOS MENSAJES";
$asunto = "ES EL TITULO QUE VERAS EN TU BANDEJA AL RECIBIR MENSAJES";
$error = 0;
$nombre = $_POST['nombre'];
$email = $_POST['email'];
$direccion = $_POST['direccion'];
$localidad = $_POST['localidad'];
$comentario = $_POST['comentario'];
if($nombre == "" ||  $email == "" || $comentario == ""){
   $error=1;
}
elseif(!eregi("^[a-z0-9]+([_\\.-][a-z0-9]+)*" ."@"."([a-z0-9]+([\.-][a-z0-9]+)*)+"."\\.[a-z]{2,}"."$",$email)){
   $error=2;
}
if($error==1){
   echo "<b><h3>Alguno de los datos que introduciste esta incorrecto chekalo!!</h3></b><BR><br><br>";
   echo "No ha llenado todos los campos obligatorios.<BR> Por favor vuelva <A HREF=\"javascript:history.back()\">un paso atras</A>.<BR>";
}
elseif($error==2){
   echo "<b><h3>Cheka tu E-mail esta mal!!</h3></b><BR><br><br>";
   echo "El correo electronico es invalido!<BR> Por favor vuelva <A HREF=\"javascript:history.back()\">atras</A>.<BR>";
}
else{
   $message ="nombre: ".$nombre."<br>";
   $message .="email: ".$email."<br>";
   $message .="direccion: ".$direccion."<br>";
   $message .="localidad: ".$localidad."<br>";
   $message .="comentario: ".$comentario."<br>";
   $message = stripslashes($message);
   $headers = "MIME-Version: 1.0\r\n";
   $headers .= "Content-type:text/html; charset=iso-8859-1\r\n";
   $headers .= "From: $email\r\n";
   $headers .= "Repaly-to: $email\r\n";
   $headers .= "Cc: $email\r\n";
   mail($recipiente,$asunto,$message,$headers);
   echo "<b><h3>El mensaje ha sido enviado correctamente!</h3></b><BR><br><br>";
   echo "Gracias por tus comentarios.<BR>Le mandaremos una respuesta lo mas antes posible.<BR><br>";
   echo "<b>www.grupokumiko.com</b><BR><br>";
	
}
?>
</center>
</body>

</html>

Guarda los dos archivos en la misma carpeta raíz

Si funciona, lo ocupo en mi web