» נושאי לימוד
» נושאי לימוד
יום רביעי 16 באוקטובר 2019
סדרת מסגרות
דף ראשי  בניית אתרים  מסגרות (Frames)  סדרת מסגרות גרסה להדפסה

סדרת מסגרות                                  

 

בדפים הבאים נביא דוגמאות רבות לשימוש במסגרות. כדי להמחיש דוגמאות אלו נשתמש בקישורים אשר יפתחו חלונות הדגמה בנושאים הנלמדים. אל תבהל! לאחר שתבין את הדוגמא תוכל פשוט ללחוץ עם סמן העכבר על סמן ה - X בקצהו העליון של החלון, ע"י כך לסגור אותו ולהמשיך בלימוד כרגיל.

 

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

 

 

שיטה 1: הגדרת סדרת מסגרות בתוך סדרת מסגרות

 

לפניך סידור בעל שתי שורות של מסגרות כאשר לתחתונה יש שתי עמודות של מסגרות: דוגמה 6 . הקוד שיוצר סידור זה הוא:

 

<frameset rows="20%,80%">
<frame src="file1.html">

   <frameset cols="20%,80%">
      <frame src="file2.html">
      <frame src="file3.html">
   </frameset>

</frameset>

 

 

 

לפניך דוגמא דומה, אבל שני העמודים התחלפו והמסגרות נהיו borderless, זאת אומרת ללא מסגרת.  דוגמה 6א. זהו הקוד:

 

 <frameset rows="20%,80%" border="0">
<frame src="file1.html">
   <frameset cols="
80%,20%">
      <frame src="file2.html">
      <frame src="file3.html">
   </frameset>
</frameset>

 

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

 

 

 <frameset rows="20%,80%">
<frame src="file1.html">
   <frameset cols="80%,20%
border="0"">
      <frame src="file2.html">
      <frame src="file3.html">
   </frameset>
</frameset>

 

במקרה זה הפקודה "border="0 מכוונת אך ורק לסדרת המסגרות הפנימיות. לכן ניתן לראות שבין השורות יש גבול ובין העמודות בשורה השנייה אין גבול.

 

 

שיטה 2: טעינת סדרת מסגרות לתוך סדרת מסגרות

 

עכשיו הבט במקרה הבא: דוגמה 7. סדרת המסגרות הזאת נוצרה על ידי הקוד הבא:

 

 <frameset rows="20%,80%">
   <frame src="file1.html">

   <frame src="fset7a.html">

</frameset>

 

סדרת המסגרות בדוגמא זו מורכבת משתי שורות. לתוך המסגרת העליונה הוטען הקובץ  file1.html כמו בדוגמא קודמת. לתוך המסגרת השניה אנו מטעינים קובץ שמכיל סדרת מסגרות ונקרא fset7a.html ובנוי מהקוד הבא:

 

 <frameset rows="20%,80%">
   <frame src="file2.html">

   <frame src="file3.html">

</frameset>

 

נוכל ליצור גם סדרה של מסגרות, תחילה נטען סדרה של קבצים לתוך סדרת המסגרות, ואז טען לתוך אחת המסגרות סדרה של מסגרות. לפניך דוגמה פשוטה: דוגמה 8. כאן אנחנו יוצרים בהתחלה סדרה של שתי מסגרות כפי שעשינו בדוגמא 1. אבל עכשיו במקום לטעון את file1.html לתוך המסגרת התחתונה, נטען את file8.html

 

 

 <html>
<head>
<title>File 8</title>
</head>
<body bgcolor="#ff0000">
File 8.
<p>
לחץ <a href="fset7a.html">כאן</a> לטעון סט מסגרות חדש
</body>
</html>

 

 

כאשר תלחץ על “כאן”, סדרת המסגרות של שתי עמודות המוגדרת ב fset7a.html תטען לתוך המסגרת התחתונה במקום file8.html .

 

 

ארגון מסובך יותר

 

לפניך סדרת מסגרות עם שלול שורות כאשר לאמצעית שתי עמודות: דוגמה 9. האם אתה יודע מה דורש HTML בכדי ליצור את סדרת המסגרת הזאת? (הנח שהשורות ממלאות 20%, 65% ו15% מהמסך והעמודות ממלאות 20% ו80% של רוחב המסך). האם אתה זוכר איך לבטל את המחיצות אך עדיין לאפשר שינוי גודל כל חלון על ידי המשתמש? האם אתה יכול לחשוב על מצב בו תרצה להשתמש בסדרת מסגרות כזו?

 

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

 16-02-04 / 16:31  עודכן ,  04-10-03 / 18:33  נוצר ע"י עזרא גנוט  בתאריך 
 מסגרות וגבולות - הקודםהבא - שולי המסגרות 
תגובות הקוראים    תגובות  -  0
דרכונט
מהי מערכת הדרכונט?
אינך מחובר, להתחברות:
דוא"ל
ססמא
נושאי לימוד
חיפוש  |  לא פועל
משלנו  |  לא פועל
גולשים מקוונים: 2