Utilizați CSS pentru a crea un cloud pentru etichete
tag cloud este o vizualizare vizuală a unei liste de articole. Veți vedea nori de etichete pe bloguri. A fost făcut popular de site-uri precum Flickr.
Nivelele de etichetare reprezintă o listă a legăturilor care se modifică în funcție de mărimea și greutatea (uneori și de culoarea), în funcție de anumite atribute măsurabile. Cele mai multe nori de etichete sunt construite pe baza popularității sau a numărului de pagini care sunt etichetate cu eticheta respectivă. Dar puteți crea un cloud tag din orice listă de elemente de pe site-ul dvs. care au cel puțin două moduri de afișare a acestora. De exemplu:
- O listă de articole în ordine alfabetică, cu stiluri care indică popularitatea articolelor.
- O listă de site-uri Web în ordine alfabetică, cu stiluri care indică care dintre ele vă plac cel mai bine.
- O listă de editori Web listați în ordinea prețurilor, cu stiluri care indică cât de aproape se apropie fiecare set de criterii predefinite.
- O listă de prieteni cu stiluri care indică distanța de la casă la a lor.
Ce aveți nevoie pentru a construi un cloud tag?
Este ușor să construiți un nor tag, aveți nevoie doar de două lucruri:
- O listă de articole (cum ar fi articole de pe Web, site-uri web sau prietenii dvs.)
- O măsurare pentru fiecare dintre elementele (cum ar fi afișările de pagină pe zi, clasamentul dvs. 1-10 sau distanța până la casa dvs.).
Cele mai multe nori de etichete sunt liste de linkuri, deci ajută la fiecare articol să aibă un URL asociat cu acesta. Dar nu este necesară crearea unei ierarhii vizuale.
Pași pentru a construi un cloud de taguri de legături populare
Site-ul meu are articole care primesc vizualizări de pagină în fiecare zi și aceasta este o metrică ușoară pe care o pot folosi pentru a crea un nor de etichete. Deci, pentru acest exemplu, vom crea un cloud tag dintr-o listă de articole, primele 25 de articole de pe site-ul meu pentru săptămâna 1 ianuarie 2007.
- Determinați câte niveluri doriți în ierarhia dvs.
- În timp ce este posibil să aveți cât mai multe nivele în cloud pe măsură ce aveți elemente din listă, acest lucru devine plictisitor de cod, iar diferențele pot fi foarte mici. Vă recomand să nu aveți mai mult de 10 nivele în ierarhia dvs.
- Decideți asupra punctelor de tăiere pentru fiecare nivel.
- Ar putea fi la fel de simplu ca tăierea vizualizărilor de pagină pe zi în 1/10 felii - adică. dacă cea mai mare pagină de pe site-ul tău primește 100 de vizualizări de pagini pe zi, ai putea să-l taie ca 100+, 90-100, 80-90, 70-80, etc. Mi-am tăiat paginile mele în acea manieră.
- Listați articolele în ordinea afișării paginilor și le dați un rang pe baza pasului 2
- Nu vă faceți griji dacă nu aveți niciun element în unele dintre sloturile, ceea ce face ca norul să fie mai interesant.
- Sortați lista în ordine alfabetică (sau orice al doilea sortare pe care doriți să o utilizați).
- Acest lucru face ca norul să fie interesant. Dacă lăsați-o sortată după rang, atunci va fi doar o listă cu cele mai mari elemente de sus în jos până la cea mai mică din partea de jos.
- Scrieți codul HTML astfel încât rangul să fie un număr de clasă. class = "tag4"> Adăugarea fișierelor audio streaming
Odată ce aveți codul HTML pentru fiecare element de listă individual și ordinea pe care doriți să o afișați, trebuie să luați o decizie. Puteți plasa linkurile într-un paragraf și ați fi terminat. Dar acest lucru nu ar fi marcat semantic, iar oricine nu ar avea acces la CSS, va vedea un paragraf mare de link-uri. Codul HTML pentru acest tip de listă ar arăta astfel:
Adăugarea de fișiere audio streaming Etichete de bază pentru un site Web Cel mai bun software de web design Construirea unei pagini web pentru Total Lost Simbolistica Culorilor În schimb, vă recomandăm să creați norul de etichete utilizând o listă neordonată. Sunt încă câteva linii de cod HTML și CSS, dar vă asigură că conținutul va fi ușor de citit indiferent de cine vine să îl vizualizeze. HTML-ul ar arăta astfel: Acum ajungem la partea distractivă - stilurile CSS. Când modelați un nor de etichete, de obicei modificați dimensiunea fontului și greutatea fontului. De asemenea, puteți schimba culoarea fontului sau a fundalului sau a oricărui alt atribut de stil, dar mărimea și greutatea sunt tradiționale. Aveți nevoie de 10 clase de stil, câte unul pentru fiecare rang de tag: Îmi place să includ și câteva stiluri în jurul cloud-ului: centrați textul cloud, setați o înălțime a liniei astfel încât cloudul să poată fi citit și asigurați-vă că etichetele de ancoră nu au nici un fel de umplutură pe ele: În cele din urmă, dacă utilizați metoda de modelare semantică (adică lista neordonată), va trebui să adăugați încă două linii de CSS, astfel încât lista să nu aibă gloanțe și să nu fie indentată:
Dar unde sunt stilurile pentru cloud-ul Tag