תבנית:עץ משפחה/תיעוד
תבנית זו משמשת לבניית עץ משפחה, מבנה ארגוני או תרשים זרימה המבוסס על תחביר המזכיר אמנות ASCII. העץ מוצג כטבלת HTML המשתמשת בעיצובי CSS. ניתן להשתמש ולהיעזר בקודי ויקי בטקסט לצורך יצירת קישורים פנימיים.
הנחיות
עריכהיש לפתוח את הסכימה עם התבנית {{עץ משפחה/התחלה}}
ולסגור אותה עם התבנית {{עץ משפחה/סוף}}.
בין שתי תבניות אלו יש להשתמש בתבנית {{עץ משפחה}}
כאשר לסירוגין בשורה אחת יש לכתוב את השמות של תיבות הטקסט והכיתוב שלהן
ובשורה השנייה יש לכתוב את תווי הבקרה של המרצפות, שיוצרות חיבורים בין תיבות הטקסט.
תיבות טקסט
עריכהבאופן בסיסי הטקסט שבתבנית מתחלק לשמות של תיבות טקסט ולכיתוב שבתוכן.
השם הוא השם הפנימי (והבלתי נראה) של תיבת הטקסט, והוא העוגן למיקום שבו תופיע תיבת הטקסט במסך. ואילו הכיתוב הוא התוכן שיופיע בתוך תיבת הטקסט, שהוא גמיש מאוד ויכול להכיל תכנים מגוונים.
הצורה הבסיסית של הכתיבה היא:
- שם תיבת טקסט| שם תיבת טקסט=כיתוב פנימי של תיבת הטקסט.
למשל בדוגמה הבאה:
- {{עץ משפחה| | | | סבא | | | |סבא=[[סבא]] שלי}}
שם תיבת הטקסט בדוגמה זו הוא המילה "סבא", ואילו המילים "סבא שלי" הן הכיתוב שיופיע בתוך תיבת הטקסט.
הקו הניצב ("|") מבטא עמודה נוספת בתוך התרשים.
יש לוודא כי שם תיבת הטקסט יהיה זהה בשתי הפעמים בהן הוא נכתב.
ההבדל בין שם לכיתוב
עריכהכאשר התוכנה מזהה סתם תו היא "יודעת" שמדובר או בתו בקרה או בשם של תיבת טקסט. כאשר היא מזהה את סימן השוויון ("=") היא "יודעת" שמדובר בכיתוב בלבד.
במקרה שהוקלד בתבנית שם ללא כיתוב זהה לו, יופיעו התווים של השם כאשר הם מוקפים בסוגריים מסולסלות {{{שם}}} במיקום שסומן. במקרה שהוקלד בתבנית כיתוב ללא שם, לא יופיע דבר במסך.
בחלק של הכיתוב, ניתן להוסיף תווי ויקי רגילים כמו הדגשה, קו תחתי, טקסט מוגדל, טקסט עילי, ואף לשלב תבניות אחרות.
דוגמה
עריכההקוד הבא:
{{עץ משפחה/התחלה}} {{עץ משפחה| | | | סבא |~|ד|~| סבתא | | סבתא=סבתא שלי|סבא=סבא שלי}} {{עץ משפחה| | | | | | | |)|-|-|-|,| }} {{עץ משפחה| | | אמא |ד| אבא | |דודה| אמא=אמא שלי|אבא=אבא שלי|דודה=[[הדודה שלי]]}} {{עץ משפחה| |.|-|-|-|+|-|-|-|,| | | }} {{עץ משפחה| אח | | אני | | אחות | | | אח=אחי הגדול|אני='''אני!'''|אחות=אחותי הקטנה}} {{עץ משפחה/סוף}}
יוצר את העץ הבא:
סבא שלי | סבתא שלי | ||||||||||||||||||||||||
אמא שלי | אבא שלי | הדודה שלי | |||||||||||||||||||||||
אחי הגדול | אני! | אחותי הקטנה | |||||||||||||||||||||||
פרמטרים
עריכההתבנית מייצרת שורה אחת בטבלת עץ המשפחה. התבנית מקבלת עד 99 פרמטרים מספריים (ללא שם) אשר באמצעותם ניתן להגדיר כיצד תיראה השורה. כל פרמטר מייצג מרצפת או תיבת טקסט:
מרצפות הן סמלים המורכבים מקווים אנכיים ואופקיים. כל מרצפת מיוצגת על ידי תו יחיד – אות או סימן פיסוק או מספר. מרצפת ריקה מיוצגת על ידי תו רווח יחיד. להלן רשימת המרצפות והתווים אשר מייצגים אותן:
|
|
|
|
|
- הערות
- המרצפות המסומנות באדום טרם יובאו לתבנית העברית.
- המרצפות המסומנות באפור בהיר הן כפילויות, והן נמצאות היכן שהן נמצאות רק למטרות פריסה תקינה.
- המרצפות "+מעל" לא תמיד מיושר היטיב עם שאר המרצפות. עם יש בעיה אפשר לנסות את המרצפות "+מעל0" ו- "+מעל1_4". כמו כן, היא יוצרת יותר בעיות כאשר משתמשים בפרמטר עובי_קו (עם ערך גדול מ - 1px).
- המצב עם המרצפת +מתחת דומה.
תיבות טקסט יכולות לכלול קוד ויקי. התוכן של תיבות הטקסט נוצר באמצעות פרמטרים שמיים, בנוסף לפרמטר המגדיר את מיקום תיבת הטקסט. אורכה של כל תיבת טקסט – שלוש מרצפות, ולה בדרך כלל גבול שחור ברוחב של 2 פיקסלים. שמה של תיבת הטקסט יכול לכלול כל תו, אך רצוי להימנע משמות בעלי תו יחיד כדי למנוע התנגשות או בלבול עם התווים המייצגים מרצפות.
עיצוב
עריכהניתן לשלוט בעיצוב תיבות הטקסט באמצעות המאפיינים גבול ועיצוב. הראשון קובע את רוחב הגבול בפיקסלים, ואילו האחר משמש להוספת עיצוב מיוחד באמצעות CSS. למשל, הקוד הבא:
גבול
עריכה{{עץ משפחה/התחלה}} {{עץ משפחה|גבול=0|עיצוב=background:#dfd;| | אחת |ד| שתיים | |אחת=תיבה 1|שתיים=תיבה 2}} {{עץ משפחה|גבול=0|עיצוב=background:#dfd;| | |.|-|^|-|,| | }} {{עץ משפחה|גבול=0|עיצוב=background:#dfd;| | אחת | | שתיים | |אחת=תיבה 3|שתיים=תיבה 4}} {{עץ משפחה/סוף}}
ייצר את העץ הבא:
תיבה 1 | תיבה 2 | ||||||||||||||||
תיבה 3 | תיבה 4 | ||||||||||||||||
עיצוב
עריכהניתן גם להוסיף עיצוב ספציפי לכל תיבת טקסט.
יש להתייחס לשם תיבת הטקסט באופן הבא:
|עיצוב_<<שם שדה>>=נוסחת עיצוב;
למשל:
{{עץ משפחה/התחלה}} {{עץ משפחה| | | | |לבן| |מעוגל | | |לבן=תיבה לבנה|מעוגל=תיבה עם פינות מעגלות|עיצוב_מעוגל =border-radius: 8px; }} {{עץ משפחה| |.|-|-|`|!|'|-|-|,| }} {{עץ משפחה|אדום |~|ירוק|~|כחול |אדום=תיבה אדומה|ירוק=תיבה ירוקה|כחול=תיבה כחולה |עיצוב_אדום=background-color: #faa; border: 5px solid blue; |עיצוב_ירוק=background-color: #afa; |עיצוב_כחול=background-color: #aaf; }} {{עץ משפחה/סוף}}
היוצר את עץ המשפחה הבא:
תיבה לבנה | תיבה עם פינות מעגלות | ||||||||||||||||||||||||
תיבה אדומה | תיבה ירוקה | תיבה כחולה | |||||||||||||||||||||||
שימו לב: כאשר מבקשים להוסיף עיצוב לתיבות ספציפיות, יש לוודא ששמות התיבות מיושרות לימין (כלומר, שאין רווח מימין לשם, למשל: "|אדום |
" ולא "| אדום |
"), אחרת התבנית תחפש פרמטר עיצוב המתחיל ברווח.
גם בתבנית {{עץ משפחה/התחלה}} ניתן להוסיף עיצוב CSS באמצעות הפרמטר השמי עיצוב. עיצוב זה משפיע על הטבלה כולה.
לצורך בחירת הצבעים, נתן להשתמש ב{{איכ|אדום|ירוק|כחול}}.
צבע הקווים
עריכהניתן לצבוע חלק מהקווים במרצפות. לשם כן, יש להעביר פרמטר "צבע2" לתבנית. לאחר מכן אפשר להשתמש במרצפות שבהם חלק מהקווים צבועים. כרגע ממומשות המרצפות הצבועות הבאות:
- !2 - קו אנכי צבוע
- -2 - קו מאוזן צבוע
- +ש2 -הצתלבות קווים בהם הקו האנכי צבוע
- +2ש -הצתלבות קווים בהם הקו המאוזן צבוע
אפשר לבקש אופציות צביעה נוספות ממשתמש:Aizenr.[1]
לדוגמה - הקוד:
{{עץ משפחה/התחלה}} {{עץ משפחה|אא|-|בב|אא=א|בב=ב}} {{עץ משפחה| |!| | | |!2| |צבע2=blue}} {{עץ משפחה|אא|-2|בב|אא=ג|בב=ד|צבע2={{איכ|0|200|0}}}} {{עץ משפחה| |+ש2| | | |+2ש| |צבע2=red}} {{עץ משפחה/סוף}}
נותן:
א | ב | ||||||||||||
ג | ד | ||||||||||||
| |||||||||||||
גם כאן, לצורך בחירת הצבעים, נתן להשתמש ב{{איכ|אדום|ירוק|כחול}}.
שליטה על עובי הקווים
עריכהניתן לשלוט על עובי הקווים במרצפות באמצעות הפרמטר עובי_קו. את הפרמטר יש להעביר לתבנית עץ משפחה והוא שולט על כל הקווים באותה השורה. את עובי הקו יש לתת ביחידות css.
לדוגמה - הקוד:
{{עץ משפחה/התחלה}} {{עץ משפחה|אא|-|בב| |אא=1px|בב=1px}} {{עץ משפחה| |!| | |!}} {{עץ משפחה|אא|-|בב| |אא=2px|בב=2px|עובי_קו=2px}} {{עץ משפחה| |!| | |!}} {{עץ משפחה|אא|-|בב| |אא=3px|בב=3px|עובי_קו=3px}} {{עץ משפחה| |!| | |!}} {{עץ משפחה|אא|-|בב| |אא=4px|בב=4px|עובי_קו=4px}} {{עץ משפחה| |!| | |!}} {{עץ משפחה|אא|-|בב| |אא=5px|בב=5px|עובי_קו=5px}} {{עץ משפחה| | | | | }} {{עץ משפחה|אא|-|בב| |אא=1mm|בב=1mm|עובי_קו=1mm}} {{עץ משפחה| |!| | |!}} {{עץ משפחה|אא|-|בב| |אא=2mm|בב=2mm|עובי_קו=2mm}} {{עץ משפחה| |!| | |!}} {{עץ משפחה|אא|-|בב| |אא=3px|בב=3px|עובי_קו=3mm}} {{עץ משפחה| | | | | }} {{עץ משפחה|אא|-|בב| |אא=1px|בב=1em|עובי_קו=1em}} {{עץ משפחה| |!| | |!}} {{עץ משפחה|אא|-|בב| |אא=2em|בב=2em|עובי_קו=2em}} {{עץ משפחה/סוף}}
נותן:
1px | 1px | ||||||||||||||
2px | 2px | ||||||||||||||
3px | 3px | ||||||||||||||
4px | 4px | ||||||||||||||
5px | 5px | ||||||||||||||
1mm | 1mm | ||||||||||||||
2mm | 2mm | ||||||||||||||
3px | 3px | ||||||||||||||
1px | 1em | ||||||||||||||
2em | 2em | ||||||||||||||
בעיה בהתאמת הקווים
עריכהלעיתים נוצרת בעיה בהתאמת הקווים.
למשל הקוד:
{{עץ משפחה/התחלה}} {{עץ משפחה| | |א| |א=א}} {{עץ משפחה| |.|-|^|-|,| }} {{עץ משפחה| |!| | | |!}} {{עץ משפחה|ב| |גג| |ב=ב|גג=ג}} {{עץ משפחה/סוף}}
נותן:
א | |||||||||||||||
ב | ג | ||||||||||||||
ניתן לפתור בעיה זאת על ידי שימוש בפרמטר "עיצוב" ב{{עץ משפחה/התחלה}}. יש להעביר לתבנית זאת את הפרמטר עיצוב=border-collapse:collapse; (אם הפרמטר "עיצוב" כבר קיים אז יש להוסיף לו את המחרוזת "border-collapse:collapse;"[2]).
להלן דוגמה - הקוד:
{{עץ משפחה/התחלה|עיצוב=border-collapse:collapse}} {{עץ משפחה| | |א| |א=א}} {{עץ משפחה| |.|-|^|-|,| }} {{עץ משפחה| |!| | | |!}} {{עץ משפחה|ב| |גג| |ב=ב|גג=ג}} {{עץ משפחה/סוף}}
נותן:
א | |||||||||||||||
ב | ג | ||||||||||||||
שינוי זה משנה את התנהגות התבנית באספקטים מסוימים. בפרט, אם רוצים ליצור פינות מעוגלות לתיבות הטקסט, יש להשתמש בשיטה שונה מהרגיל:[3] יש להעביר לפרמטר "עיצוב"[4] המתאים את הנתונים "border:none;"[5] ו- "outline: 2px solid black;"[6]. אפשר כמובן להחליף את "2px" בעובי המסגרת הרצוי, את "solid" בסגנון הקו הרצוי, ואת "black" בצבע הרצוי. לאחר מכן אפשר להעביר את הנתון "border-radius" כמו בשיטה הרגילה.
להלן דוגמה - הקוד:
{{עץ משפחה/התחלה|עיצוב=border-collapse:collapse}} {{עץ משפחה|עיצוב=outline: 2px solid black; border:none; border-radius: 10px;| | |א| |א=א}} {{עץ משפחה| |.|-|^|-|,| }} {{עץ משפחה| |!| | | |!}} {{עץ משפחה|ב| |גג| |ב=ב|גג=ג|עיצוב_ב=outline: 2px solid black; border:none; border-radius: 10px;}} {{עץ משפחה/סוף}}
נותן:
א | |||||||||||||||
ב | ג | ||||||||||||||
קישורים ותמונות
עריכהניתן להוסיף קישורי ויקי בתרשים. את הקישורים יש לרשום בחלק השני לאחר סימן השוויון ("="). לדוגמה: מנוע=[[מנוע]]. (זהו החלק בו ניתן להוסיף עיצובי ויקי, כמו הדגשה, קו תחתי וכדומה).
כמו כן, ניתן להוסיף תמונות. את התמונה יש להוסיף בחלק השני.
{{עץ משפחה/התחלה}} {{עץ משפחה| | | | | | | | מנוע |מנוע= '''מנוע''' [[מכונה]] הממירה [[אנרגיה]] ל[[עבודה (פיזיקה)|עבודה מכנית]]. [[קובץ:SWassermotor.png|80px]]}} {{עץ משפחה| | | | | | | |.|-|^|-|-|-|-|-|,| | }} {{עץ משפחה| | | | | | | מנוע חום| | | | | |מנוע חשמלי| |מנוע חום= [[מנוע חום]] {{ש}} ממיר מ[[אנרגיה תרמית]] |מנוע חשמלי=[[מנוע חשמלי]] ממיר מ[[אנרגיה חשמלית]] [[קובץ:Motors01CJC.jpg|50px]] }} {{עץ משפחה| | |.|-|-|-|-|+|-|-|-|,| | | |!| }} {{עץ משפחה| | מנוע רקטי| | | טורבינת גז | |מנוע בוכנה | | מקדחה| | | מנוע בוכנה =[[מנוע בוכנה]] [[קובץ:Volkswagen W16.jpg|50px]] | טורבינת גז=[[טורבינת גז]] [[קובץ:J85 ge 17a turbojet engine.jpg|50px]]|מנוע רקטי=[[מנוע רקטי]]|מקדחה=[[מקדחה]]}} {{עץ משפחה| | |!| | | |!| | |.|-|^|-|-|-|,| }} {{עץ משפחה| | מעבורת חלל| | מנוע סילון | |מנוע ארבע פעימות | | |מנוע שתי פעימות | מנוע שתי פעימות=[[מחזור שתי פעימות|מנוע שתי פעימות]]|מנוע ארבע פעימות=[[מחזור ארבע פעימות|מנוע ארבע פעימות]]|מנוע סילון=[[מנוע סילון]] [[קובץ:Iwtschenko AI-25 1.jpg|50px]] |מעבורת חלל=[[מעבורת חלל]][[קובץ:Atlantis taking off on STS-27.jpg|50px]] }} {{עץ משפחה| | | | | | |!| | |.|-|^|-|,| | |'|,| }} {{עץ משפחה| | | | |מטוס קרב| | מכונית| | כלי טיס| |מכסחת דשא |מכונית=[[מכונית]] |מכסחת דשא=[[מכסחת דשא]] [[קובץ:Electric mower underside.jpg|50px]] | כלי טיס=[[כלי טיס]]|מטוס קרב=[[מטוס קרב]] {{ש}}[[קובץ:F-15, 71st Fighter Squadron, in flight.JPG|50px]] }} {{עץ משפחה/סוף}}
נותן את העץ הבא:
קווים מנחים נוספים
עריכה- את כתיבת קוד עץ המשפחה יש לעשות בתבנית מאחר שמדובר בטקסט מתקדם שלא כדאי שיופיע בערכים עצמם. לשם כך יש ליצור תבנית חדשה, בדרך כלל בשם הבא: "[[תבנית:עץ משפחת <שם משפחה>]]". יש לצרף תבנית זו לקטגוריה:תבניות עצי משפחה.
- חלק מעצי המשפחה רחבים מידי בכדי להיכנס לעמוד ללא חריגות. במקרה כזה ממולץ להשתמש ב{{גלילה אופקית}}.
ראו גם
עריכההערות שוליים
עריכה- ^ לא מבטיח להיות זמין, אבל מוזמנים לנסות
- ^ שימו לב, הרכיבים השונים בפרמטר העיצוב צריכים להיות מופרדים בסימן ";"
- ^ אין מניעה להשתמש בשטה זאת גם במקרה הרגיל, היא פשוט מעט יותר מסורבלת.
- ^ אפשר לעשות זאת לפרמטר "עיצוב" של כל התבנית (אז הוא ישפיע על כל תיבות הטקסט בשורה או לפרמטר "עיצוב" של תיבה ספציפית על ידי "עיצוב_שם תיבה").
- ^ נתון זה מבטל את המסגרת הרגילה
- ^ נתון זה יוצר קו מתאר בסגנון הרצוי במקום המסגרת הרגילה