Përdorni CSS për të Stilit një Cloud Tag
tag cloud është një përshkrim vizual i një liste të artikujve. Do të shihni shpesh re të tagave në blogje. U bë popullor nga faqet si Flickr.
Retë etiketash janë një listë e lidhjeve që ndryshojnë në madhësi dhe peshë (ndonjëherë edhe ngjyra) në varësi të disa atributeve të matshme. Shumica e reve të etiketave janë ndërtuar bazuar në popullaritetin ose numrin e faqeve që janë të etiketuara me atë tag të veçantë. Por mund të krijoni një re tag nga çdo listë e artikujve në faqen tuaj që kanë të paktën dy mënyra për t'i shfaqur ato. Për shembull:
- Një listë e artikujve në rend alfabetik me stilet që tregojnë popullaritetin e artikujve.
- Një listë e faqeve në internet në rend alfabetik me stilet që tregojnë se cilat janë ato që ju pëlqen më së miri.
- Një listë e redaktorëve të uebit të listuara në rendin e çmimeve me stilet që tregojnë sa afër secili vjen në një grup kriteresh të paracaktuara.
- Një listë e miqve me stilet që tregojnë distancën nga shtëpia juaj tek e tyre.
Çfarë keni nevojë për të ndërtuar një Cloud Tag?
Është e lehtë për të ndërtuar një re tag, ju duhet vetëm dy gjëra:
- Një listë e artikujve (si artikujt e uebit, faqet e uebit ose miqtë tuaj)
- Një matje për secilën nga artikujt (si pikëpamjet e faqeve në ditë, renditja juaj 1-10, ose distanca në shtëpinë tuaj).
Shumica e retë të etiketave janë listat e lidhjeve, kështu që ndihmon nëse çdo artikull ka një URL të lidhur me të. Por kjo nuk kërkohet për të krijuar një hierarki vizuale.
Hapat për të ndërtuar një tag cloud të lidhjeve popullore
Faqja ime ka artikuj që marrin pamje faqe çdo ditë dhe kjo është një metrikë e lehtë për mua që përdor për të krijuar një cloud tag. Pra, për këtë shembull, ne do të krijojmë një re tag nga një listë artikujsh, 25 artikujt kryesorë në faqen time për javën e 1 janarit 2007.
- Përcaktoni sa nivele doni në hierarkinë tuaj.
- Ndërsa është e mundur që të keni sa më shumë nivele në re tuaj sa keni artikuj në listën tuaj, kjo bëhet e lodhshme për kodin, dhe dallimet mund të jenë shumë minimale. Unë rekomandoj që të mos keni më shumë se 10 nivele në hierarkinë tuaj.
- Vendosni në pikat e prerjes për çdo nivel.
- Mund të jetë aq e thjeshtë sa prerja e pamjeve tuaja në faqe në ditë në feta 1/10 - dmth. nëse faqja më e madhe në faqen tuaj merr 100 shikime në faqe në ditë, mund ta ndani atë si 100+, 90-100, 80-90, 70-80, etj. I copëtova pikëpamjet e mia në faqe në atë mënyrë.
- Listoni artikujt tuaj në renditjen e faqeve, dhe jepni një gradë të bazuar në hapin 2
- Mos u shqetësoni nëse nuk keni ndonjë send në disa lojëra elektronike, kjo vetëm e bën cloud më interesante.
- Vendose listën tuaj sipas rendit alfabetik (ose çfarëdo lloji tjetër që dëshironi të përdorni).
- Kjo është ajo që e bën cloud interesante. Nëse e lini atë renditur sipas radhës, atëherë do të jetë vetëm një listë me artikujt më të mëdhenj në krye deri në më të voglën në pjesën e poshtme.
- Shkruani HTML në mënyrë që radhitja të jetë një numër i klasës. class = "tag4"> Shtimi i skedarëve audio streaming
Sapo të keni HTML për secilin artikull të listës individuale, dhe rendin që dëshironi t'i shfaqni ato, atëherë duhet të merrni një vendim. Ju mund të vendosni lidhjet në një paragraf dhe do të bëheni. Por kjo nuk do të ishte e shënuar në mënyrë semantike dhe kushdo pa CSS që do të vinte në tag cloud do të shihte vetëm një paragraf të madh lidhjesh. HTML për këtë lloj të listës do të duket kështu:
Shtimi i skedarëve audio streaming Elemente themelore për një Web Site Programi më i mirë i Dizajnit të Uebit Ndërtimi i një Faqe Web për të humbur plotësisht Simboli i Ngjyrës Në vend të kësaj, unë rekomandoj që të krijoni cloud tuaj të tagut duke përdorur një listë të parregulluar. Janë disa rreshta të kodit HTML dhe CSS por siguron që përmbajtja të jetë e lexueshme pa marrë parasysh se kush vjen për ta parë atë. HTML do të duket kështu: Tani ne kemi marrë pjesë fun - stilet CSS. Kur stilet një cloud tag, zakonisht ndryshoni madhësinë e shkrimit dhe peshën e shkronjave. Ju gjithashtu mund të ndryshoni ngjyrën e shkronjave ose të sfondit ose cilësdo stil tjetër, por madhësia dhe pesha janë tradicionale. Keni nevojë për 10 klasa stili, një për secilin gradë: Më pëlqen të përfshij disa stile rreth vetë cloudit: përqëndrojeni tekstin e reve, vendosni një lartësi të linjës në mënyrë që re të jetë e lexueshme dhe sigurohuni që etiketat e ankorimit të mos kenë mbushje në to: Së fundi, nëse po përdorni metodën e modifikimit semantik (dmth. Lista e parezervuar), do të duhet të shtoni dy linja të tjera të CSS në mënyrë që lista të mos ketë plumba dhe nuk është e prerë:
Por Ku janë Stilet për Cloud Tag