Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS
Desde 0 | HTML | CSS | ASP | PHP | AJAX | Javascript | Diseño web | Promoción web | Ganar dinero
Directorio | Manuales | Scripts | FAQs | Programas | Artículos Copyleft | Actualidad | La Cosecha | Colabora
Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades
Generador METAs | Compras | Busca cursos
Alojamiento | Dominios.es | Micropagos SMS | Buscadores | Patentes, marcas | Creación web | Multimedia | Videos
Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo

Valorar una web


Vemos un interesante taller de HTML donde ofrecemos al visitante de nuestra web un formulario rápido para valorar nuestra web.


07/2/02 - 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.

 Seguir navegando a partir aquí:
+ 1 manual relacionado
+ 1 categoria relacionada
+ 1 comentario (Añadir)
+ 4 comentarios no revisados

 Autoría, licencia y acciones sobre este artículo

Informe de José Manuel Cerrato Bartolomé*
URL: http://www.jmcweb.org

Atención: Copyright. Este artículo no se puede reproducir sin la autorización expresa del autor.

* Para consultas técnicas utilizar la lista de correo.

Versión imprimible Versión imprimible del artículo
Enviar artículo por e-mail Enviar artículo por e-mail
Añadir un comentario al artículo Publicar un comentario del artículo

Manuales relacionados con este artículo
Dentro de Taller de HTML

Categorias relacionadas
A través de las categorías de nuestro directorio se pueden encontrar otro tipo de recursos relacionados con este artículo:
+ Entrar en Taller HTML


 Comentarios de los visitantes
Los comentarios de los visitantes son para ampliar la información del artículo. Cualquiera puede participar.
Se muestra un comentario revisado

 Comentario de 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>

Añadir un comentario al artículo Añadir un comentario del artículo
 Comentarios sin revisar
Entre los comentarios no revisados puede haber algunos interesantes que se hayan enviado recientemente.
 Se han encontrado 4 comentarios sin revisar

Ver el comentario no revisadoVer los comentarios no revisados
Añadir un comentario al artículo Añadir un comentario del artículo
  Ir arriba

Manuales relacionados
+Taller de HTML
Categorías
+Taller HTML

Lectura recomendada

Compra este libro en Agapea, la librería urgente a domicilio.

DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia