למד כיצד לזהות תבניות ומסמכים המבוססים על תבניות ב-Dreamweaver Design View וב-Code View.
זיהוי תבניות בתצוגת Design
בתצוגת Design, אזורים הניתנים לעריכה מופיעים בחלון Document כשהם מוקפים במלבן. הסתכל בחלונית התחתונה בחלון Document כדי להציג את שם האזור.
ניתן לזהות קובץ תבנית אם מתבוננים בשורת הכותרת של חלון Document. סיומת שם הקובץ עבור הקובץ היא dwt.
זיהוי תבניות בתצוגת Code
בתצוגת קוד, אזורי תוכן הניתנים לעריכה מסומנים ב-HTML עם ההערות הבאות:
<!-- TemplateBeginEditable> ו-<!-- TemplateEndEditable -->
תוכלו להשתמש בהעדפות צבע קוד כדי להגדיר ערכת צבעים משלכם כדי שתוכלו להבחין בקלות בין אזורי תבנית כשאתם צופים במסמך בתצוגת קוד.
כל מה שנמצא בין ההערות הללו יהיה ניתן לעריכה במסמכים המבוססים על התבנית.קוד ה-HTML של אזור הניתן לעריכה יכול להיראות כך:
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#333366">
<td>Name</td>
<td><font color="#FFFFFF">Address</font></td>
<td><font color="#FFFFFF">Telephone Number</font></td>
</tr>
<!-- TemplateBeginEditable name="LocationList" -->
<tr>
<td>Enter name</td>
<td>הזן כתובת</td>
<td>הזן טלפון</td>
</tr>
<!-- TemplateEndEditable -->
</table>
כשאתם עורכים קוד תבנית בתצוגת קוד, הישמרו מלשנות כל אחת מתגיות ההערה הקשורות לתבנית שעליהן מסתמך Dreamweaver.
זיהוי מסמכים המבוססים על תבניות בתצוגת Design
במסמך המבוסס על תבנית, אזורים ניתנים לעריכה מופיעים בתצוגת Design של חלון Document כשהם מוקפים במלבן בקווים מקווקווים. החלק התחתון של החלון מציג את שם האזור.
בנוסף למלבן הסימון של האזור הניתן לעריכה, כל הדף מוקף במלבן בצבע אחר, עם כרטיסייה בפינה הימנית העליונה המציגה את שם התבנית שעליה מבוסס המסמך. מלבן הסימון מזכיר לך שהמסמך מבוסס על תבנית, ושאין אפשרות לשנות תוכן מחוץ לאזורים הניתנים לעריכה.
זיהוי מסמכים המבוססים על תבנית בתצוגת Code
בתצוגת קוד, אזורים הניתנים לעריכה במסמך שמקורו בתבנית מופיעים בצבע שונה מקוד באזורים שאינם ניתנים לעריכה.תוכלו לבצע שינויים רק בקוד באזורים הניתנים לעריכה או בפרמטרים הניתנים לעריכה, אבל אינכם יכולים להקליד באזורים נעולים.
תוכן הניתן לעריכה מסומן ב-HTML בהערות הבאות של Dreamweaver:
<!‑‑ InstanceBeginEditable> ו-<!‑‑ InstanceEndEditable ‑‑>
כל הטקסט בין הערות אלה ניתן לעריכה במסמך מבוסס תבנית. קוד המקור HTML לאזור הניתן לעריכה עשוי להיראות כך:
<body bgcolor="#FFFFFF" leftmargin="0">
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#333366">
<td>Name</td>
<td><font color="#FFFFFF">Address</font></td>
<td><font color="#FFFFFF">Telephone Number</font></td>
</tr>
<!-- InstanceBeginEditable name="LocationList" -->
<tr>
<td>הזן שם</td>
<td>הזן כתובת</td>
<td>הזן טלפון</td>
</tr>
<!-- InstanceEndEditable -->
</table>
</body>
הצבע ברירת המחדל לטקסט שאינו ניתן לעריכה הוא אפור; תוכלו לבחור צבע שונה לאזורים הניתנים לעריכה ושאינם ניתנים לעריכה בתיבת הדו-שיח העדפות.
פריטים דומים נוספים
בניית אתרי אינטרנט יפהפיים ב-Dreamweaver
עיצוב כתיבת קוד וניהול אתרי אינטרנט דינמיים בכלי רב עוצמה כולל.
