Nubes de etiquetas en PHP

Si has llegado aquí es casi seguro que sabes de sobra lo que son las nubes de etiquetas, o tag clouds en inglés. No obstante, por expresarlo de alguna manera, cabe decir que las nubes de etiquetas son como un espacio donde se muestran una serie de enlaces a etiquetas o temas que se tratan en una página web. Dichos temas, cada uno con un nombre, aparecen escritos con un tamaño de letra diferente, donde a más apariciones del tema en la página, más grande es el tamaño de la fuente.

Con las Nubes de etiquetas, se pueden crear herramientas para orientación de los usuarios, que pueden conocer rápidamente qué temas se están tratando actualmente en un sitio web y a cuáles están apareciendo con más asiduidad. Es una herramienta muy visual, porque muestran los temas más importantes aparecen resaltados, porque se muestran con un tipo de letra mayor.

Seguro que habrás visto en muchas páginas web estas nubes de etiquetas, sobretodo presentes en proyectos de web 2.0. Si alguna vez has tenido ganas de colocar una nube de etiquetas en tu página, este manual te mostrará como hacerlo con PHP de una manera extremadamente simple, pero con una presencia atractiva.

Os dejo aquí el enlace al ejemplo que vamos a realizar en los primeros capítulos del manual:

Luego complicaremos un poco el script, para obtener nubes de etiquetas más complejas y lo pondremos en producción en diversos ejemplos.

Nota: Hay que decir que este manual da por sabidas tecnologías como PHP o CSS, y por supuesto, HTML. Pero en DesarrolloWeb.com tenemos diversos manuales que nos van a ayudar en lo que necesitemos. PHP a Fondo CSS a fondo

Vamos a intentar ir paso a paso, creando primero una nube de etiquetas simple, que sea fácil de hacer. Luego lo complicaremos un poco más.

El primer ejemplo contiene los siguientes elementos:

• CSS de las etiquetas
• Código PHP para hacer la nube de etiquetas

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

Informe de Miguel Angel Alvarez* Director de DesarrolloWeb.com Atención: Contenido exclusivo de DesarrolloWeb.com. No reproducir. Copyright. * Para consultas técnicas utilizar la lista de correo. Versión imprimible del artículo Enviar artículo por e-mail Publicar un comentario del artículo

Comentarios de los visitantes

Añadir un comentario del artículo Aun no hemos recibido comentarios de este artículo. Puedes ser el primero en enviar tu comentario.

Enlaces:

Maestrosdelweb

  Ir arriba