ווי צו סטיל אַ טאַג קלאָוד

ניצן קסס צו סטייל אַ טאַג קלאָוד

צעטל וואָלקן איז אַ וויזשאַוואַל דיפּיקטשאַן פון אַ רשימה פון זאכן. איר וועט אָפט זען וואַגאָן וואלקנס אויף בלאָגס. עס איז געווען געמאכט פאָלקס דורך זייטלעך ווי פליקקר.

אָנזאָג וואלקנס זענען אַ רשימה פון לינקס אַז טוישן אין גרייס און וואָג (מאל קאָליר אויך) דיפּענדינג אויף עטלעכע מעזשעראַבאַל אַטריביוט. מערסט פאַרבינדן וואלקנס זענען געבויט אויף פּאָפּולאַריטעט אָדער נומער פון בלעטער וואס זענען טאַגד מיט דעם באַזונדער צעטל. אבער איר קענען מאַכן אַ קוויטל וואָלקן אויס פון קיין רשימה פון זאכן אויף דיין פּלאַץ וואָס האָבן אין מינדסטער צוויי וועגן ווייַזנדיק זיי. פֿאַר בייַשפּיל:

• א רשימה פון אַרטיקלען אין אַלפאַבעטיקאַל סדר מיט די סטיילז ינדאַקייטינג די פּאָפּולאַריטעט פון די אַרטיקלען.
• א רשימה פון וועב זייטלעך אין אַלפאַבעטיקאַל סדר מיט די סטיילז ינדאַקייטינג וואָס איר ווי דער בעסטער.
• א רשימה פון וועב רעדאקציע ליסטעד אין פּרייַז סדר מיט די סטיילז ינדאַקייטינג ווי נאָענט יעדער קומט צו אַ פאַר-דיפיינד גאַנג פון קרייטיריאַ.
• א רשימה פון פריינט מיט די סטיילז ינדיקייץ די ווייַטקייט פון דיין הויז צו זייערער.

וואָס טאָן איר דאַרפֿן צו בויען אַ טאַג קלאָוד?

עס איז גרינג צו בויען אַ קוויטל וואָלקן, איר דאַרפֿן בלויז צוויי זאכן:

• א רשימה פון זאכן (ווי וועב אַרטיקלען, וועב זייטלעך, אָדער דיין פריינט)
• א מעזשערמאַנט פֿאַר יעדער פון די ייטאַמז (ווי בלאַט קוקן פּער טאָג, דיין ראַנגקינג 1-10, אָדער די ווייַטקייט צו דיין הויז).

מערסט פאַרבינדן וואָלקן זענען רשימות פון לינקס, אַזוי עס העלפט אויב יעדער נומער האט אַ URL פארבונדן מיט אים. אבער דאָס איז נישט פארלאנגט צו מאַכן אַ וויסואַל כייעראַרקי.

טריט צו בויען אַ טאַג קלאָוד פון פאָלקס לינקס

מיין פּלאַץ האט אַרטיקלען וואָס באַקומען בלאַט קוקן יעדער טאָג, און דעם איז אַ גרינג מעטריק פֿאַר מיר צו נוצן צו שאַפֿן אַ קוויטל וואָלקן. אזוי פֿאַר דעם בייַשפּיל, מיר וועט שאַפֿן אַ קוויטל וואָלקן פון אַ רשימה פון אַרטיקלען, די שפּיץ 25 אַרטיקלען אויף מיין פּלאַץ פֿאַר די וואָך פון יאנואר 1, 2007.

1. באַשטימען ווי פילע לעוועלס איר ווילן אין דיין כייעראַרקי.
   1. בשעת עס ס מעגלעך צו האָבן ווי פילע לעוועלס אין דיין וואָלקן, ווי איר האָבן זאכן אין דיין רשימה, דאָס איז טידיאַס צו קאָד, און די דיפעראַנסיז קענען זיין זייער מינימאַל. איך רעקאָמענדירן קיין מער ווי 10 לעוועלס אין דיין כייעראַרקי.
2. באַשליסן אויף די דורכשניט אַוועק ווייזט פֿאַר יעדער מדרגה.
   1. עס קען זיין ווי פּשוט ווי קאַטינג דיין בלעטער קוקן פּער טאָג אין 1/10 סלייסיז - י.ע. אויב די ביגאַסט בלאַט אויף דיין פּלאַץ געץ 100 בלאַט קוקן אַ טאָג, איר קען רעפטל עס ווי 100 +, 90-100, 80-90, 70-80, אאז"ו ו. איך געהאַקט מיין בלאַט קוקן אַרויף אין אַז שניט.
3. רשימה דיין זאכן אין בלאַט מיינונג סדר, און געבן זיי אַ ריי באזירט אויף שריט 2
   1. דו זאלסט נישט זאָרג אויב איר טאָן ניט האָבן קיין ייטאַמז אין עטלעכע סלאָץ, אַז נאָר גיט די וואָלקן טשיקאַווע.
4. רעסאָרט דיין רשימה אין אַלפאַבעטיקאַל סדר (אָדער וועלכער רגע סאָרט איר ווילן צו נוצן).
   1. דעם איז וואָס מאכט די וואָלקאַן טשיקאַווע. אויב איר פאַרלאָזן עס סאָרטעד דורך ראַנג, דעמאָלט עס וועט נאָר זיין אַ רשימה מיט די גרעסטן זאכן אין די שפּיץ אַראָפּ צו דער קלענסטער בייַ די דנאָ.
5. שרייַבן דיין HTML אַזוי אַז די ריי איז אַ סאָרט נומער. קלאַס = "טאַג 4"> אַדדינג סטרימינג אַודיאָ פילעס

אַמאָל איר האָבן די HTML פֿאַר יעדער יחיד רשימה נומער, און די סדר איר ווילן צו אַרויסווייַזן זיי, איר דאַרפֿן צו מאַכן אַ באַשלוס. איר קענען שטעלן די לינקס אין אַ פּאַראַגראַף און איר'ד זיין געטאן. אבער דעם וואָלט נישט זיין סעמאַנטיקלי אנגעצייכנט, און ווער עס יז אָן קסס קומט צו דיין קוויטל וואָלקן וואָלט נאָר זען אַ גרויס פּאַראַגראַף פון לינקס. דער HTML פֿאַר דעם טיפּ פון רשימה וואָלט קוקן ווי דאָס:

Adding streaming audio files באַסיק טאַגס פֿאַר אַ וועבזייטל בעסטער וועב דיזיין ווייכווארג <אַ הרעף = "/ אנטוויקלונג פון אַ וועב זייַט פֿאַר די טאָוטאַלי פאַרפאַלן. קאָלאָר סימבאָליזם אַ>

אַנשטאָט, איך רעקאָמענדירן איר מאַכן דיין וואַגאָן וואָלקן ניצן אַן אַנאַדערד רשימה. עס ס אַ ביסל מער שורות פון HTML און CSS קאָד אָבער עס ינשורז אַז די צופרידן וועט זיין ליינעוודיק קיין ענין וואס קומט צו זען עס. דער HTML וואָלט קוק ווי דאָס:

• אַדדינג סטרימינג אַודיאָ פילעס <לי> <אַ הרעף = "/html101classes/a/bl_xclass1_2a.htm" class = "tag3"> באַסיק טאַגס פֿאַר אַ וועבזייטל <לי> <אַ הרעף = "/ הטמלעדיטאָרס / אַ / aa121304.htm" class = Tag7 "> בעסטער וועב דיזיין ווייכווארג <לי> בנין אַ וועב זייַט פֿאַר די טאָוטאַלי לאָסט
• קאָליר סימבאָליזם

  אבער ווו זענען די סטילעס פֿאַר די טאַג קלאָוד

  איצט מיר באַקומען צו דעם שפּאַס טייל-די קסס סטיילז. ווען איר נוסח אַ קוויטל וואָלקן, איר יוזשאַוואַלי טוישן די שריפֿט גרייס און די שריפֿט וואָג. איר קענען אויך טוישן די קאָליר פון די שריפֿט אָדער די הינטערגרונט אָדער קיין אנדערע נוסח אַטריביוט, אָבער גרייס און וואָג זענען טראדיציאנעלן.

  איר דאַרפֿן 10 נוסח קלאסן, איינער פֿאַר יעדער קוויטל ריי:

  #cloud a.tag1 {שריפֿט-גרייס: 0.7em; שריפֿט-וואָג: 100; } #cloud a.tag2 {שריפֿט-גרייס: 0.8em; שריפֿט-וואָג: 200; } #cloud a.tag3 {שריפֿט-גרייס: 0.9em; שריפֿט-וואָג: 300; } #cloud a.tag4 {שריפֿט-גרייס: 1.0em; שריפֿט-וואָג: 400; } #cloud a.tag5 {שריפֿט-גרייס: 1.2em; שריפֿט-וואָג: 500; } #cloud a.tag6 {שריפֿט-גרייס: 1.4em; שריפֿט-וואָג: 600; } #cloud a.tag7 {font-size: 1.6em; שריפֿט-וואָג: 700; } #cloud a.tag8 {שריפֿט-גרייס: 1.8em; שריפֿט-וואָג: 800; } #cloud a.tag9 {font-size: 2.2em; שריפֿט-וואָג: 900; } #cloud a.tag10 {font-size: 2.5em; שריפֿט-וואָג: 900; }

  איך ווילן צו אַרייַננעמען עטלעכע סטיילז אַרום די וואָלקן זיך: צענטער די וואָלקן טעקסט, שטעלן אַ שורה-הייך אַזוי אַז די וואָלקן איז ליינעוודיק, און מאַכן זיכער אַז די אַנקער טאַגס האָבן קיין וואַטן אויף זיי:

  #cloud {padding: 2px; שורה-הייך: 3 עם; טעקסט-אַריין: צענטער; } #cloud a {padding: 0px; }

  צום סוף, אויב איר נוצן די סעמאַנטיש סטילינג אופֿן (ie the unordered list), איר דאַרפֿן צו לייגן צוויי מער שורות פון קסס אַזוי אַז די רשימה טוט נישט האָבן בולאַץ און איז נישט ינדענטעד:

  #cloud {גרענעץ: 0; } #cloud li {display: inline; }