Valorar una web

Valoración del artículo:
Vemos un interesante taller de HTML donde ofrecemos al visitante de nuestra web un formulario rápido para valorar nuestra web.
Publicado: 07/2/02
Atención: Contenido exclusivo de DesarrolloWeb.com. No reproducir. Copyright.
El objetivo de este taller de HTML consiste en colocar un pequeño formulario para que las personas que visitan nuestro web puedan valorarlo rápidamente. Se trata de un ejemplo de recurso sencillísimo que se puede obtener con sólo utilizar un poco de HTML. La sencillez es belleza y compatibilidad con los distintos navegadores, así que veamos sin más el efecto que pretendemos conseguir.

Valora esta web
Como se puede ver a la derecha, el formulario nos propone que valoremos la página y al lado tenemos un botón para mandar la dicha valoración al webmaster del sitio.

Nota: este ejemplo sólo funciona si el visitante tiene configurado el correo electrónico en su ordenador.

La valoración se enviará por correo electrónico a la persona que se indique en el formulario, tal como veremos más adelante. Si un usuario no tiene correo electrónico configurado en su ordenador con el Outlook Express, Netscape Composer, Eudora o similar el mensaje no se podrá enviar.

Puede darse el caso de que el mensaje se cree, pero no se enviará si no tenemos email... así que probablemente lo podamos encontrar en la bandeja de salida del programa de correo.

Para crear un sistema que no funcione a través del correo electrónico del visitante y conseguir así que incluso los que no tienen correo puedan valorarte, necesitaremos utilizar algún recurso avanzado como CGI, ASP o PHP, pero eso es otro tema.

No pretendo explicar en este artículo los formularios en HTML, ya que en DesarrolloWeb.com hay descripciones suficientes sobre su funcionamiento. Para el que no conozca los formularios recomiendo la lectura varios artículos en el manual de HTML.

El código de este ejemplo es tan sencillo como este:

<form action="mailto:xxx@tudominio.es" method="post" enctype="text/plain">
   Valora esta web<br>
    <select name="Valoracion">
       <option>1</option>
       <option>2</option>
       <option>3</option>
       <option>4</option>
       <option>5</option>
       <option>6</option>
       <option>7</option>
       <option>8</option>
       <option>9</option>
       <option>10</option>
    </select>
    <input type="submit" value="Enviar">
</form>

Se puede copiar y pegar en la página que lo desees. La única línea que habría que modificar es la de la etiqueta <FORM>, donde tenemos que cambiar la dirección de email del atributo action por la dirección donde queramos que llegue el correo con la valoración.

Si quisiésemos que el correo le llegase a yo@midominio.com pondríamos así nuestro atributo action:

action="malito:yo@midominio.com"

Eso es todo. Espero que os haya parecido interesante y práctico el recurso.

Comentarios
Fueron enviados 2 comentarios al artículo
2 comentarios revisados:
Por: Lord Nosferatu AC
28/11/04
Tu enviador tiene un problema:
si usas "mailto:" se abra outlook o outlook expres, y eso es lo q el usuario no quiere, yo te recomendaria usar un documento php q aga q lo envie:
por ejemplo:
En lugar de action="mailtio" es mejor action="envio.php"
Por: Lord Nosferatu AC
18/1/05


No es por molestar, pero siguen con lo mismo de "<form action="mailto:mail@dominio.com">, eso no funcionaaaaaaaaaaaaaaaaaaa !!! para q funcione se nesesita un archivo php:
<?
// Se envía el formulario por email
$EMailMensaje = "";
$EMailMensaje .= "10: $10
";
$EMailMensaje .= "9: $9
";
$EMailMensaje .= "9: $8
";
$EMailMensaje .= "7: $7
";
$EMailMensaje .= "6: $6
";
$EMailMensaje .= "5: $5
";
$EMailMensaje .= "4: $4
";
$EMailMensaje .= "3: $3
";
$EMailMensaje .= "2: $2
";
$EMailMensaje .= "1: $1
";
$EMailMensaje .= "2: $2
";
mail("mail@dominio.com", "Calificacion de tu web", $EMailMensaje, "From: $email

echo "Gracias por calificar esta paguina web!"
Reply-To: $email

X-Mailer: PHP/" . phpversion());
?>
si no funciona agrega esto:
<?
if (!$HTTP_POST_VARS){
?>

osea q en lugar del "mailto:dominio@dominio.com" es asi:
<form action="calificado.php" method="post">
Valora esta web<br>
<select name="Valoracion">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
<input type="submit" value="Enviar">
</form>

ahora, q si quieres quitar el boton de "Enviar" y que cuando le des click en cada opcion el codigo sera el siguiente:
Valora esta web<br>
<form action="calificado.php" method="post">
<select name="Valoracion">
<option onclick="this.submit.form()">1</option>
<option onclick="this.submit.form()>2</option>
<option onclick="this.submit.form()>3</option>
<option onclick="this.submit.form()>4</option>
<option onclick="this.submit.form()>5</option>
<option onclick="this.submit.form()>6</option>
<option onclick="this.submit.form()>7</option>
<option onclick="this.submit.form()>8</option>
<option onclick="this.submit.form()>9</option>
<option onclick="this.submit.form()>10</option>
</select>
</form>

Manuales relacionados
Categorias relacionadas
El autor
Lectura recomendada
Compra este libro en Agapea, la librería urgente a domicilio.
Últimas noticias
Alojados en el grupo