Gumamit ng CSS sa Estilo ng Tag Cloud
Ang tag cloud ay isang visual na paglalarawan ng isang listahan ng mga item. Madalas mong makita ang mga cloud ng tag sa mga blog. Ginawa itong popular sa pamamagitan ng mga site tulad ng Flickr.
Ang mga tag na ulap ay isang listahan ng mga link na nagbabago sa sukat at timbang (minsan masyadong kulay) depende sa ilang masusukat na katangian. Ang karamihan sa mga tag na ulap ay binuo batay sa pagiging popular o ang bilang ng mga pahina na na-tag sa partikular na tag na iyon. Ngunit maaari kang lumikha ng isang tag na ulap ng anumang listahan ng mga item sa iyong site na mayroong hindi bababa sa dalawang paraan ng pagpapakita sa mga ito. Halimbawa:
- Isang listahan ng mga artikulo sa alpabetikong pagkakasunud-sunod na may mga estilo na nagpapahiwatig ng katanyagan ng mga artikulo.
- Isang listahan ng mga Web site sa alpabetikong pagkakasunud-sunod na may mga estilo na nagpapahiwatig kung alin ang gusto mo ang pinakamainam.
- Ang isang listahan ng mga editor ng Web na nakalista sa presyo ng order na may mga estilo na nagpapahiwatig kung gaano kalapit ang bawat pagdating sa isang paunang natukoy na hanay ng pamantayan.
- Isang listahan ng mga kaibigan na may mga estilo na nagpapahiwatig ng distansya mula sa iyong bahay sa kanila.
Ano ang Kailangan Ninyong Gumawa ng Tag Cloud?
Madaling bumuo ng isang tag na ulap, kailangan mo lamang ng dalawang bagay:
- Isang listahan ng mga item (tulad ng mga artikulo sa Web, mga Web site, o mga kaibigan mo)
- Ang isang sukatan para sa bawat isa sa mga item (tulad ng mga pagtingin sa pahina bawat araw, ang iyong ranggo 1-10, o ang distansya sa iyong bahay).
Ang karamihan sa mga tag na ulap ay mga listahan ng mga link, kaya makakatulong ito kung may isang URL na nauugnay dito. Ngunit iyon ay hindi kinakailangan upang lumikha ng isang visual na hierarchy.
Mga Hakbang upang Bumuo ng isang Tag Cloud ng Mga Sikat na Mga Link
Ang aking site ay may mga artikulo na nakakakuha ng mga pagtingin sa pahina araw-araw, at ito ay isang madaling sukatan para sa akin upang magamit upang lumikha ng isang tag na ulap. Kaya para sa halimbawang ito, lumikha kami ng isang tag na ulap mula sa isang listahan ng mga artikulo, ang nangungunang 25 artikulo sa aking site para sa linggo ng Enero 1, 2007.
- Tukuyin kung gaano karaming mga antas ang gusto mo sa iyong hierarchy.
- Habang posible na magkaroon ng maraming mga antas sa iyong ulap habang mayroon kang mga item sa iyong listahan, nakakakuha ito ng nakakapagod na code, at ang mga pagkakaiba ay maaaring napakaliit. Inirerekomenda ko ang pagkakaroon ng hindi hihigit sa 10 mga antas sa iyong hierarchy.
- Magpasya sa mga cut off point para sa bawat antas.
- Maaaring ito ay kasing simple ng pagputol ng iyong mga pagtingin sa pahina bawat araw sa 1/10 na hiwa - ibig sabihin. kung ang pinakamalalaking pahina sa iyong site ay makakakuha ng 100 pahina ng pagtingin sa isang araw, maaari mong hatiin ito bilang 100 +, 90-100, 80-90, 70-80, atbp. Tinadtad ko ang aking mga pagtingin sa pahina sa ganitong paraan.
- Ilista ang iyong mga item sa pagkakasunud-sunod ng pagtingin sa pahina, at bigyan sila ng ranggo batay sa hakbang 2
- Huwag mag-alala kung wala kang anumang mga item sa ilan sa mga puwang, na ginagawang mas kawili-wili ang ulap.
- Resort ang iyong listahan sa alpabetikong pagkakasunud-sunod (o anumang ikalawang uri na nais mong gamitin).
- Ito ang dahilan kung bakit kawili-wili ang ulap. Kung iniwan mo ito pinagsunod-sunod sa pamamagitan ng ranggo, pagkatapos ay ito lamang maging isang listahan na may pinakamalaking mga item sa tuktok pababa sa pinakamaliit sa ibaba.
- Isulat ang iyong HTML upang ang ranggo ay isang numero ng klase. class = "tag4"> Pagdaragdag ng Mga Streaming Audio File
Sa sandaling mayroon ka ng HTML para sa bawat indibidwal na item sa listahan, at ang pagkakasunud-sunod na gusto mong ipakita sa mga ito, kailangan mong gumawa ng desisyon. Maaari mong ilagay ang mga link sa isang talata at nais mong gawin. Ngunit hindi ito mapapansin, at kahit sino na walang CSS na dumarating sa iyong tag cloud ay makakakita lamang ng isang malaking talata ng mga link. Ang HTML para sa ganitong uri ng listahan ay magiging ganito:
Pagdaragdag ng Mga Streaming Audio File Basic Tags para sa isang Web Site Pinakamahusay na Web Design Software Building a Web Page for the Lost Nothing Kulay Symbolism Sa halip, inirerekumenda ko sa iyo na lumikha ng iyong tag na ulap gamit ang isang hindi nakaayos na listahan. Ito ay ilang mga linya ng HTML at CSS code ngunit tinitiyak nito na ang nilalaman ay maaaring mababasa kahit na pagdating sa tingnan ito. Ang HTML ay magiging ganito: Ngayon nakarating na kami sa kasiyahan-ang mga estilo ng CSS. Kapag nag-istilo ka ng isang tag na ulap, karaniwan mong binabago ang laki ng font at ang timbang ng font. Maaari mo ring baguhin ang kulay ng font o ang background o anumang iba pang katangian ng estilo, ngunit ang laki at timbang ay tradisyonal. Kailangan mo ng 10 klase ng estilo, isa para sa bawat ranggo ng tag: Gusto kong isama ang ilang mga estilo sa paligid ng cloud mismo: itutok ang teksto ng ulap, magtakda ng taas ng linya upang mabasa ang ulap, at siguraduhin na ang mga tag na anchor ay walang padding sa mga ito: Panghuli, kung gumagamit ka ng paraan ng pag-estilo ng semantiko (ie ang unordered list), kakailanganin mong magdagdag ng dalawa pang linya ng CSS upang ang listahan ay walang mga bala at hindi naka-indent:
Ngunit Nasaan ang Mga Estilo para sa Tag Cloud