יום חמישי א באייר, 27 באפריל

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

   : חפש ראשי

מסגרות (פריימים) - חלק א'

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

השימוש בפריים
--------------------------
על מנת ליצור פריים צריך לבנות דף שהוא קצת שונה מכל הדפים שכותבים ב-HTML
אין בדף זה את התגית BODY מכיוון שלדף זה לא יהיה גוף אלא יהיו בו רק פיצולים לדפים נוספים. הדפים הנוספים הם קבצים שונים,
לדוגמא:
index.html - בדף זה יהיה רק הקוד שמפצל את המסך לפריימים
navigation.html - הדף שיוצג בחלון אחד מהפריימים (מסגרת הניווט למשל)
main.html - עוד דף שיראה בפריימים (המסגרת המרכזית לתוכן)

אז איך מפצלים את החלון???
-----------------------------------------
הקובץ הראשי שיפצל את המסך שבדוגמא זו הוא index.html ויכלול את הקוד הבא:

<html>

<frameset cols="25%,75%">
<frame src="navigation.html">
<frame src="main.html">
</frameset>

</html>

כפי שרואים בדוגמא אין תגיות נוספות חוץ מהתגית HTML (אין את תגיות HEAD ו BODY)
התגית הראשונה נועדה לפצל את המסך: FRAMESET זו תגית שמגדירה את פיצול המסך.

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

<frameset cols="25%,75%">

</frameset>

כפי שאתם רואים לתגית FRAMESET ישנה גם תגית סוגרת שבתוכה תהינה תגיות FRAME
שנדבר עליהן בהמשך.

המאפיינים של התגית FRAMESET הם COLS ו ROWS
COLS קובע שפיצול המסך יהיה אנכי, בעמודות.
וROWS קובע שפיצול המסך יהיה אופקי, בשורות (בהמשך נלמד איך אפשר להשתמש בשניהם בו זמנית)
שתי דוגמאות לשימוש של ROWS ו COLS

<frameset cols="25%,75%">

<frameset rows="25%,75%">

כדי לקבוע את גודל הפיצול שנרצה נרשום באחוזים, מס' פיקסלים או * ואת גודל כל חלק
ונפריד אותם ע"י פסיקים.
(* = ההפרש הנותר במסך לאחר שימוש של פריימים נוספים, לדוגמא בפריים ראשון רשמנו 20%, זאת אומרת שה* בפריים השני יהיה שווה ל 75% שהוא ההפרש שנותר מתוך 100%).

הסדר של כתיבת החלקים מאוד חשוב, כאשר נשתמש בתגית FRAME בה נקבע את שם הקובץ שנשתמש בחלון קריאת הרשימה למעלה תלך משמאל לימין ורשימת הפריימים תלך מהראשון לאחרון , כלומר אם רשמנו שהפריים הראשון 25% והשני 75%
אזי נכתוב בשמות הפריימים את הקובץ navigation.html ראשון ואת הקובץ main.htmlשני או כל קובץ אחר לפי הצורך.

מהי התגית FRAME?
תגית פריים היא בעצם התגית שמגדירה את שמו של החלון והקובץ שבו ישתמש החלון.
תגיות אלו נכתבות בין התגית הפותחת לסוגרת של FRAMESET, לתגית FRAME אין תגית סוגרת
דוגמא:


<frame src="main.html" name="main">



SRC הוא המאפיין המגדיר את הקובץ שיוצג בחלון וNAME ישמש אותנו למשהו אחר שאלמד מאוחר יותר.
NAME הוא בעצם שם שצריך להיות יחודי לכל פריים.
ניצור את התגית FRAME כמספר החלקים שעשינו במאפיין FRAMESET
שימו לב שבקוד הבא קיימים שני חלקים במאפיין COLS של התגית FRAMESET
שהם 25% ו 75% לכן, בין התגית הפותחת לסוגרת של FRAMESET
ניצור שתי שורות של התגית FRAME כמו בדוגמא הבאה:

<frameset cols="25%,75%">
<frame src="navigation.html" name="nav" >
<frame src="main.html" name="main" >
</frameset>

יצירת קישורים שישפיעו על פריימים שונים
בכדי ליצור אינטראקטיביות באתר וקצת קישוריות אפשר יהיה לשלוט מכל חלון (פריים) על חלון אחר ע"י שמו (המאפיין NAME בתגית FRAME).
השימוש הוא דומה ליצירת קישור רגיל (אם אתם לא זוכרים יש לחזור על שיעור הקישורים)
רק בתוספת מאפיין הנקרא TARGET אשר מגדיר את פריים המטרה של הקישור (באיזה פריים יפתח הקישור)
לפיכך נגדיר שהמטרה היא חלון מסוים ונכתוב את שמו של החלון.
לדוגמא הקובץ navigation.html יראה כך:

<html>
<head>
<title>Navigation </head>
<body>

<a href="info.html" target="main">Information Page
</body>
</html>



בדוגמא זו אנו מראים שע"י לחיצה על הקישור אנו נעבור לקובץ info.html (או כל קובץ אחר)
שיפתח בחלון השני ששמו MAIN (כך הוגדר כשיצרנו את הפריים)
באותה דרך אפשר לקשר מהפריים השני לתוך הפריים הראשון (יוצרים קוד זה בשם הקובץ של הפריים השני ומשנים את שם הפריים בקישור מMAIN ל NAV כפי שהוגדר ביצירת הפריימים בקובץ index.html)

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

שיהיה לכם שבוע טוב!
שימי

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




15.11.2003



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


מורס, סמואל פינלי בריז

לפי תאריך :

כתוב לנו | ספר אורחים | אמנת פרטיות | פרסם בבז | הוסף אתר
כל הזכויות שמורות בז © 2000-2002 תנאי שימוש
האתר נבנה ומתוחזק עלידי אפוק