בצע אחת מהפעולות הבאות בחלון Document:
עודכן לאחרונה בתאריך
27 באפריל 2021
צור אזורים חוזרים וטבלאות חוזרות, וקבע תצורה של מאפייני טבלה ב-Dreamweaver כדי לשלוט בפריסת הדף שלך.
אזור חוזר הוא קטע של תבנית שניתן לשכפל פעמים רבות בדף מבוסס תבנית. בדרך כלל, אזורים חוזרים משמשים עם טבלאות, אבל תוכלו להגדיר אזור חוזר עבור רכיבי דף אחרים.
אזורים חוזרים מאפשרים לכם לשלוט בפריסת הדף על ידי חזרה על פריטים מסוימים, כגון פריסת פריט קטלוג ותיאור, או שורה עבור נתונים כגון רשימת פריטים.
ישנם שני אובייקטי תבנית של אזור חוזר שתוכלו להשתמש בהם: אזור חוזר וטבלה חוזרת.
יצירת אזור חוזר בתבנית
אזורים חוזרים מאפשרים למשתמשי תבנית לשכפל אזור מוגדר בתבנית כמה פעמים שרוצים.אזור חוזר אינו בהכרח אזור ניתן לעריכה.
כדי להפוך תוכן באזור חוזר לניתן לעריכה (לדוגמה, כדי לאפשר למשתמש להזין טקסט בתא טבלה במסמך מבוסס תבנית), עליכם להוסיף אזור ניתן לעריכה בתוך האזור החוזר.
בחרו את הטקסט או התוכן שאתם רוצים להגדיר כאזור חוזר.
מקמו את נקודת ההוספה במסמך במקום שבו אתם רוצים להוסיף את האזור החוזר.
בצע אחת מהפעולות הבאות:
בחר Insert > Template > Repeating Region.
בקטגוריה Templates של החלונית Insert, בחר Repeating Region.
בתיבת השם, הזינו שם ייחודי עבור אזור התבנית. (לא תוכלו להשתמש באותו שם עבור יותר מאזור חוזר אחד בתבנית.)
פתק
כשאתה נותן שם לאזור, אל תשתמש בתווים מיוחדים.
לחץ על OK.
הוספת טבלה חוזרת
תוכלו להשתמש בטבלה חוזרת כדי ליצור אזור ניתן לעריכה (בפורמט טבלה) עם שורות חוזרות. תוכלו להגדיר מאפייני טבלה ולקבוע איזה תאי טבלה ניתנים לעריכה.
בחלון המסמך, מקמו את נקודת ההוספה במסמך במקום שבו אתם רוצים להוסיף את הטבלה החוזרת.
בצע אחת מהפעולות הבאות:
בחר Insert > Template > Repeating Table.
בקטגוריה Templates של החלונית Insert, בחר Repeating Table.
ציין את האפשרויות הבאות ולחץ על OK.
Rows
קובע את מספר השורות בטבלה.
Columns
קובע את מספר העמודות בטבלה.
Cell Padding
קובע את מספר הפיקסלים בין תוכן של תא לגבולות התא.
Cell Spacing
קובע את מספר הפיקסלים בין תאים סמוכים בטבלה.
פתק
כשלא מקצים במפורש ערכים לריווח תאים וריווח בין תאים, רוב הדפדפנים מציגים את הטבלה עם ריווח תאים מוגדר על 1 וריווח בין תאים מוגדר על 2. כדי להבטיח שדפדפנים יציגו את הטבלה ללא ריווח תאים או ריווח בין תאים, הגדר את האפשרויות Cell Padding ו-Cell Spacing על 0.
Width
מציין את רוחב הטבלה בפיקסלים, או כאחוז מרוחב חלון הדפדפן.
Border
מציין את הרוחב, בפיקסלים, של גבולות הטבלה.
פתק
אם לא תקצה במפורש ערך לגבול, רוב הדפדפנים יציגו את הטבלה כאילו הגבול הוגדר על 1. כדי להבטיח שדפדפנים יציגו את הטבלה ללא גבול, הגדר את הגבול על 0.
כדי להציג גבולות תא וטבלה כשהגבול מוגדר ל- 0, בחר View > Design View Options > Visual Aids. אפשרות זו זמינה רק בתצוגת Design.
Repeat Rows of the Table
ציינו אילו שורות בטבלה כלולות באזור החוזר.
Starting Row
קובע את מספר השורה שהוזן כשורה הראשונה לכלול באזור החוזר.
Ending Row
קובע את מספר השורה שהוזן כשורה האחרונה לכלול באזור החוזר.
Region Name
מאפשר להגדיר שם ייחודי לאזור החוזר.
הגדרת צבעי רקע מתחלפים בטבלה חוזרת
לאחר שתוסיפו טבלה חוזרת לתבנית, תוכלו להתאים אותה על ידי חילוף צבע הרקע של שורות הטבלה.
בחלון המסמך, בחרו שורה בטבלה החוזרת.
לחצו על לחצן הצגת תצוגת קוד או הצגת תצוגת קוד ועיצוב בסרגל הכלים של המסמך כדי שתוכלו לגשת לקוד של שורת הטבלה הנבחרת.
בתצוגת קוד, ערכו את התג <tr> כדי לכלול את הקוד הבא:
<tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@">
אתם יכולים להחליף את הערכים ההקסדצימליים #FFFFFF ו-#CCCCCC בבחירות צבע אחרות.
שמור את התבנית.
להלן דוגמת קוד של טבלה הכוללת צבעי רקע מתחלפים בשורות הטבלה:
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr><th>Name</th><th>Phone Number</th><th>Email Address</th></tr>
<!-- TemplateBeginRepeat name="contacts" -->
<tr bgcolor="@@(_index & 1 ? '#FFFFFF' : '#CCCCCC')@@">
<td> <!-- TemplateBeginEditable name="name" --> name <!-- TemplateEndEditable -->
</td>
<td> <!-- TemplateBeginEditable name="phone" --> phone <!-- TemplateEndEditable -->
</td>
<td> <!-- TemplateBeginEditable name="email" --> email <!-- TemplateEndEditable -->
</td>
</tr>
<!-- TemplateEndRepeat -->
</table>
פריטים דומים נוספים
בניית אתרי אינטרנט יפהפיים ב-Dreamweaver
עיצוב כתיבת קוד וניהול אתרי אינטרנט דינמיים בכלי רב עוצמה כולל.
