miércoles, 31 de julio de 2013

Primeros pasos para crear una pequeña web

Ahora que tenemos unos conocimientos basicos tanto de html como de javascript, podemos hacer una pequeña web con un proposito concreto. Haremos un ejemplo ficticio en el que hacemos una página para una protectora de animales, de forma que la gente podrá enviar solicitudes fácilmente para ayudar como voluntarios. Para diseñarla primero debemos seguir unos pasos:
  • Definir el propósito de nuestra web: Esta pequeña web estará orientada a que la gente pueda contactar con nosotros fácilmente a la vez que demos la información necesaria de una forma clara.

  • Definir cual sera el contenido: Contendrá una parte de información y un formulario de contacto. La información que proporcionaremos a los voluntarios potenciales será el lugar en el que pueden ayudar y los horarios de asistencia así como información sobre los trabajos que desarrollaran a lo largo de esas horas. En el formulario pediremos el nombre del voluntario, su edad y la experiencia.

  • Decidir cómo la presentaremos: Ésta parte es muy importante ya que una web ha de ser agradable visualmente a la vez que rápida. Por ahora nosotros incluiremos simplemente una imagen relacionada con la información que proporcionamos y el formulario al final de página.

  • Finalmente, crear la pagina: Ahora ya solo debemos escribir el texto y crear el formulario de contacto. Ahora nos centraremos en el formulario ya que el contenido puede ser el que queramos.
<form action="pagina2.php" method="post">
Nombre:
<input type="text" name="nombre">
Edad:
<input type="text" name="edad" size = "4">
<textarea name ="exp">Experiencia</textarea>
<input type="submit" value="enviar datos">
</form>

  • Y el resultado del código anterior:

Nombre:
Edad:     



¿Y que hay del contenido de la "pagina2.php"? Pondre el código php necesario para crear un formulario que funcione sin explicarlo todavia:
<?php
 $a = "nuestromail@ejemplo.com";
 $asunto = $_REQUEST['nombre'];
 $cuerpo = "Edad " . $_REQUEST['edad'] . " Experiencia: " . $_REQUEST['exp'];
 mail($a, $asunto, $cuerpo)
 ?>