א"ב בבנית אתרים

ובכן , ביקשתם יותר פירוט על איך בונים מסגרות.. אז הנה..

ראשית מהם מסגרות?
מסגרות הן דרך לבנות דף אינרטנט שמורכב מכמה דפים יחד. זאת אומרת שלדוגמה אפשר לבנות את התפריט פעם אחת ולהכניסו להרכב הדף.. אז לא נצטרך לשנותו בכל הדפים כשיהיה שינוי.. בחלק אחר שניבחר יהיה התוכן המרכזי שיהיה גם הוא נורכב מדף נפרד ואפשר שבחלק העליון תהיה כותרת ,גם היא.. ניחשתם מדף נפרד.
מסגרות נכללות בתוך מבנה FRAMESET . מבנה זה בא במקומו של התג המכיל BODY .

<FRAMESET >

</FRAMESET>
</HTML>

הדף שירכז את כל הדפים שיבנו את מערכת הפריימים (מסגרות) יהיה דף אחד בשם כל שהוא.
אם הוא הדף הפותח את האתר שלכם - כמובן שהוא יהיה INDEX.HTML

כל הסיפור הוא בהרכבת הדף הכולל את כל הדפים.. ממש כמו פזל..
אז בואו נכיר כמה תגים בסיסיים לנושא:

frameset = תג פותח מערכת - סט של מסגרות
cal = טור - חלוקה לאורך בדף I
row = שורה - חלוקה לרוחב בדף --
מספר ללא סימן לידו = מידה בפיקסלים
מספר וסימן % לידו = מידה באחוזים
* = כוכבית אומרת מידה של שארית הדף - מידה שלא מוגדרת לא במספר ולא באחוז - תתקבל מיתרת רוחב הדף פחות המידות שהוגדרו.
frame src = המקור - איזה דף להציג כאן..ישול להיות דף מהתיקיית האתר שלכם או קישור לרשת.
name= שם המסגרת - חשוב שתיהיה לכל מסגרת שם משלה כדי שנוכל להפנות אליה קישורים.
target= לאן לשלוח את הקישור - לאיזה דף במערכת הפריימים
frameborder = מסגרת לפריים - האם אנו רוצים לראות איפה נתחילה ונגמרת המסגרת? התשובות יכולות להיות :" yes" , no,Auto
border="0" = אם נרצה מסגרת כך נגדיר את מידתה.
scrolling= אם נרצה גלגלת או לא.. התשובות יכולות להיות - "NO" ,yes,Auto בגרשיים.
noresize = לא תוכלו לשנות את גדלי המסגרות (הכוונה לצופה)

וכעת לדוגמאות:
לחלון שיראה כך:

ומה זה אומר? - הנה.. הפקודה אומרת בשורה הראשונה שיש לחלק את הדף לשני חלקים שווים- כל אחד 50% של רוחב הדף.
שימו לב למילה cals שמשמעותה טורים - חלוקה ואורך !!! -- כל טור ברוחב של 50% של הדף.
פה המקום לאמר שמידות הרוחב או האורך יכולות להינתן בפיקסלים או אחוזים.. ואפשר להשאיר כוכבית-* שזה אומר "כל היתר" - למשל חלק את הדף לטורים של 500 פיקסלים ו * כוכבית.. השאר את יתרת רוחב הדף - תהיה כמה שתיהיה.. פסיק מפריד בין המידות !
*,450
אם נרשום מספר = זה שווה פיקסלים
%=אחוזים
* = כל מה שנישאר
בשורה השניה יש קריאה לדף הראשון שיהיה בצד שמאל. זה יהיה הדף שניקרא פה -page1.html
בשורה השלישית יש קריאה לדף השיני - זה שיהיה בצד ימין.. והוא נקרא - page2.html
אחרי הכל יש סגירת הפקודה של המסגרת.

בואו נראה דוגמה נוספת..
הנה הקוד של הקישור הבא :

שימו לב שכאשר אנו מחלקים את הדף ברוחב ואחר כך באורך פקודת ה frameset יכולה לחזור כמה פעמים.. אין כל בעיה עם זה רק שצריך לזכור לסגור אותה באותו מספר הפעמים שפתחנו אותה..

וכעת לעניין הקישורים בין המסגרות.

כמו שכבר אמרתי למעלה - לכל מסגרת יש שם. אנו נשתמש בשם הזה כדי להפנות את הקישור שיכנס אל המסגרת הרצויה לנו.
כלאמר - אם קראנו למסגרת שלנו בשם סתמי כמו... "WOW" נפנה את הקישור כך:

<a href="tips.htm" target="WOW">הקישור לדף באתר</a>

כמובן שכדאי לתת לכל מסגרת שם שיהיה בו קשר למיקומה בדף.. זה יהיה הרבה יותר קל לדעת למי ומה התיחסנו.

סיפור מסגרת נוסף הוא האייפריים Iframe

ומהו האייפריים?
ובכן זוהי מעין פריצת חלק של הדף - משהוא כמו פתיחת חלון בדף בו אנו מראים דף אחר.

הקוד הוא זה:

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

וכמו בהסבר למעלה בנושא הקישורים לפריימים תוכלו גם כאן להפנות קישורים לתוך חלון האייפריים בעזרת ההפניה אל שם המסגרת הרשום בתוך התג - name="שם"

CSSלפריימים
כמובן שנוכל בעזרת סטיילשיט לעצב לנו את המסגרות כמו שאנו אוהבים ורוצים,

This message is only visible to older browsers. Replace this with meaningful content!

והנה אתר שייצור לכם את הקוד למסגרת פנימית כזו

לדף הבית	ספר אורחים	טיפים	CSS	פלש	גאווה אפלט	גאווה סקריפט	גרפיקה	HTML
ובכן , ביקשתם יותר פירוט על איך בונים מסגרות.. אז הנה.. ראשית מהם מסגרות? מסגרות הן דרך לבנות דף אינרטנט שמורכב מכמה דפים יחד. זאת אומרת שלדוגמה אפשר לבנות את התפריט פעם אחת ולהכניסו להרכב הדף.. אז לא נצטרך לשנותו בכל הדפים כשיהיה שינוי.. בחלק אחר שניבחר יהיה התוכן המרכזי שיהיה גם הוא נורכב מדף נפרד ואפשר שבחלק העליון תהיה כותרת ,גם היא.. ניחשתם מדף נפרד. מסגרות נכללות בתוך מבנה FRAMESET . מבנה זה בא במקומו של התג המכיל BODY . <HTML> <HEAD></HEAD> <FRAMESET > </FRAMESET> </HTML> הדף שירכז את כל הדפים שיבנו את מערכת הפריימים (מסגרות) יהיה דף אחד בשם כל שהוא. אם הוא הדף הפותח את האתר שלכם - כמובן שהוא יהיה INDEX.HTML כל הסיפור הוא בהרכבת הדף הכולל את כל הדפים.. ממש כמו פזל.. אז בואו נכיר כמה תגים בסיסיים לנושא: frameset = תג פותח מערכת - סט של מסגרות cal = טור - חלוקה לאורך בדף I row = שורה - חלוקה לרוחב בדף -- מספר ללא סימן לידו = מידה בפיקסלים מספר וסימן % לידו = מידה באחוזים * = כוכבית אומרת מידה של שארית הדף - מידה שלא מוגדרת לא במספר ולא באחוז - תתקבל מיתרת רוחב הדף פחות המידות שהוגדרו. frame src = המקור - איזה דף להציג כאן..ישול להיות דף מהתיקיית האתר שלכם או קישור לרשת. name= שם המסגרת - חשוב שתיהיה לכל מסגרת שם משלה כדי שנוכל להפנות אליה קישורים. target= לאן לשלוח את הקישור - לאיזה דף במערכת הפריימים frameborder = מסגרת לפריים - האם אנו רוצים לראות איפה נתחילה ונגמרת המסגרת? התשובות יכולות להיות :" yes" , no,Auto border="0" = אם נרצה מסגרת כך נגדיר את מידתה. scrolling= אם נרצה גלגלת או לא.. התשובות יכולות להיות - "NO" ,yes,Auto בגרשיים. noresize = לא תוכלו לשנות את גדלי המסגרות (הכוונה לצופה) וכעת לדוגמאות: לחלון שיראה כך: הפקודה: <frameset cols=50%,50%> <frame src="page1.html> <frame src="page2.html> </frameset> ומה זה אומר? - הנה.. הפקודה אומרת בשורה הראשונה שיש לחלק את הדף לשני חלקים שווים- כל אחד 50% של רוחב הדף. שימו לב למילה cals שמשמעותה טורים - חלוקה ואורך !!! -- כל טור ברוחב של 50% של הדף. פה המקום לאמר שמידות הרוחב או האורך יכולות להינתן בפיקסלים או אחוזים.. ואפשר להשאיר כוכבית-* שזה אומר "כל היתר" - למשל חלק את הדף לטורים של 500 פיקסלים ו * כוכבית.. השאר את יתרת רוחב הדף - תהיה כמה שתיהיה.. פסיק מפריד בין המידות ! ,450 אם נרשום מספר = זה שווה פיקסלים %=אחוזים = כל מה שנישאר בשורה השניה יש קריאה לדף הראשון שיהיה בצד שמאל. זה יהיה הדף שניקרא פה -page1.html בשורה השלישית יש קריאה לדף השיני - זה שיהיה בצד ימין.. והוא נקרא - page2.html אחרי הכל יש סגירת הפקודה של המסגרת. בואו נראה דוגמה נוספת.. הנה הקוד של הקישור הבא : <frameset rows="" cols=",130" framespacing="0" frameborder="NO" border="0"> <frameset rows="80," frameborder="NO" border="0" framespacing="0"> <frame src="page3.htm" name="topFrame" scrolling="NO" noresize > <frame src="page2.htm" name="mainFrame"> </frameset> <frame src="page1.htm" name="rightFrame" scrolling="NO" noresize > </frameset> שימו לב שכאשר אנו מחלקים את הדף ברוחב ואחר כך באורך פקודת ה frameset יכולה לחזור כמה פעמים.. אין כל בעיה עם זה רק שצריך לזכור לסגור אותה באותו מספר הפעמים שפתחנו אותה.. וכעת לעניין הקישורים בין המסגרות. כמו שכבר אמרתי למעלה - לכל מסגרת יש שם. אנו נשתמש בשם הזה כדי להפנות את הקישור שיכנס אל המסגרת הרצויה לנו. כלאמר - אם קראנו למסגרת שלנו בשם סתמי כמו... "WOW" נפנה את הקישור כך: <a href="tips.htm" target="WOW">הקישור לדף באתר</a> כמובן שכדאי לתת לכל מסגרת שם שיהיה בו קשר למיקומה בדף.. זה יהיה הרבה יותר קל לדעת למי ומה התיחסנו. סיפור מסגרת נוסף הוא האייפריים Iframe* ומהו האייפריים? ובכן זוהי מעין פריצת חלק של הדף - משהוא כמו פתיחת חלון בדף בו אנו מראים דף אחר. הקוד הוא זה: <iframe src="dic.htm" name="MyFrame" width="80%" height="400" align="center">הכתוב פה יהיה גלוי רק למי שלא מסוגל לראות אייפריים!</iframe> This message is only visible to older browsers. Replace this with meaningful content! תגים נוספים הנלווים לאייפריים תוכלו לראות בקישור הזה פה תמצאו מהו התג אם אתם רוצים מסגרת בעובי מסויים ,גלגלת, ועוד... וכמו בהסבר למעלה בנושא הקישורים לפריימים תוכלו גם כאן להפנות קישורים לתוך חלון האייפריים בעזרת ההפניה אל שם המסגרת הרשום בתוך התג - name="שם" CSSלפריימים כמובן שנוכל בעזרת סטיילשיט לעצב לנו את המסגרות כמו שאנו אוהבים ורוצים, This message is only visible to older browsers. Replace this with meaningful content! והנה אתר שייצור לכם את הקוד למסגרת פנימית כזו								איך בונים מסגרות - פריימים