Користете CSS за да напишете таг Облак
таг облак е визуелен опис на листа на предмети. Често ќе гледате облаци со ознаки на блоговите. Таа беше популарна од сајтови како Фликр.
Облаците на ознаки се листа на врски кои се менуваат во големината и тежината (понекогаш и во боја) во зависност од некој атрибут што може да се измери. Повеќето облаци со тагови се изградени врз основа на популарноста или бројот на страници кои се означени со таа ознака. Но, можете да создадете облак од тагови од која било листа на ставки на вашиот сајт, кои имаат најмалку два начини за прикажување. На пример:
- Листа на статии по азбучен ред со стилови кои укажуваат на популарноста на статиите.
- Листа на веб-сајтови по азбучен редослед со стилови кои укажуваат на оние кои ви се допаѓаат најдобро.
- Листа на уредувачи на веб-страници наведени во цената, со стилови кои укажуваат на тоа колку блиску секој доаѓа до претходно дефиниран сет на критериуми.
- Листа на пријатели со стилови кои укажуваат на растојанието од вашата куќа до нив.
Што ви е потребно за да се изгради облик на таг?
Лесно е да се изгради таг облак, потребни се само две работи:
- Листа на предмети (како веб статии, веб-страници или ваши пријатели)
- Мерење за секоја од елементите (како што се прегледи на страница на ден, вашиот ранг 1-10, или растојанието до вашата куќа).
Повеќето облаци на ознаки се листи на врски, па затоа помага ако секој предмет има URL поврзан со него. Но, тоа не е потребно да се создаде визуелна хиерархија.
Чекори за изградба на таг Облак на популарни врски
Мојот сајт има статии кои добиваат прегледи на страници секој ден, и ова е лесна метрика за мене да користам да создадам облак од тагови. Така, за овој пример, ние ќе создадеме облак од тагови од листата на прилози, првите 25 статии на мојот сајт за недела на 1 јануари 2007 година.
- Определи колку нивоа сакате во вашата хиерархија.
- Додека е можно да имате што повеќе нивоа во вашиот облак како што имате предмети во вашата листа, ова станува досадно да го кодот, а разликите може да бидат многу минимални. Препорачувам да немате повеќе од 10 нивоа во вашата хиерархија.
- Одлучете за пресечните точки за секое ниво.
- Тоа би можело да биде толку едноставно како намалување на прегледите на вашата страница на ден во 1/10 парчиња - т.е. ако најголемата страница на вашиот сајт добива 100 прегледи на страница на ден, може да го пресечете како 100 +, 90-100, 80-90, 70-80 и сл.
- Наведете ги вашите ставки во редоследот за прикажување на страниците, и дајте им ранг врз основа на чекор 2
- Не грижете се ако немате некои елементи во некои слотови, што го прави облакот поинтересен.
- Привлечете ја вашата листа по азбучен ред (или што и да е втор вид што сакате да го користите).
- Ова е она што го прави облакот интересен. Ако го оставите сортирани по ранг, тогаш тоа само ќе биде листа со најголеми ставки на врвот надолу до најмалите на дното.
- Напишете го вашиот HTML, така што ранг е број на класа. class = "tag4"> Додавање Streaming Audio Files
Откако ќе го имате ХТМЛ за секоја поединечна ставка на листата, и нарачката што сакате да ги прикажете, тогаш треба да донесете одлука. Можете да ги поставите линковите во став и да бидете завршени. Но, ова нема да биде семантички обележано, и секој што нема CSS да дојде во вашиот таг облак само ќе видите голем став на врски. HTML за овој тип на листа ќе изгледа вака:
Додавање аудио датотеки со стриминг a> Основни ознаки за веб-страница a> Најдобар софтвер за веб дизајн Градење на веб-страница за целосно изгубено a> Боја симболизам a> a> p> Наместо тоа, Ви препорачувам да креирате облак од тагови користејќи неподреден список. Тоа е уште неколку линии на HTML и CSS код, но се осигурува дека содржината ќе биде читлива, без оглед на тоа кој доаѓа да го гледа. HTML-от би изгледал вака: Сега стигнуваме до забавниот дел - стилот на CSS. Кога стикувате облак со тагови, обично ја менувате големината на фонтот и тежината на фонтот. Можете исто така да ја смените бојата на фонтот или позадината или кој било друг атрибут на стил, но големината и тежината се традиционални. Ви требаат 10 класи на стилови, по еден за секој таг: Сакам да вклучам некои стилови околу самиот облак: центрирајте го текстот на облакот, поставете висина на линијата така што облакот да може да се читливи и да се осигурате дека ознаките за кодови немаат никакво појавување на нив: Конечно, ако го користите методот на семантички стил (т.е. неподредена листа), ќе треба да додадете уште две линии на CSS, така што листата нема куршуми и не е вовлечена:
Но, каде се стилови за тагот Облак