Hoe kinne jo in Tag Cloud stylje?

Brûk CSS nei styl in tag cloud

tag cloud is in fisuele ôfbylding fan in list fan items. Jo sjogge gauris wolken op blogs. It waard populêr makke troch sites lykas Flickr.

Tagwolken binne in list mei keppelings dy't feroaret yn grutte en gewicht (soms kleur ek) ôfhinklik fan wat messbare attributen. De measte tagwolken wurde boud op basis fan populaasje of it oantal siden dy't tagelyk mei dizze bepaalde tag binne markearre. Mar jo kinne in tag wolk meitsje fan elke list fan items op jo side dy't minimaal twa manieren hawwe om se te sjen. Bygelyks:

• In list mei artikels yn alfabetyske opdracht mei de stilen dy't de populaasje fan 'e artikels sjen.
• In list fan websiden yn alfabetyske opdracht mei de stilen dy't oanjaan wêrfoar't jo it bêste hawwe.
• In list mei webreden yn 'e priis opnij mei de stilen oanjûn hoe't elk elk op in foarriedige set fan kritearia komt.
• In list mei freonen mei de stilen dy't de ôfstân fan jo hûs oan har oanwize.

Wat moatte jo in tag cloud meitsje?

It is maklik om in tag wolk te bouwen, jo hawwe allinich twa dingen nedich:

• In list mei items (lykas websiden, websiden, of jo freonen)
• In mjitting foar elk fan 'e artikels (lykas sidewerje per dei, jo ranglist 1-10, of de ôfstân nei jo hûs).

De measte tag wolken binne listjes fan keppelings, dus helpt it as elke item in URL is dy't derby is. Mar dat is net nedich om in fisuele hierargy te meitsjen.

Steps om in tag cloud te meitsjen fan populêre links

Myn side hat artikels dy't elke dei side sjogge, en dit is in maksimale metriko foar my te brûken om in tag wolk te meitsjen. Dus foar dit foarbyld meitsje wy in tag wolk út in list fan artikels, de top 25 artikels op myn side foar de wike fan 1 jannewaris 2007.

1. Determine hoefolle nivo's dy't jo wolle yn jo hegerearkar.
   1. Wylst it mooglik is sa folle nivo's yn jo wolke te hawwen as jo items yn jo list ha, dan krijt it tydlik om te kopen, en de ferskillen kinne minimal wêze. Ik tink oan dat ik net mear as 10 nivo's yn jo hierargy.
2. Beslute op 'e skaalpunten foar elke nivo.
   1. It kin sa ienfâldich wêze as jo jo side werjeften per dei yn 1/10 slitsen - dus. As de grutste side fan jo side 100 siden stiet, kinne jo it as 100+, 90-100, 80-90, 70-80, ensfh., ensfh. ik haw myn side werjeften op dat moad.
3. Listje jo items yn side werjeftebestelling, en jou harren in rang basearre op stap 2
   1. Bist net soargen as jo gjin items hawwe yn guon fan 'e slots, dat makket de wolk krekt nijsgjirrich.
4. Soarchje dyn list yn alfabetyske opdracht (of wat twadde sekere wolle jo brûke).
   1. Dit is wat de wyn interessant makket. As jo ​​it ferlitte troch rang, dan sil it gewoan in list wêze mei de grutste items op 'e boppesteande nei de lytste oan' e boaiem.
5. Skriuw jo HTML sadat de rang in klassnûmer is. class = "tag4"> Streaming fan audio-bestannen taheakje

Ienris hawwe jo de HTML foar elke list fan items, en de opdracht dy jo se sjen wolle, dan moatte jo in beslút meitsje. Jo kinne de keppelings yn in paragraaf pleatse en jo moatte dien wurde. Mar dit soe net semantysk opnommen wurde, en wa't sûnder CSS komt nei jo tag wol wol wol in grut paragraaf fan links sjen. It HTML foar dizze list fan soarten sil sa sjen:

Streaming fan audio-bestannen Basic tags foar in webside Best Web Design Software Bouwe in webside foar de Totally Lost Kleursymbolism

Yn stee dêrfan advisearje ik jo jo tag cloud te brûken mei in unorderde list. It is in pear mear rigels fan HTML en CSS koade, mar it soarget derfoar dat de ynhâld lêsber is, wêr't it komt om te sjen. It HTML soe dit sjen: