Mi Proyecto del curso: Proyecto Perú

3 comentarios

• vittorio_dg

  el 26.11.2018 a las 18:45

  

  Hola @martuishere espero tus comentarios para saber si logré aplicar bien los códigos o alguna recomendación.
  Muchas gracias.

  Responder

  Me gusta

• martuishere

  Profesor Plus

  el 20.12.2018 a las 12:05

  

  @vittorio_dg ¡Hola! Disculpa el retraso en contestar. El proyecto está genial! (y ahora tengo muchas ganas de visitar Perú!)

  Te contesto a las consultas:

  - Para colocar el botón de "Ir a la noticia" sobre la imagen, lo más fácil hubiera sido cargar la imagen como imagen de fondo de un div que contuviera el botón. Por otro lado, puede haber razones para cargar esa imagen como imagen de contenido. Si es el caso, entonces la metería en un div que tuviera un position:relative y dentro del mismo div, el botón con un position:absolute (y el posicionamiento correspondiente).

  - La interfaz de los formularios se sigue haciendo, efectivamente, en HTML. Pero para el procesamiento de los datos (recogerlos y componer un email, por ejemplo) se suele usar PHP u otros lenguajes backend. A continuación te escribo los pasos para preparar uno (espero que el código se pegue correctamente):

  1- Vincula el formulario HTML con la acción (archivo PHP)

  <form method="post" action="enviamail.php" id="contacto">

  2- Asegúrate de que todos los campos del formulario que se van a recoger tienen el atributo name con un identificador único. Ejemplo:

  <label for="nombreusuario">Nombre:</label>
  <input type="text" name="nombre" id="nombreusuario" />

  (el id lo ponemos para vincularlo con el label, pero lo que mirará el script PHP será el atributo name)

  3- Crea un archivo llamado enviamail.php con el siguiente código, y cambia los valores que están señalados:

  <?php

  // Cambia el email por tu email para que lleguen los mensajes
  $EmailTo = "tu@email.com";

  $Subject = "Formulario de contacto";

  // Estas variables, que se marcan con el $, limpian de caracteres raros y recogen los valores de los name que coiniciden con nombre, telefono, email y mensaje. Si quieres añadir más, habría que crear variables nuevas, o quitarlas si fuera el caso.
  $Name = Trim(stripslashes($_POST['nombre']));
  $Tel = Trim(stripslashes($_POST['telefono']));
  $Email = Trim(stripslashes($_POST['email']));
  $Message = Trim(stripslashes($_POST['mensaje']));

  // Aquí ponemos que el email desde el que se envía es el mail del que ha rellenado el formulario
  $EmailFrom = $Email;

  // Aquí creamos el cuerpo del mensaje que se enviará. Si hay más o menos variables a recoger, habría que añadir o eliminar líneas con las variables que correspondan. Vamos añadiendo valores a $Body, que es lo que se envía al final.
  $Body = "";
  $Body .= "Nombre: ";
  $Body .= $Name;
  $Body .= "\n";
  $Body .= "Tel: ";
  $Body .= $Tel;
  $Body .= "\n";
  $Body .= "Email: ";
  $Body .= $Email;
  $Body .= "\n";
  $Body .= "Mensaje: ";
  $Body .= $Message;
  $Body .= "\n";

  // Envía el email
  $success = mail($EmailTo, $Subject, $Body, "From: <$EmailFrom>");

  // Una vez enviado, redirige a una página HTML de "gracias por tu mensaje" que puedes preparar, cámbiale el nombre si quieres
  if ($success){
  print "<meta http-equiv=\"refresh\" content=\"0;URL=muchasgracias.html\">";
  }
  // O si ha fallado, te redirige a una página de error
  else{
  print "<meta http-equiv=\"refresh\" content=\"0;URL=error.html\">";
  }
  ?>

  Espero que te sirva. ¡Un saludo!

  Responder

  Me gusta

• vittorio_dg

  el 31.12.2018 a las 17:07

  

  Hola @martuishere
  muchas gracias por tus comentarios y por las respuestas a mis consultas.

  Voy a aplicar ese código para el formulario a ver que tal me va.

  Y quedo atento si van a realizar algún otro curso de HTML para registrarme nuevamente, estuvo muy bueno tu curso, te felicito!

  Saludos!!

  Responder

  Me gusta