Indlela Yokwenza Isitayela Sombhalo

Sebenzisa i-CSS ukuze uthayiphe i-Cloud Cloud

Ithegi ifu libonisa ukubonakala kohlu lwezinto. Uzovame ukubona amathegi kumafulogi. Yenziwe ithandwa ngamasayithi afana ne-Flickr.

Amafu we-Tag ahlu lwezixhumanisi ezishintsha ngosayizi nesisindo (ngezinye izikhathi zibala nombala) kuye ngokuthi imfanelo ethile elinganiswayo. Amathegi amaningi amakhi asetshenziswe ngokuthandwa noma inani lamakhasi athengwe nalolo tag. Kodwa ungakha ifu tag kusukela kunoma yiluphi uhlu lwezinto kusayithi lakho okungenani okungenani izindlela ezimbili zokuzibonisa. Ngokwesibonelo:

• Uhlu lwezihloko ngokulandelana kwe-alfabhethi nezitayela ezibonisa ukuthandwa kwezihloko.
• Uhla lwezingosi ze-alfabhethi ngezitayela ezibonisa ukuthi yiziphi ozithandayo.
• Uhla lwabalungisi bewebhu abalwe ohlwini lokuthengiswa kwentengo kanye nezitayela ezibonisa ukuthi ngamunye osondelene ufika kanjani kwisethi echazwe ngaphambilini.
• Uhlu lwabangani abanezitayela ezibonisa ibanga ukusuka endlini yakho kuya kubo.

Yini Okudingeka Uyenze I-Tag Cloud?

Kulula ukwakha ifu tag, udinga kuphela izinto ezimbili kuphela:

• Uhla lwezinto (njengezihloko zewebhu, amawebhusayithi, noma abangane bakho)
• Isilinganiso sezinto ngayinye (njengokubukwa kwekhasi ngosuku, simo sakho 1-10, noma ibanga eliya endlini yakho).

Amathegi amaningi amanothi ayizinhlu zezixhumanisi, ngakho kusiza uma into ngayinye ine-URL ehlotshaniswa nayo. Kodwa lokho akudingekile ukwakha ukubuka okubukwayo.

Izinyathelo zokwakha i-Cloud Cloud Popular Links

Indawo yami inezihloko ezithola ukubukwa kwekhasi nsuku zonke, futhi lokhu kuyimetric elula engingayisebenzisa ukudala ifu tag. Ngakho-ke kulolu sibonelo, sizokhipha ifu tag ohlwini lwama-athikili, izihloko eziphezulu ezingu-25 kusayithi lami ngesonto likaJanuwari 1, 2007.

1. Thola ukuthi mangaki amazinga owakufunayo ku-hierarchy yakho.
   1. Ngenkathi kungenzeka ukuba namazinga amaningi efwini lakho njengoba unayo izinto ohlwini lwakho, lokhu kuyathandeka ikhodi, futhi umehluko ungaba mncane kakhulu. Ngincoma ukuthi ungenalo amazinga angaphezu kuka-10 ebukhosini bakho.
2. Khetha ngezinqamu zokunqunywa ezingeni ngalinye.
   1. Kungase kube njengokulula njengokubheka ukubuka kwekhasi lakho ngosuku ukuya ku-1/10 tincetu - ie. uma ikhasi elikhulu esakhiweni sakho lithola ukubukwa kwekhasi elingu-100 ngosuku, ungalufaka njenge-100+, 90-100, 80-90, 70-80, njll. nginqume ukubukwa kwekhasi lami kuleso simo.
3. Bhala izinto zakho ekuhleleni kwekhasi lokubuka, bese ubanika isikhundla esekelwe isinyathelo 2
   1. Ungakhathazeki uma ungenayo izinto kwezinye zezitshalo, lokho kwenza nje ifu lithandeke kakhulu.
4. Hlala uhlu lwakho ngokulandelana kwe-alfabhethi (noma noma yikuphi uhlobo lwesibili ofuna ukuyisebenzisa).
   1. Yilokho okwenza ifu lithandeke. Uma uyishiya ihlelwe ngezinga, khona-ke iyoba uhlu nje kuphela ngezinto ezinkulu kunazo zonke phezulu phezulu kuya ezincane kakhulu ezansi.
5. Bhala i-HTML yakho ukuze isikhundla sibe inombolo yeklasi. isigaba = "tag4"> Ukungeza amafayela womsindo wokusakaza

Uma unayo i-HTML yento ngayinye yohlu lomuntu ngamunye, kanye ne-oda ofuna ukuyibonisa, kuzomele wenze isinqumo. Ungafaka izixhumanisi esigabeni futhi uzokwenziwa. Kodwa lokhu ngeke kubekwe uphawu lwesimanje, futhi noma ubani ngaphandle kwe-CSS efika kuthegi lakho lefu wayezobona isigaba esikhulu sezixhumanisi. I-HTML yale hlobo lohlu izobukeka kanje:

Ukungeza amafayela womsindo wokusakaza Amathuluzi ayisisekelo we-Web Site I-Best Web Design Software Ukwakha ikhasi leWebhu elilahlekile ngokuphelele Umbala womfanekiso

Esikhundleni salokho, ngincoma ukuthi udale ithegi yakho ifu ngokusebenzisa uhlu olungavunyelwe. Kuyiminye imigqa embalwa yekhodi ye-HTML ne-CSS kodwa iqinisekisa ukuthi okuqukethwe kuzofundwa kungakhathaliseki ukuthi ubani ozoyibuka. I-HTML izobukeka kanje:

• Ukungeza amafayela womsindo wokusakaza
• Amathuluzi ayisisekelo we-Web Site
• I-Web Design Software Enhle kunazo zonke
• Ukwakha ikhasi leWebhu elilahlekile ngokuphelele
• Umbala Wezimpawu

  Kodwa kuphi izitayela ze-Cloud Cloud

  Manje sifika engxenyeni ejabulisayo-izitayela ze-CSS. Uma usitayela ifu tag, uvame ukushintsha usayizi wefonti nesisindo sefonti. Ungashintsha futhi umbala wefonti noma isizinda noma esinye isici sesitayela, kodwa usayizi nesisindo sendabuko.

  Udinga amakilasi wesitayela angu-10, eyodwa yeklasi ngayinye:

  #cloud a.tag1 {usayizi wefonti: 0.7m; ifonti-weight: 100; } #cloud a.tag2 {usayizi wefonti: 0.8m; isisindo sesisindo: 200; } #cloud a.tag3 {usayizi wefonti: 0.9m; isisindo sesisindo: 300; } #cloud a.tag4 {usayizi wefonti: 1.0em; ifonti-weight: 400; } #cloud a.tag5 {usayizi wefonti: 1.2em; i-font-weight: 500; } #cloud a.tag6 {usayizi wefonti: 1.4em; isisindo somzimba: 600; } #cloud a.tag7 {usayizi wefonti: 1.6em; isisindo sefonti: 700; } #cloud a.tag8 {usayizi wefonti: 1.8em; isisindo somzimba: 800; } #cloud a.tag9 {usayizi wefonti: 2.2em; isisindo sefonti: 900; } #cloud a.tag10 {usayizi wefonti: 2.5em; isisindo sefonti: 900; }}

  Ngithanda ukufaka ezinye izitayela ezungeze ifu ngokwayo: phakathi kwesiqu sombhalo, setha ukuphakama komugqa ukuze ifu lifundeke, futhi uqiniseke ukuthi amathegi wehange awanalo i-padding kubo:

  #cloud {padding: 2px; ukuphakama komugqa: 3em; ukuhambisana kombhalo: isikhungo; } #cloud {padding: 0px; }}

  Okokugcina, uma usebenzisa indlela ye-semantic styling (isib. Uhlu olungaqondakali), kuzodingeka ukwengeze imigqa emibili ye-CSS ukuze uhlu lungabi nezinhlamvu futhi aluvunyelwanga:

  #cloud {umkhawulo: 0; } #cloud li {ukubonisa: inline; }}