Paggamit sa CSS sa Estilo sa Tag Cloud
Ang tag cloud usa ka visual nga hulagway sa usa ka listahan sa mga butang. Kanunay nimo nga makita ang mga tag cloud sa mga blog. Kini nahimong popular sa mga site sama sa Flickr.
Ang mga panganod sa tag usa ka lista sa mga link nga nag-usab sa gidak-on ug gibug-aton (usahay kolor usab) depende sa pipila nga masaligan nga hiyas. Ang kadaghanan sa mga tag nga panganod gitukod pinasukad sa pagkapopular o ang gidaghanon sa mga panid nga gi-tag sa maong tag. Apan mahimo ka makahimo og usa ka tag nga panganod gikan sa bisan unsang listahan sa mga butang sa imong site nga adunay labing menos duha ka paagi sa pagpakita niini. Pananglitan:
- Usa ka listahan sa mga artikulo sa han-ay sa alpabetiko nga may mga estilo nga nagpakita sa pagkapopular sa mga artikulo.
- Usa ka lista sa mga Web site sa alpabetikal nga pagkahan-ay sa mga estilo nga nagpakita kung kinsa ang gusto nimo ang pinakamaayo.
- Usa ka lista sa mga editor sa Web nga gilista sa presyo sa presyo uban sa mga estilo nga nagpakita kon unsa ka suod ang matag usa sa usa ka gitakda nga criteria.
- Usa ka lista sa mga higala sa mga estilo nga nagpakita sa gilay-on gikan sa imong balay ngadto sa ila.
Unsa ang Kinahanglan Nimong Magbuhat og Tag Cloud?
Sayon ang pagtukod og tag cloud, kinahanglan nimo ang duha ka butang:
- Usa ka listahan sa mga butang (sama sa Web nga mga artikulo, Web site, o imong mga higala)
- Usa ka sukod alang sa matag usa sa mga butang (sama sa mga pagtan-aw sa pahina matag adlaw, ang imong ranggo 1-10, o ang gilay-on sa imong balay).
Kadaghanan sa mga tag nga panganod mga lista sa mga link, busa kini makatabang kon ang matag butang adunay usa ka URL nga may kalabutan niini. Apan wala kinahanglana ang paghimo og visual hierarchy.
Mga Lakang sa Pagtukod og Tag Cloud sa Popular Links
Ang akong site adunay mga artikulo nga makakuha og mga pag-us-usan sa panid kada adlaw, ug kini usa ka sayon nga metric alang kanako nga magamit aron sa paghimo sa usa ka tag cloud. Busa alang niini nga panig-ingnan, maghimo kita ug tag cloud gikan sa listahan sa mga artikulo, ang top 25 nga mga artikulo sa akong site alang sa semana sa Enero 1, 2007.
- Tinoa kung pila ka lebel ang gusto nimo sa imong hierarchy.
- Samtang kini posible nga adunay daghang lebel sa imong panganod samtang ikaw adunay mga butang sa imong listahan, kini nagkapuliki sa pag-code, ug ang mga kalainan gamay kaayo. Nagrekomendar ako nga adunay dili molabaw sa 10 nga lebel sa imong hierarchy.
- Paghukom sa mga giputol nga mga puntos alang sa matag ang-ang.
- Mahimo nga kini yano sama sa pagputol sa imong mga pagtan-aw sa panid kada adlaw ngadto sa 1/10 nga mga tipik - ie. Kon ang pinakadako nga panid sa imong site makakuha og 100 nga mga pag-usisa sa panid sa usa ka adlaw, mahimo nimong ihiwa kini isip 100+, 90-100, 80-90, 70-80, ug uban pa. Giputol nako ang mga panid sa akong panid sa ingon niana nga paagi.
- Ilista ang imong mga butang sa han-ay sa panid sa panid, ug hatagi sila sa usa ka ranggo nga gibase sa lakang 2
- Ayaw kabalaka kon wala ka'y bisan unsang mga butang sa pipila ka mga slots, nga makapahimo sa panganod nga labaw nga makapaikag.
- Ipresentar ang imong listahan sa alphabetical order (o bisan unsang ikaduha nga gusto nimo gamiton).
- Mao kini ang nakapadani sa panganod. Kon ibilin nimo kini nga lainlainon pinaagi sa ranggo, nan kini usa lamang ka lista sa pinakadako nga mga butang sa ibabaw ngadto sa pinakagamay sa ubos.
- Isulat ang imong HTML aron ang ranggo usa ka numero sa klase. class = "tag4"> Pagdugang sa Streaming Audio Files
Sa higayon nga ikaw adunay HTML alang sa matag indibidwal nga listahan sa mga butang, ug ang mando nga imong gusto nga ipakita kanila, nan kinahanglan ikaw mohimo og desisyon. Mahimo nimong ibutang ang mga sumpay sa usa ka parapo ug ikaw mahuman. Apan dili kini gipunting, ug si bisan kinsa nga walay CSS nga moabut sa imong tag cloud makakita lamang sa usa ka dako nga parapo sa mga sumpay. Ang HTML alang niining matang sa lista susama niini:
Pagdugang sa Streaming Audio Files Basic Tags for a Web Site Best Web Design Software Pagtukod sa usa ka Web Page alang sa Nawala sa Tanan Kolorismo sa Kolorismo Hinunoa, girekomendar ko nga imong himoon ang imong tag cloud gamit ang usa ka unordered nga listahan. Kini ang pipila ka mga linya sa code sa HTML ug CSS apan kini nagsiguro nga ang sulod mabasa bisan kinsa ang moadto aron sa pagtan-aw niini. Ang HTML mahimong tan-awon sama niini: Karon nahidangat na kami sa makalingaw nga bahin-ang estilo sa CSS. Kon nag-style ka sa usa ka tag cloud, kasagaran imong giusab ang gidak-on sa font ug ang gibug-aton sa font. Mahimo usab nimo nga usbon ang kolor sa font o sa background o bisan unsang lain nga hiyas sa estilo, apan ang gidak-on ug gibug-aton tradisyonal. Nagkinahanglan ka ug 10 klase nga estilo, usa alang sa matag ranggo sa tag: Ganahan kong maglakip sa pipila ka mga estilo sa palibot sa panganod: ang sentro sa panganod nga teksto, magbutang og taas nga linya aron mabasa ang panganod, ug siguroha nga ang mga tag sa anchor walay mga padding sa ibabaw niini: Sa katapusan, kung gigamit nimo ang paagi sa estilo sa semantiko (ie ang unordered nga lista), kinahanglan nimo nga idugang ang duha ka mga linya sa CSS aron ang lista walay mga bala ug dili nakasulod:
Apan Hain ang mga Estilo alang sa Tag Cloud