עזרה:שכבות
![]() |
יש לשכתב ערך זה. הסיבה לכך היא: הערך אינו מעודכן, אינו מקיף, אינו בנוי באופן שיטתי, מציג אוסף של דוגמאות אקראיות-למחצה, וסובל מבעיות תחביר ובעיקר מבעיות עיצוב ופריסה מהותיות.
| |
ויקיפדיה תומכת בשכבות (תגי div). שכבות הן מעין חלוניות עצמאיות המסוגלות להכיל מידע. קל לראות בהן מעין טבלה עם תא יחיד. יתרונן על פני הטבלאות הם בניידותן וגמישותן: ניתן למקם אותן בכל מקום בעמוד ולעצב אותן בעיצובים שונים ומגוונים; ניתן ליצור שכבות מקוננות, שאחת מכילה את האחרת; ניתן ליצור שכבות בתוך טבלאות, טבלאות בתוך שכבות. בוויקיפדיה נהוג להשתמש בשכבות ליצירת רשימות ניווט, ליצירת הודעות מערכת, ליצירת תיבות מידע, ליישור מידע לשמאל וליצירת פורטלים. בעבר היה נהוג להשתמש בשכבות בעת בניית גרפים, ואולם כיום עדיף להשתמש בתגי timeline; ראו כאן מידע נוסף.
ראו גם קטגוריה:תבניות עריכה לרשימת תבניות רלוונטיות.
אולי מחר... |
תוכן עניינים
תחביר[עריכת קוד מקור | עריכה]
השכבה נבנית באמצעות שני תגי HTML:
- <div> - תג הפתיחה
- </div> - תג הסגירה
עיצוב ומיקום השכבה נעשים באצעות הגדרת מאפיינים ותכונות בתוך התג הראשון. הקוד מבוסס על CSS. התכונות העיקריות הן id ,class ו-style, לדוגמה:
- <div id="toc">
- <div class="usermessage">
- <div style="background-color: green;">
מאפיינים[עריכת קוד מקור | עריכה]
המאפיינים מוכנסים בהגדרה של מאפיין style="מאפיינים" (יש להחליף את המילה מאפיינים במאפיין הרצוי. סימני השווה והגרשיים חיוניים). כדי להגדיר מאפיין יש לציין את שמו של המאפיין (border, width וכו'), אחר כך להוסיף נקודתיים, אז את הגדרת המאפיין ולאחריו את הסימן נקודה-פסיק(;).
תיאור | תכונה | מאפיינים | ברירת מחדל | הערות |
---|---|---|---|---|
תצוגה | display | מוסתר - none block - הצגה כבלוק |
אין | |
רוחב שכבה | width | auto או אחוזים או יחידות מידה | auto | אין |
גובה שכבה | height | auto או אחוזים או יחידות מידה | auto | אין |
גלישה | overflow | אוטומטית - auto | משמש ליצירה של סרגלי גלילה | |
גופן | font | סגנון, גודל, שם | לפי הדפדפן | לדוגמה: italic normal bolder 12pt Arial. ניתן להשתמש גם בתבנית {{עיצוב גופן}} |
ישור טקסט | text-align | שמאל - left ימין - right מרכז - center מיושר לשני הצדדים - justify |
right | אין |
גובה שורה | line-height | אחוזים או יחידות מידה | normal | אין |
מסגרת | border | רוחב, סגנון, צבע | אין מסגרת | לדוגמה: 3px solid green. ניתן להוסיף מקף וצד כלשהו (כגון left) לשם התכונה כדי להגדיר מסגרת של צד אחד בלבד. |
סגנון מסגרת | border-style | ללא - none מקווקו - dashed מנוקד - dotted קשיח - solid שני קווים - double (לפחות 3px רוחב) |
none | אין |
צבע מסגרת | border-color | צבע | white | אין |
שוליים | margin | יחידות מידה או auto | 0 | התכונה מקבלת עד ארבעה מאפיינים: שוליים עליונים, ימניים, תחתונים ושמאליים - בסדר הזה. לדוגמה, 4px 7px 4px 7px. אם רק מאפיין אחד ניתן, הוא משמש לקביעת כל הצדדים. לדוגמה: 0.5em. ניתן להוסיף מקף וצד כלשהו (כגון left) לשם התכונה כדי להגדיר שוליים של צד אחד בלבד. |
מרווח | padding | אחוזים או יחידות מידה | 0 (ברירת המחדל של טבלה היא 1) | התכונה מקבלת עד ארבעה מאפיינים: מרווח עליון, ימני, תחתון ושמאלי - בסדר הזה. לדוגמה, 4px 7px 4px 7px. אם רק מאפיין אחד ניתן, הוא משמש לקביעת כל הצדדים. לדוגמה: 0.5em. ניתן להוסיף מקף וצד כלשהו (כגון left) לשם התכונה כדי להגדיר מרווח של צד אחד בלבד. |
כיוון כתיבת טקסט בשכבה | dir | ימין לשמאל - rtl שמאל לימין - ltr |
rtl | אין |
עמדה | position | ללא מיקום מיוחד - static מיקום יחסי - relative מיקום מוחלט - absolute |
statis | אם מיקומו יחסי, ניתן להצמיד רק לימין או לשמאל, בתוך שורת הטקסט, עם התכונה float. אם מיקומו מוחלט, ניתן למקמם את השכבה בכל מיקום שיקבע בעמוד באמצעות התכונות left ו-top, אולם השכבה תצוף מעל לטקסט. |
כיוון ציפה של כל השכבה | float | ימין - right שמאל - left |
right | למרכוז לאמצע יש להשתמש בתכונה margin ובמאפיין auto |
שמאל | left | auto או אחוזים או יחידות מידה | auto | המרחק מהשול השמאלי של הדף. יש להשתמש בתכונה זו רק בעת השימוש בתכונה position |
עליון | top | auto או אחוזים או יחידות מידה | auto | המרחק מהשול העליון של הדף. יש להשתמש בתכונה זו רק בעת השימוש בתכונה position |
צבע טקסט | color | צבע | שחור | דוגמה: טקסט בצבע כתום. ניתן להשתמש גם בתבנית {{צבע גופן}} |
צבע רקע | background-color | צבע | white | דוגמה: טקסט ברקע ורוד |
סגנונות מובנים (id ,class)[עריכת קוד מקור | עריכה]
סגנונות[עריכת קוד מקור | עריכה]
לוויקיפדיה הגדרת סגנונות שכבה, בעמוד מערכת מיוחד, כך שלא צריך כל פעם להגדיר את כל השכבה.
דוגמה לסגנון כזה הוא סגנון:
toccolours
אשר מקביל להגדרה:
div style="border:1px solid #aaaaaa; background-color:#f9f9f9;
padding:5px; font-size: 95% ;"
שם | תוצאה | כתיבה | הערה |
class=toccolours | טקסט טקסט טקסט טקסט טקסט |
<div class="toccolours"> טקסט טקסט טקסט טקסט טקסט </div> |
|
class=usermessage | <div class="usermessage"> טקסט טקסט טקסט טקסט טקסט </div> | שונה קצת, משום שזהו class ולא id. אבל אין הבדל בדרך שבה צריך להשתמש. לקוח מתוך ההודעה "יש לך הודעות חדשות.." | |
id=footer | <div id="footer"> טקסט טקסט טקסט טקסט טקסט </div> | השורה בתחתית כל דף עם הקישורים "אודות ויקיפדיה", "הבהרה משפטית" וכדומה | |
class=pBody | טקסט טקסט טקסט טקסט טקסט טקסט |
<div class="pBody"> טקסט טקסט טקסט טקסט טקסט טקסט </div> | זהו class ולא id אבל אין הבדל בדרך שבה צריך להשתמש. לקוח מתוך תיבת הניווט בצד ימין. |
דוגמאות[עריכת קוד מקור | עריכה]
הסבר | קוד | תוצאה | ||||||
יישור לשמאל |
<div dir=ltr align=left>
</div> |
| ||||||
המטרה בדוגמה זו ליצור שכבה פשוטה בעלת גבול מקווקו שתהיה צמודה לשמאל | <div style="width: 121px; height: 121px; border: 1px dashed blue; float: right" > ניסיון</div> | ניסיון
| ||||||
זרימת טקסט מסביב לשכבה | אחת שתיים שלוש אני אחשוורוש <div id="layer1" style="width:141px; height: 141px; border: 1px dashed blue; float: left" > ניסיון</div> ארבע חמש שש אני מלכת אסתר | אחת שתיים שלוש אני אחשוורוש ניסיון ארבע חמש שש אני מלכת אסתר
| ||||||
המטרה בדוגמה זו ליצור שכבה בגודל של רבע תא ברקע אפור שתהיה צמודה לימין | <div id="layer2" style="width:50%; height: 50%; border: 3px dashed blue; float: right; background-color: #808080" > ניסיון</div> | ניסיון
| ||||||
שימוש בשכבה במיקום מוחלט, באמצעות position: absolute; אפשר להגיע בשיטה כזו לכל מקום בעמוד. | <div id="layer3" style="position: absolute; width: 50%; height: 60px; border: 1px dashed blue; " > ניסיון</div> | ניסיון
| ||||||
תמונת רקע בתוך השכבה (משום מה לא עובר קומפילציה של ויקיפדיה) | <div style="position: absolute; right: 547px; top: 19px; width: 246px; height: 154px; z-index: 2; background-image: url('http://upload.wikimedia.org/wikipedia/he/4/42/Inbal-workshop.jpg'); background-position: left center" id="layer2"> </div> | |||||||
הוספת סרגל גלילה באמצעות תכונת - overflow | <div style="border: 1px dashed blue; height: 100px; width: 141px; overflow: auto"> http://upload.wikimedia.org/wikipedia/he/4/42/Inbal-workshop.jpg מי יודע מדוע ולמה לובשת הזברה פיג'מה מי יודע מדוע ולמה לובשת הזברה פיג'מה;</div> | http://upload.wikimedia.org/wikipedia/he/4/42/Inbal-workshop.jpg מי יודע מדוע ולמה לובשת הזברה פיג'מה מי יודע מדוע ולמה לובשת הזברה פיג'מה;
| ||||||
גרפים - שימוש בשכבות שמייצגות גרפים בתוך טבלת ויקי | {| border="1" align="center" |- valign="bottom" align="center" | <div style="border-style:outset; height: 25px; width: 41px; right: 656px; top: 109px; background-color: #6699FF" > <p align="center"> 47</p> </div> | <div style="height: 114px; border-style:outset; border-width:5px; width: 41px; right: 424px; top: 46px; background-color: #00CC99" > <p align="center"> 214</p> </div> | <div style="height: 51px; border-style:outset; width: 41px; right: 540px; top: 112px; background-color: #008080; padding-left:-5px" > <p align="center"> 97</p> </div> |- | 2000 | 2001 | 2002 |- |} |
| ||||||
גרף אנכי - שימוש מקונן - שלוש שכבות בתוך שכבה אחת | <div> <div style="border-style:outset; height: 25px; width: 41px; right: 656px; top: 109px; background-color: #6699FF" > <p align="center"> 47</p> </div> <div style="height: 25px; border-style:outset; border-width:5px; width: 147px; right: 424px; top: 46px; background-color: #00CC99" > <p align="center"> 214</p> </div> <div style="height: 25px; border-style:outset; width: 74px; right: 540px; top: 112px; background-color: #008080" > <p align="center"> 97</p> </div> </div> |
47 214 97 | ||||||
טבלה בתוך שכבה | <div style="height: 25px; border-style:outset; width: 74px; right: 540px; top: 112px; background-color: #008080" > <p align="center"> {| border=1 | שנת 2000 | שנת 2001 | שנת 2002 |} |
| ||||||
גרף בתוך שכבה; יתרונו שגובה העמודים כתוב באחוזים | <div style="border-width:3px; border-style:double; width: 140px; height: 185px; right: 600px; top: 68px; float:left; background-color:#C0C0C0"> <div style="height: 47%; border-style:outset; background-color: #6699FF; float:left" > <p align="center"> 47</p> </div> <div style="height: 88%; border-style:outset; background-color: #00CC99; float:left" > <p align="center"> 88</p> </div> <div style="height: 97%; border-style:outset; background-color: #008080; float:left" > <p align="center"> 97</p> </div> <div style="height: 50%; border-style:outset; background-color: #FFCC99; float:left" > <p align="center"> 50</p> </div> <div style="height: 33%; border-style:outset; background-color: #4186BE; float:left" > <p align="center"> 33</p> </div> </div> |
47 88 97 50 33 |
דוגמה לגרפים בוויקיפדיה[עריכת קוד מקור | עריכה]
כותרת הגרף | |||||
47 |
207 |
452 |
214 |
97 |
|
שנת 2000 | שנת 2001 | שנת 2002 | שנת 2003 | שנת 2004 | מספר |
דוגמה לתצוגת ערך בשכבה נגללת[עריכת קוד מקור | עריכה]
הדף עזרה:בינוויקי מופיע בשלמותו בחלונית ו"נשאב" באמצעות התצורה הבאה:
<div style="border: 1px dashed blue; height: 150px; width: 75%; overflow: auto"> {{עזרה:בינוויקי}} </div>
והתוצאה:
- דף זה הוא דף ארכיון. כיום לא נהוג להשתמש בבינוויקי באופן המתואר בדף, פרט למקרים יוצאי דופן, וקישורי הבינוויקי מתבצעים אך ורק בעזרת ויקינתונים. ראו עזרה:בינוויקי בוויקינתונים
דף זה הוא דף ארכיון של דיון או הצבעה שהסתיימו. את המשך הדיון יש לקיים בדף השיחה של הערך או הנושא הנידון. אין לערוך דף זה.
ויקיפדיה היא פרויקט בין־לאומי ורב־לשוני. ניתן לקשר בין מאמרים שעוסקים באותו נושא בוויקיפדיות בשפות שונות. קישורים כאלה מכונים קישורי בינוויקי והם מתוחזקים על ידי ויקינתונים.
קישור נכון ומלא בין ערכים בשפות שונות עוזר לקוראים ולעורכים ומקדם את הוויקיפדיות בכל השפות.
ויקינתונים[עריכת קוד מקור | עריכה]
ערך מורחב – עזרה:בינוויקי בוויקינתונים
החל מינואר 2013, מופעלת במיזמי קרן ויקימדיה מערכת הנקראת "ויקינתונים". מערכת זו תומכת בקישורי בינוויקי מרכזיים, כלומר מהווה בסיס נתונים המרכז את המידע לצורך קישורים בין ערכים באותו נושא בוויקיפדיות בשפות השונות. השינוי או התיקון בוויקינתונים מבוצע על ידי לחיצה על קישורית "עריכת הקישורים" שמופיעה מתחת לרשימה מימין בתפריט.
קישור רק בין מאמרים בודדים[עריכת קוד מקור | עריכה]
דפים העוסקים באותו נושא, בשפות שונות, צריכים להיות מקושרים ביניהם. בדרך כלל, כל ערך בוויקיפדיה העברית צריך להיות מקושר לערך אחד לכל היותר בכל ויקיפדיה אחרת. בפרט, אם שם הערך הלועזי הוא תרגום מדויק של השם העברי והם דנים באותו נושא, גם אם לא באותה רמת פירוט, כנראה שכדאי לקשר ביניהם. במקרים אחרים יש להפעיל שיקול דעת פרטני.
מצבים שרצוי להימנע מהם, אלא אם יש סיבה עניינית:
- קישור מערך אחד בעברית לשני ערכים או יותר באותה שפה זרה. אפשר לנקוט בשלוש דרכים:
1. בחר את הקישור הזר שמתאים יותר ומחק את הקישור האחר.
2. שקול פיצול של הערך העברי. למשל:
- [[en:Democracy]]
- [[ca:Democràcia]]
- [[en:People's rule]]
3. השאר המצב כפי שהוא (הצף את הנושא בדף השיחה).
- קישור מערך שלם בעברית לפסקה בתוך ערך בשפה זרה. בחר בין האפשרויות הבאות:
- צור דף הפנייה בויקיפדיה הזרה המקשר לפסקה האמורה וחבר אותו לערך בעברית באמצעות ויקינתונים.
- החלף את הקישור בקישור מתאים יותר.
- מחק את הקישור (ציין זאת בדף השיחה).
- השאר את המצב כפי שהוא (אם מבנה הערכים מצדיק זאת).
- שקול לפצל את הערך בוויקיפדיה הזרה. למשל:
- [[ca:Democràcia#Democràcia participativa]]
- רשימה של דפים עם קישורי בינוויקי לפסקאות
- קישור משני מאמרים שונים בעברית לאותו מאמר בשפה זרה. יתכן שרצוי למחוק את אחד הקישורים ולציין ש"אין בינוויקי". למשל אם הערכים קין והבל וקין מקשרים שניהם לערך cs:Kain בצ'כית, צריך למחוק את הקישור הזה מהערך קין והבל, כי יש הקבלה ברורה בין הערך העברי קין לבין cs:Kain, הערך הצ'כי על קין.
הקפדה על הכתיב של שם הערך הלועזי[עריכת קוד מקור | עריכה]
יש להקפיד ששמות הערכים בקישורי בינוויקי יהיו זהים לכתיבתם בוויקיפדיה זרה. הדרך הפשוטה להשיג זאת היא על ידי העתקה של שם הערך הלועזי והדבקתו לקישור בינוויקי (copy & paste). ישנם ערכים שבהם מופיעים קישורים שלא מקפידים על כך ויש לתקן מצבים כאלה:
- אי־הקפדה על אותיות קטנות וגדולות: קישור ל-el:εγκέφαλος בערך מוח (יוונית; צ"ל Εγκέφαλος), או קישור ל-en:fallout shelter בערך מקלט גרעיני. (אנגלית; צ"ל Fallout shelter). קישורים עם רישיות לא נכונה עשויים לעבוד נכון כקישורים, אבל הם מבלבלים את הבוטים ולכן לא מתעדכנים נכון.
- הופעה של מספרי תווי יוניקוד במקום תווים אמיתיים. זה קורה לעתים מסיבות טכניות בדפים שקישורי בינוויקי נוספו אליהם לפני זמן רב, על ידי בוטים שלא פעלו כשורה או על ידי גולשים שהשתמשו במערכות הפעלה או דפדפנים ישנים שלא תומכים ביוניקוד באופן מלא. ויקיפדיה כן תומכת ביוניקוד באופן מלא ויש לתקן קישורים כאלה, שיהיו כתובים בתווים האמיתיים. קישורים עם מספרי תווים מכילים מחרוזות בסגנון הבא:
- %C4%B0%C5%9F (במקום İş)
- Š (במקום Š)
- 性別 (במקום 性別).
- רשימה של דפים עם קישורים עם מספרי תווים
קישורי בינוויקי לתבניות[עריכת קוד מקור | עריכה]
ניתן לקשר תבניות בקישורי בינוויקי כאשר יש בוויקיפדיה זרה תבנית שמיועדת למטרה דומה. גם כאן יש לבצע את הקישור דרך ויקינתונים.
קישור בין מרחבי שמות שונים[עריכת קוד מקור | עריכה]
בדרך כלל יש לקשר בין דפים שנמצאים באותו מרחב שמות (namespace).
חשוב לשמור על כללים אלה:
- יש לקשר ממרחב הערכים רק למרחב הערכים.
- יש לקשר ממרחב קטגוריה רק למרחב קטגוריה (טעות נפוצה למדי היא לקשר בין ערכים לבין דפי קטגוריות ולהפך).
- יש לקשר ממרחב תבנית רק למרחב תבנית, גם כשמדובר בתבניות שמשמשות כרשימות שקיימות בוויקיפדיה אחרת במרחב הערכים.
הכללים לגבי המרחבים הטכניים והקהילתיים – "עזרה", "ויקיפדיה" ו"פורטל" – פחות נוקשים. למשל, ייתכן שנושא טכני כלשהו נמצא בוויקיפדיה העברית במרחב "עזרה" ובוויקיפדיה האנגלית במרחב "ויקיפדיה". אם הדפים עוסקים באותו נושא, ניתן לקשר ביניהם, אם כי אפשר גם לשקול להעביר את הדף למרחב שמות אחר.
לרוב לא אמורה להיות סיבה לקשר ממרחב הערכים לאחד ממרחבי השמות הטכניים. אם בוויקיפדיה זרה כלשהי נושא טכני מתואר במרחב הערכים, כדאי לפנות לשגרירות של אותה ויקיפדיה ולהציע לעורכיה להעביר את הדף למרחב שמות מתאים יותר (מצבים כאלה קורים לעתים קרובות בוויקיפדיות חדשות וקטנות).
ראו גם[עריכת קוד מקור | עריכה]
ניתן באופן דומה "לשאוב" דף ממרחב הערכים - במקרה זה יש להוסיף נקודתיים לפני שם הדף. ללא נקודתיים ובלי מרחב שם, המערכת תניח שמדובר בדף ממרחב התבניות.