Indlela yokuPhatha i-Cloud Tag

Sebenzisa i-CSS ukuya kwisitayela seTag Cloud

Ithegi yefayile ibonakalisa uluhlu lwezinto. Uza kudla ngokubona amafu e-tag kwiiblogi. Yenziwe ithandwa ngamasayithi afana neFlickr.

Amafu e-Tag uluhlu lweengqungquthela ezitshintsha ngobukhulu kunye nesisindo (ngamanye amabala nombala) kuxhomekeka kwindlela ethile elinganisekayo. Amanqaku amaninzi amanqaku akhiwe ngokusekelwe ekuthandweni okanye kwinani lamaphepha athathwe ngetekisi ethile. Kodwa unokwenza itekethi efakwe kwiluhlu lwazo zonke izinto kwiziko lakho elinesibini ubuncinane bokubonisa. Umzekelo:

• Uludwe lwamaphepha e-alfabhethi kunye nezitayela ezibonisa ukuthandwa kwamanqaku.
• Uludwe lweewebhu kwi-alfabhethi kunye nezitayela ezibonisa ukuba yiziphi ozithandayo.
• Uludwe lwabalungisi bewebhu abadweliswe kwinqanaba lentlawulo kunye neendlela ezibonisa ukuba ngamnye osondeleyo kwi-criteria echazwe ngaphambili.
• Uluhlu lwabahlobo kunye nezitayela ezibonisa umgama ukusuka kwindlu yakho.

Yintoni oyifunayo yokwakha iTag Cloud?

Kulula ukwakha ifu tag, ufuna kuphela izinto ezimbini:

• Uludwe lwezinto (njengamaphepha eWebhu, iiWebhsayithi okanye ngabahlobo bakho)
• Imilinganiselo nganye yezinto (njengemibono yephepha ngosuku, udidi lwakho 1-10, okanye umgama wendlu yakho).

Uninzi lwamafu aluhlu lweekhonkco, ngoko lunceda ukuba nganye into ine-URL ehambelana nayo. Kodwa oko akufuneki ukudala ulawulo olubonakalayo.

Amanyathelo ekwakheni iTek Cloud Cloud Popular Popular Links

Indawo yam inezihloko ezifumana imbonakalo yekhasi nsuku zonke, kwaye le methri elula ukuba ndiyisebenzise ukwenza ifu tag. Ngoko ke lo mzekelo, siza kudala ifu tag kwiluhlu lwamacatshulwa, amanqaku aphezulu angama-25 kwisayithi yam kwiveki kaJanuwari 1, 2007.

1. Misela ukuba mangaphi amanqanaba oyifunayo kwi-hierarchy yakho.
   1. Nangona kunokwenzeka ukuba ube namanqanaba amaninzi kwifu lakho njengoko unayo izinto kwiluhlu lwakho, oku kuyanceda kwi khowudi, kwaye ulwahlulo lunokuba luncinci kakhulu. Ndiyincoma ukuba ungabi namanqanaba angaphezu kwe-10 kwinqanaba lakho lolawulo.
2. Gqiba kwiinqununu zokunqunyulwa kwinqanaba ngalinye.
   1. Kungenzeka kube lula njengendlela yokusika imbonakalo yekhasi ngosuku ukuya kwi-1/10 iinqununu - okt. ukuba iphepha elikhulu kwisayithi lakho lifumana ukubukwa kwekhasi eli-100 ngosuku, ungayinqumla njenge-100+, 90-100, 80-90, 70-80, njl.
3. Bhala uluhlu lwezinto zakho kwiphepha lokujonga umyalelo, kwaye ubanike isikhundla esekelwe kwisinyathelo 2
   1. Musa ukuxhalaba ukuba awunayo nayiphi na into kwezinye izilwanyana, ezenza ukuba ilifu libe lunomdla ngakumbi.
4. Indawo yokuthabatha uluhlu lwakho kwi-alfabhethi (okanye nayiphi na uhlobo lwesibini ofuna ukuyisebenzisa).
   1. Yilokho eyenza ilifu linomdla. Ukuba uyishiya ihlelwe ngezinga, ngoko kuya kuba luhlu kunye nezona zinto ziphezulu ukuya phezulu ukuya kuncinci kumzantsi.
5. Bhala i-HTML ukuze ireyithi yiklasi yeklasi. eklasini = "tag4"> Ukongeza iiFayile zeeNkcazo zokusakaza

Xa unayo i-HTML yento nganye yoluhlu, kunye nomyalelo ofuna ukuwabonisa, ngoko kufuneka wenze isigqibo. Unokubeka iinqhagamshelo kumhlathi kwaye uza kwenziwa. Kodwa oku akuyi kubonakaliswa ngokwempawu, kwaye nabani na ngaphandle kweCSS beza kwithegi yakho yefu babeza kubona umhlathi omkhulu weekhonkco. I-HTML yale hlobo loluhlu iya kubonakala ngathi:

Ukongeza iiFayili zomsindo wokusakaza I-Basic tag yeWebhsayithi I-Best Web Design Software Ukwakha iWeb Page ukuze ilahleke ngokupheleleyo Uphawu loMbala

Kunoko, ndincoma ukuba udale ithegi yakho efayili usebenzisa uluhlu olungenakuqondwa. Iminye imizila embalwa yekhowudi ye-HTML kunye neCSS kodwa iqinisekisa ukuba umxholo uya kufundwa kungakhathaliseki ukuba ngubani oza kuwujonga. I-HTML iya kubonakala ngathi:

• Ukongeza iiFayile Zomsindo wokusakaza
• Iifayile eziphambili zeWebhsayithi
• I-Web Design Best Web
• Ukwakha IWebhu Page ukuze ilahleke ngokupheleleyo
• Uphawu loMbala

  Kodwa Ziphi iifayile zeTag Cloud?

  Ngoku sifika kwi-fun part-the CSS style. Xa uthayipha ifu tag, ngokuqhelekileyo utshintsha ubungakanani befonti kunye nesisindo sefonti. Ungatshintsha kwakhona umbala wefonti okanye imvelaphi okanye nayiphina impawu zesitayela, kodwa ubungakanani nobukhulu bendabuko.

  Ufuna iiklasi zetekisi ezili-10, enye kwikota nganye yecatshulwa:

  #cloud a.tag1 {ubungakanani befonti: 0.7m; ubunzima befonti: 100; } #cloud a.tag2 {ubungakanani befonti: 0.8m; ubunzima befonti: 200; } #cloud a.tag3 {ubukhulu befonti: 0.9m; ubunzima befonti: 300; } #cloud a.tag4 {ubungakanani befonti: 1.0em; ubunzima befonti: 400; } #cloud a.tag5 {ubukhulu befonti: 1.2em; ubunzima befonti: 500; } #cloud a.tag6 {ubukhulu befonti: 1.4em; ubunzima befonti: 600; } #cloud a.tag7 {ubungakanani befonti: 1.6em; ubunzima befonti: 700; } #cloud a.tag8 {ubukhulu befonti: 1.8em; ubunzima befonti: 800; } #cloud a.tag9 {ubukhulu befonti: 2.2em; ubunzima befonti: 900; } #cloud a.tag10 {ubukhulu befonti: 2.5em; ubunzima befonti: 900; }

  Ndiyakuthanda ukufaka ezinye izitayela ezijikeleze ifu ngokwalo: phakathi kwesiqulatho sefu, setha ukuphakama komgca ukuze ifu lifundeke, kwaye uqinisekise ukuba amathegi e-anchos ayinayo ipakethe kubo:

  #cloud {padding: 2px; ukuphakama komgca: 3em; ukulungelelanisa umbhalo: isikhungo; } #cloud {padding: 0px; }

  Ekugqibeleni, ukuba usebenzisa indlela ye-semantic yokubhala (oko kukuthi uluhlu olungagqitywanga), kuya kufuneka ungeze eminye imigca ye-CSS ukuze uluhlu lungenayo iibhola kwaye aluvumelekanga:

  #cloud {umgama: 0; } #cloud li {boniswa: elinezantsi; }