Formulario de Contacto con Dreamweaver

yuyoloken · 15 Mar 2009

Ya he leído los tutoriales de css y html, incluso ya he maquetado algunas webs con css, pero todavía no he logrado un formulario como el de la imagen, por eso te pedía una ayuda, gracias igual.

elQuique · 15 Mar 2009

Lo que pasa que para tu pregunta, no entendí que ya supieras CSS y HTML, lo que pides es bien sencillo, solo cambias el background color, y el color de las letras y elementos form, textbox y button.

yuyoloken · 20 Mar 2009

Gracias quiqe, lo he realizado a medias ya que, en el preview se veía muy bien, pero en el servidor parecía un formulario normal.

elQuique · 20 Mar 2009

No uses los preview de los programas de edición como Dreamweaver, etc, las paginas web se ven en navegadores

Usa FireFox, Opera, y obvio no vayas a usar IE, de forma que si tu HTML y CSS están correctos y respetando estándares, listo se fe genial !!

Fonso · 22 Mar 2009

Pfff Wenas, soy novato en esto de acer webs y digamos k ya nose k acer con mi formulario :S:S

Estoy usando Dreamweaver, lo creo y abajo del todo mi botoncito de "Enviar" xD asta ay todo precioso.

Luego e creado un archivo k se llama "send.php" y en codigo HTML en el dreamweaver le e metido esto:

$nombre = $_POST['Nombre (Formulario)'];
$mail = $_POST['E-mail (Formulario)'];
$telefono = $_POST['Telefono (Formulario)'];
$asuntocliente = $_POST['Asunto (Formulario)'];

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

$mensaje .= "Asunto del cliente: " . $asuntocliente . " \r\n";
$mensaje .= "Mensaje: " . $_POST['Mensaje (Formulario)'] . " \r\n";
$mensaje = "Este mensaje fue enviado por " . $nombre . ", con numero de telefono: " . $telefono . " \r\n";
$mensaje .= "Su e-mail es: " . $mail . " \r\n";
$mensaje .= "Enviado el " . date('d/m/Y', time());

$para = '[email protected]';
$asunto = 'Cliente de la WEB';

mail($para, $asunto, utf8_decode($mensaje), $header);

echo 'Mensaje enviado correctamente' '&estatus=ok&';
?>

----------------------------------------------------------

Despues me e ido a donde tengo el formulario echo y en el vinculo del boton "Enviar" e puesto para k arranke el archivo "send.php" y lo pruevo y basicamente se me abre el outlook y ademas una ventanita web con el codigo escrito (cosa k no entiendo porq lo tengo puesto en HTML y no en formato de texto)

Asike si alguno me puede revisar el codigo aver si tengo alguna chapuzilla exa y no la veo :S:S yo me lo e mirao 100 veces xD

Un Saludo y perdonar por las faltas de ortografia ^^

elQuique · 22 Mar 2009

1) escribe bien

2) Lee el tutorial atentamente, varias veces dice entre otras cosas, que no se pueden usar símbolos en los nombres de variables y tu pones: <b>'E-mail (Formulario)'</b>

Estas escribiendo un script PHP no una carta

Fonso · 23 Mar 2009

Puse E-mail (Formulario) porq es como le llame al campo de texto en el Dreamweaver xD

aver k korrija xD gracias

Fonso · 23 Mar 2009

El archivo que se crea aparte (el archivo send) es un HTML, un Java Script o un PHP Script. ?

(yo lo tengo creado como PHP Script)

y weno esto ay corregido:

<?php
$nombre = $_POST['nombre'];
$mail = $_POST['email'];
$telefono = $_POST['telefono'];
$asuntocliente = $_POST['asunto'];

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

$mensaje .= "Asunto del cliente: " . $asuntocliente . " \r\n";
$mensaje .= "Mensaje: " . $_POST['mensaje'] . " \r\n";
$mensaje = "Este mensaje fue enviado por " . $nombre . ", con numero de telefono: " . $telefono . " \r\n";
$mensaje .= "Su e-mail es: " . $mail . " \r\n";
$mensaje .= "Enviado el " . date('d/m/Y', time());

$para = '[email protected]';
$asunto = 'Cliente de la WEB';

mail($para, $asunto, utf8_decode($mensaje), $header);

echo 'Mensaje enviado correctamente' '&estatus=ok&';
?>

Un saludo

elQuique · 23 Mar 2009

Como dice en el tutorial, LEELO !!!!, es un PHP que creas aparte, o bien lo incrustas en HTML si sabes hacerlo.

Fonso · 24 Mar 2009

joe tio.. t estoy preguntando porque no se, es la primera vez que ago uno.

ni no tnego ni idea de "incrustarlo".

elQuique · 24 Mar 2009

Si, entiendo, pero como era una pregunta muy frecuente fue que se hicieron los tres tutoriales, así los leen e implementan los formularios , y lo que preguntas es porque aun no leíste los mismo

dg.luzangela · 1 Abr 2009

Hola, gracias por el tutorial se ve buenisimo! ya segui los pasos y subi el formulario, me permite escribir los datos y finalmente dice mensaje enviado, pero reviso el correo y no me llegan los mensajes. quisiera saber que estoy haciendo mal o como puedo solucionar este inconveniente. gracias.

elQuique · 1 Abr 2009

Antes que nada es bueno leas los tips que hemos ido posteando, en principio asegurarte que tu hosting tiene soporte de mail(), y que este envia, usando algo simple como

mail('tuemail@tusitio', 'asunto', 'comentario') si es no llega bueno hay problemas no esta soportado el envio.

Si llega bueno fijate que no este en spam

Si no esta en spam, revisa si no te faltan, espacios, puntos, comillas en el código PHP, y así cada cosa....

Chaoscontrol · 20 Abr 2009

Creo que hay un ligero error en el codigo del archivo send.php del tutorial, y es el que muchos usuarios comentan que les esta dando problemas, y que les aparece la pagina con el codigo simplemente. Es el simple hecho de que al principio del codigo falta:

<?php

Un sencillo error, que hace que nada funcione, y pase a ser simple texto, en vez de una serie de acciones.

Por mi parte, tengo el archivo php creado correctamente. El caso es que cuando visualizo mi formulario en la vista previa de dreamweaver, lo relleno y envio, aparece una pantalla blanca. Hay algo que no funciona y no se porque. Es porque desde la vista previa de dreamweaver no funciona el php, y funcionará cuando lo suba al servidor? No tendria que aparecer almenos en esa pagina blanca el mensaje que he puesto en el comando "echo"? No se si esa pagina es que se realiza correctamente, o que no funciona. Espero vuestra respuesta. Muchas gracias

elQuique · 20 Abr 2009

Gracias por avisar, ya lo hemos corregido, igualmente no estuvo siempre así, es que el sistema de gestión del sitio al confirmar cambios en el texto por ser el <? un caracter protegido nos lo cambia y debemos hacerlo "semi manual", es un viejo error que arrastramos en el gestor de contenido del sitio , se soluciona en la cambiemos

bichitamgb · 27 Abr 2009

Hola!
Seguí tus dos tutoriales, el html y el php, y me parecieron muy claros y bien explicados, pero evidentemente hay algo que no entiendo o que me falta, porque no logro hacerlo funcionar.
Básicamente, el problema es que cuando le hago clic al botón Enviar, me habre una página con todo el código del archivo enviar.php

Qué es lo que estoy haciendo mal?
Me estoy poniendo nerviosa :unsure:
Gracias de antemano por tu respuesta.
Gabriela.

Marie814 · 27 Abr 2009

<div class='quotetop'>CITA(elQuique @ Oct 30 2006, 04:31 AM) [snapback]153827[/snapback]</div><div class='quotemain'>
<span style="font-size:12pt;line-height:100%"><b>Formulario de Contacto con Dreamweaver</b></span>
<b>Creación de Formularios con Dreamweaver</b>

En este sencillo tutorial, veremos uno de los temas mas consultados en nuestro Foro Creativo. Esta primer entrega abarca la creacion de un formulario en Dreamweaver, que generara el HTML necesario.

Comenzaremos de cero, creando un Archivo, Nuevo (Flile, New), este archivo sera simplemente HTML, en este punto no es necesario ningun otro tipo de archivo tipo PHP o ASP.

Continua: <a href="http://www.tallerwebmaster.com/Tutorial-Crear-Formulario-de-Contacto-con-Dreamweaver-c-42.html" target="_blank">http://www.tallerwebmaster.com/Tutorial-Cr...eaver-c-42.html</a>
</div>

:arriba: Hola como estas? espero que muy bien. Mi nombre es Ana Maria antes que todo quiero felicitarte por tu tutorial y por la capacidad que tienes para implementar y explicar codigo, y hago enfasis en explicar, por hay muchos que saben, pero no se les entiende nada :S ,( sin el ánimo de ofender) ..
Te cuento qu e hice uso del codigo para envio en email por php, pero me sale este error, sería tan amable de colaborarme frente a qué debo hacer. Muchas Gracias

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:\archivos de programa\easyphp1-8\www\ejemplosphp\send.php on line 27
El email fue enviado correctamente

Nota: el correo no llega

elQuique · 27 Abr 2009

bichitamgb sera que tu archivo no es php, o que tu servidor no soporta php.

Marie814, eso es porque no tienes configurado un servidor de correo donde estas probado esto.

acorralado · 28 Abr 2009

hola amigos llebo 1 semana con esto de los formularios e leido montones y cada vez estoy mas perdido de verdad os lo juro totalmente perdido osea la cuestion es que he echo una web para alquilar 2 casas que tengo lo e hecho con dreamweaver pero a la hora de hacer el send.php nada de nada aver si ahi algun alma caritativa que me pueda poner el send.php y si me entero de como hacerlo la proxima vez , por favorrrr,gracias

este es el codigo que cree

<div class='codetop'>CÓDIGO</div><div class='codemain'><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link href="estilo.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body bgcolor="#AEC0FF">
<table width="800" border="0" align="center" bordercolor="#000000">
  <tr bordercolor="#000000" bordercolorlight="#000000" bordercolordark="#000000" height="0">
    <td width="800" height="507" align="center" bordercolor="#000000" bgcolor="#0D2742"><table width="800" height="100" border="0" align="center">
        <tr>
          <td align="center" valign="middle"><img src="imgs-web/Encabesado copy.jpg" width="800" height="200" border="1" /></td>
        </tr>
      </table>
      <table width="799" border="0">
  <tr>
    <td height="45"><IMG SRC="imgs-web/menu1.jpg" ALT=""  WIDTH="799" HEIGHT="36" border="1" USEMAP="#menu" class="menu_principal">
<MAP NAME="menu">

<AREA SHAPE="rect" COORDS="100,0,216,35" HREF="Villa el Pedregal.html">
<area shape="rect" coords="236,1,383,38" href="Descripcion.html" />
<AREA SHAPE="rect" COORDS="402,1,518,35" HREF="Fotos.html">
<AREA SHAPE="rect" COORDS="537,0,654,36" HREF="Precios.html">
<AREA SHAPE="rect" COORDS="11,1,80,33" HREF="Index.html">
<AREA SHAPE="rect" COORDS="672,0,789,34" HREF="Contacto.html">
</MAP></td>
  </tr>
</table>

      <p> </p>
      <table width="688" height="660" border="1" bordercolor="#000000">
      <tr>
        <td height="654" align="left" valign="top" bordercolor="#000000" bgcolor="#CCE1F0"><p align="center" class="Estilo3 Estilo2 Estilo5">Direct comucation with the villa`s owner :</p>
          <p align="center" class="Estilo3 Estilo2 Estilo5">By telephone 635 304 330 (Susana) | By e-mail:  [email protected] </p>
          <p align="center" class="Estilo3 Estilo2 Estilo5">* TO RESERVE FILL UP THIS FORM*</p>
          <form id="form8" name="form8" method="post" action="send.php">
            <label></label>
            <table width="680" height="504" border="0">
              <tr>
                <td width="120"><strong>Name</strong></td>
                <td width="550"><label>
                  <input name="Nombre" type="text" id="Nombre" size="40" />
                  </label>                </td>
              </tr>
              <tr>
                <td><strong>Surname</strong></td>
                <td><label>
                  <input name="Apellido" type="text" id="Apellido" size="40" />
                  </label>                </td>
              </tr>
              <tr>
                <td><strong>Telephone</strong></td>
                <td><label>
                  <input name="Telefono" type="text" id="Telefono" size="40" />
                  </label>                </td>
              </tr>
              <tr>
                <td><strong>E-mail</strong></td>
                <td><label>
                  <input name="Correo" type="text" id="Correo" size="40" />
                  </label>                </td>
              </tr>
              <tr>
                <td><strong>How many weeks</strong></td>
                <td><label>
                  <input name="Numero_semanas" type="text" id="Numero_semanas" size="10" />
                  </label>                </td>
              </tr>
              <tr>
                <td><strong>Which month</strong></td>
                <td><p>
                    <label>
                    <input type="radio" name="GrupoOpciones1" value="Abril" id="GrupoOpciones1_0" />
                      April</label>
                    <br />
                    <label>
                    <input type="radio" name="GrupoOpciones1" value="Mayo" id="GrupoOpciones1_1" />
                      May</label>
                    <br />
                    <label>
                    <input type="radio" name="GrupoOpciones1" value="Junio" id="GrupoOpciones1_2" />
                      June</label>
                    <br />
                    <label>
                    <input type="radio" name="GrupoOpciones1" value="Julio" id="GrupoOpciones1_3" />
                      July</label>
                    <br />
                    <label>
                    <input type="radio" name="GrupoOpciones1" value="Agosto" id="GrupoOpciones1_4" />
                      August</label>
                    <br />
                    <label>
                    <input type="radio" name="GrupoOpciones1" value="Septiembre" id="GrupoOpciones1_5" />
                      September</label>
                    <br />
                    <label>
                    <input type="radio" name="GrupoOpciones1" value="Octubre" id="GrupoOpciones1_6" />
                      October</label>
                    <br />
                </p></td>
              </tr>
              <tr>
                <td colspan="2"><div align="center"><strong>Add Comment</strong></div></td>
              </tr>
              <tr>
                <td height="155" colspan="2" align="center"><label>
                  <textarea name="Comentario" id="Comentario" cols="45" rows="5"></textarea>
                </label>
                    <p>
                      <input type="submit" name="Enviar" id="Enviar" value="Send" />
</p></td>
              </tr>
            </table>
          </form>
          <p class="Estilo4"> </p>          </td>
      </tr>
    </table>
    <p> </p></td>
  </tr>
</table>
</body>
</html>
</div>

andres_cg · 28 Abr 2009

Hola Quique, gracias portu paciencia y tus conocimientos. He tratado de seguir este tutorial desde el principio pero me adelante hasta el final parta hacer algunas consultas (partió el 2006).

Mi consulta es: Tengo una pagina con un boton que me lleva a un formulario de envío de datos, mi pregunta es como puedo hacer para que al hacer clic en el botón en cuestion se guarde una variable de texto y que luego esa variable se muestre en el formulario en algun cuadro de texto o una etiqueta por ejemplo?. La idea es que hay distintas paginas con distintos productos y todos tienen el boton mencionado, entonces por cada clic en cada pagina (que elije el producto) va a rescatar el texto respectivo.

Espero haber sido claro. Ojala no se haya tocado el tema antes, de lo contrario agradeceria indicarme el link para revisar.

GRacias de antemano por las respuestas. El formulario esta funcionando super bien con todas las variables requeridas (nombre, correo, etc). Pero me falta la opcion del producto que elije el usuario con el boton mencionado.

Saludos

Andres

Accede o regístrate

Formulario de Contacto con Dreamweaver

yuyoloken Nuevo usuario

elQuique Usuario activo

yuyoloken Nuevo usuario

elQuique Usuario activo

Fonso Guest

elQuique Usuario activo

Fonso Guest

Fonso Guest

elQuique Usuario activo

Fonso Guest

elQuique Usuario activo

dg.luzangela Guest

elQuique Usuario activo

Chaoscontrol Nuevo usuario

elQuique Usuario activo

bichitamgb Nuevo usuario

Marie814 Nuevo usuario

elQuique Usuario activo

acorralado Nuevo usuario

andres_cg Nuevo usuario

Accede o regístrate

Formulario de Contacto con Dreamweaver

yuyoloken Nuevo usuario

elQuique Usuario activo

yuyoloken Nuevo usuario

elQuique Usuario activo

Fonso Guest

elQuique Usuario activo

Fonso Guest

Fonso Guest

elQuique Usuario activo

Fonso Guest

elQuique Usuario activo

dg.luzangela Guest

elQuique Usuario activo

Chaoscontrol Nuevo usuario

elQuique Usuario activo

bichitamgb Nuevo usuario

Marie814 Nuevo usuario

elQuique Usuario activo

acorralado Nuevo usuario

andres_cg Nuevo usuario

Búsquedas útiles