Bir Tag Cloud üçün CSS-i istifadə edin
etiketi bulud maddələr siyahısının vizual təsviridir. Bloglardakı etiket buludlarını tez-tez görəcəksiniz. Flickr kimi saytlar tərəfindən məşhur olmuşdur.
Tag buludları, müəyyən ölçülü xüsusiyyətlərə əsasən ölçüsü və çəkisi (bəzən rəng də) dəyişən əlaqələrin siyahısıdır. Ən çox etiket buludları məşhurluq və ya xüsusi tag ilə etiketlənmiş səhifələrin sayına görə inşa edilir. Lakin sitenizdeki hər hansı bir siyahıdan onları göstərmənin ən azı iki yolu olan bir etiket buludunu yarada bilərsiniz. Misal üçün:
- Məqalələrin populyarlığını göstərən üslublarla əlifba sırası ilə məqalələrin siyahısı.
- Əlifba sırası ilə veb-saytların siyahısı hansıları ən yaxşıları göstərdiyinizə dair üslublarla.
- Hər birinin əvvəlcədən təyin edilmiş meyarlara necə yaxın olduğunu göstərən üslublarla qiymət sırasına daxil edilmiş Web redaktorlarının siyahısı.
- Evinizdən məsafəyə qədər olan məsafə göstərən üslublu dostların siyahısı.
Bir Tag Cloud yaratmaq üçün nə lazımdır?
Etiket buludunu qurmaq asandır, yalnız iki şey lazımdır:
- Maddələrin siyahısı (Web məqalələri, Veb saytlar və ya dostlarınız)
- Hər bir element üçün bir ölçmə (gündə səhifə görünüşü, 1-10 sıralınız və ya evinizə olan məsafə kimi).
Ən çox etiket buludları linklərin siyahılarıdır, buna görə hər bir maddə ilə əlaqəli bir URL var. Amma görsel bir iyerarxiya yaratmaq tələb olunmur.
Populyar Linklərin Tag Cloud qurmaq üçün addımlar
Sitemde her gün sayfa görünümlerini alacak makaleler var ve bu etiket bulutu oluşturmak için kullanmak benim için kolay bir metriktir. Beləliklə, bu nümunə üçün, 1 yanvar 2007-ci il həftəsi üçün mənim saytda ilk 25 məqalə bir məqalə siyahısından bir etiket buludu yaratmalıyıq.
- Hiyerarşinizdə nə qədər səviyyədə istədiyini müəyyənləşdirin.
- Sizin siyahınızdakı maddələr olduğunuz kimi buludunuzda bir çox səviyyəyə malik olmağı mümkün olsa da, kodun yorucu olması və fərqlər çox az ola bilər. Hiyerarşinizdə 10-dan çox səviyyəyə malik olmadığınızı məsləhət görürəm.
- Hər səviyyə üçün kəsilmiş nöqtələrə qərar verin.
- Gündəlik görünüşünüzü 1/10 dilimə kəsmək kimi sadə ola bilər - yəni. Sitenizdeki ən böyük səhifə gündə 100 səhifədən ibarətdirsə, onu 100 +, 90-100, 80-90, 70-80 və s. kimi kəsdirə bilərsiniz.
- Maddələrinizi səhifə görünüşü ilə sıralayın və onlara 2-ci addım əsasında bir dərəcə verin
- Bəzi yerlərdə heç bir elementiniz yoxdursa, yalnız buludu daha maraqlı edir.
- Listenizi əlifba sırası ilə (və ya istifadənizin ikinci növünə) təsəvvür edin.
- Bu, buludu maraqlı edir. Rütbə ilə sıralanırsanız, o, yalnız ən altındakı ən kiçik maddələrlə aşağıya enən bir siyahı olacaq.
- Rütbənin bir sinif sayı olduğu üçün HTML yaz. class = "tag4"> Streaming audio faylları əlavə edin
Hər bir fərdi siyahı elementi üçün HTML və onları göstərmək istədikləri sifarişə sahib olduqdan sonra qərar qəbul etməlisiniz. Bağlantıları bir paraqrafa yerləşdirə bilərsiniz və bunu edəcəyiniz. Amma bu semantik olaraq qeyd olunmayacaq və CSS-ləriniz olmadan etiket buludunuza gələn hər kəs yalnız birbaşa əlaqələrin böyük bir bəndini görür. Bu cür siyahı üçün HTML belə görünür:
Streaming audio faylları əlavə et Veb səhifə üçün əsas etiketlər Ən yaxşı Web Tasarım Proqramı Ümumiyyətlə itirildiyi üçün veb səhifə yaratmaq Rəng simvolizmi a> Bunun əvəzinə, etiketsiz buludunuzu bir sıra siyahıdan istifadə edərək yaratmanızı məsləhət görürəm. HTML və CSS kodunun bir neçə xətti var, lakin onu görmək üçün gələndən asılı olmayaraq məzmunun oxunaqlı olmasını təmin edir. HTML belə görünür: İndi əyləncə hissəsinə - CSS üslublarına daxil oluruq. Bir tag bulud üslub zaman, adətən font ölçüsü və font ağırlığı dəyişir. Yazı tipinin və ya fonun və ya başqa bir stilin xüsusiyyətini dəyişə bilərsiniz, lakin ölçüsü və çəkisi ənənəvi olur. Hər bir tag dərəcəsi üçün birinə 10 stil sinfi lazımdır: Buludun özü ətrafında bəzi üslublar daxil etmək istəyirəm: bulud mətn mərkəzi, bulud oxunaqlı olmaq üçün bir xətt hündürlüyü təyin və anchor tags onlara dolu deyil əmin olun: Nəhayət, semantik styling metodunu (yəni sıralanmamış siyahıdan) istifadə edirsinizsə, siyahıda mermi olmadıqda və indented deyilsə, daha iki CSS hədisi əlavə etməlisiniz:
Amma Tag Cloud üçün Styler qayda