השתמש ב- CSS לסגנון ענן תג
ענן תג הוא תיאור חזותי של רשימה של פריטים. לעתים קרובות תראה ענן תגים בבלוגים. זה היה פופולרי על ידי אתרים כמו Flickr.
עננים של תג הם רשימה של קישורים המשתנים בגודל ובמשקל (לפעמים צבע מדי) בהתאם לתכונה מדידת. רוב ענני התג מבוססים על סמך הפופולריות או על מספר הדפים המתויגים בתג המסוים. עם זאת, תוכל ליצור ענן תגים מתוך רשימה של פריטים באתר שלך שיש להם לפחות שתי דרכים להצגתם. לדוגמה:
- רשימה של מאמרים בסדר אלפביתי עם סגנונות המעידים על הפופולריות של המאמרים.
- רשימה של אתרי אינטרנט בסדר אלפביתי עם סגנונות המציין אילו מהם אתה אוהב את הטוב ביותר.
- רשימה של עורכי אינטרנט המופיעים בהזמנת מחירים עם סגנונות המציינים כמה קרוב כל אחד מגיע לקבוצת מוגדרים מראש של קריטריונים.
- רשימה של חברים עם סגנונות המציין את המרחק מהבית שלך שלהם.
מה אתה צריך לבנות ענן תג?
זה קל לבנות ענן תג, אתה רק צריך שני דברים:
- רשימה של פריטים (כגון כתבות אינטרנט, אתרי אינטרנט או חברים)
- מדידת כל אחד מהפריטים (כמו תצוגות דף ליום, הדירוג 1-10, או המרחק לביתך).
רוב ענני התגים הם רשימות של קישורים, ולכן זה עוזר אם לכל פריט יש כתובת אתר המשויכת אליו. אבל זה לא נדרש ליצור היררכיה חזותית.
צעדים כדי לבנות ענן תג של קישורים פופולריים
האתר שלי מכיל מאמרים שמקבלים תצוגות דף בכל יום, וזה מדד קל עבורי כדי ליצור ענן תגים. לכן, עבור דוגמה זו, ניצור ענן תגיות מרשימת מאמרים, 25 הכתבות המובילות באתר שלי לשבוע של 1 בינואר 2007.
- לקבוע כמה רמות אתה רוצה בהיררכיה שלך.
- אמנם זה אפשרי להיות כמו רמות רבות בענן שלך כמו שיש לך פריטים ברשימה שלך, זה מקבל מייגע קוד, ואת ההבדלים יכול להיות מינימלי מאוד. אני ממליץ לא יותר מ 10 רמות בהיררכיה שלך.
- להחליט על לחתוך נקודות עבור כל רמה.
- זה יכול להיות פשוט כמו חיתוך צפיות הדף ליום לתוך 1/10 פרוסות - כלומר. אם הדף הגדול ביותר באתר שלך מקבל 100 תצוגות דף ביום, אתה יכול לחתוך את זה כמו 100 +, 90-100, 80-90, 70-80, וכו 'אני קצוץ הדף שלי תצוגות בצורה זו.
- רשום את הפריטים שלך בסדר הצגת הדף, ונותן להם דירוג בהתאם לשלב 2
- אל תדאג אם אין לך פריטים בחלק מהחריצים, זה רק הופך את הענן למעניין יותר.
- אתר את הרשימה שלך בסדר אלפביתי (או כל סוג אחר שתרצה להשתמש בו).
- זה מה שעושה את הענן מעניין. אם אתה משאיר את זה ממוין לפי דירוג, אז זה יהיה רק רשימה עם הפריטים הגדולים ביותר בחלק העליון עד למטה בתחתית.
- כתוב את ה- HTML שלך כך שהדרגה היא מספר מחלקה. class = "tag4"> הוספת קבצי שמע במדיה זורמת
ברגע שיש לך את ה- HTML עבור כל פריט רשימה בודדת, ואת הסדר שאתה רוצה להציג אותם, אז אתה צריך לקבל החלטה. אתה יכול למקם את הקישורים בפסקה ואתה היית עושה. אבל זה לא יהיה מסומן סמנטית, וכל מי בלי CSS מגיע ענן התג שלך רק לראות סעיף גדול של קישורים. ה- HTML עבור סוג זה של רשימה ייראה כך:
הוספת קבצי אודיו זורמים התוכנה הטובה ביותר לעיצוב אתרים בניית דף אינטרנט עבור האובדן המוחלט סמל סימבוליזם במקום זאת, מומלץ ליצור ענן תגיות באמצעות רשימה לא מסודרת. זה עוד כמה שורות של HTML ו- CSS קוד אבל זה מבטיח כי התוכן יהיה קריא לא משנה מי בא להציג את זה. ה- HTML ייראה כך: עכשיו אנחנו מגיעים לחלק מהנה - סגנונות CSS. בעת הגדרת ענן תג, בדרך כלל אתה משנה את גודל הגופן ואת משקל הגופן. ניתן גם לשנות את הצבע של הגופן או את הרקע או כל תכונה בסגנון אחר, אבל גודל ומשקל הם מסורתיים. אתה צריך 10 שיעורים בסגנון, אחד עבור כל דירוג תג: אני אוהב לכלול כמה סגנונות סביב הענן עצמו: מרכז את טקסט הענן, הגדר גובה שורה כך שהענן יהיה קריא, ולוודא כי תגי העוגן אין ריפוד עליהם: לבסוף, אם אתה משתמש בשיטת הסמנטיקה סטיילינג (כלומר, רשימת unordered), יהיה עליך להוסיף שני שורות נוספות של CSS, כך ברשימה אין כדורים והוא לא מזויף:
אבל איפה הם סגנונות עבור ענן תג