دليل المستخدم إلغاء

التعرف على القوالب والمستندات القائمة على القوالب

 

 

تعرف على كيفية تحديد القوالب والمستندات المستندة إلى القوالب في طريقة عرض Dreamweaver Design وطريقة عرض Code.

التعرف على القوالب في طريقة العرض Design

في طريقة العرض Design، تظهر المناطق القابلة للتحرير في النافذة Document محاطة بتخطيطات مستطيلة. حدد الجزء السفلي في نافذة Document لعرض اسم المنطقة.

يمكنك تحديد ملف قالب بالنظر إلى شريط العنوان في نافذة Document. ملحق الملف الخاص بالملف هو .dwt.

التعرف على القوالب في طريقة العرض Design
التعرف على القوالب في طريقة العرض Design

تحديد القوالب في طريقة العرض Code

في طريقة العرض Code، يتم تمييز مناطق المحتويات القابلة للتحرير في HTML بالتعليقات التالية:

<!-- TemplateBeginEditable> و <!-- TemplateEndEditable -->

ملاحظة:

يمكنك استخدام تفضيلات ألوان المعلمة البرمجية لتعيين مخطط الألوان الخاص بك وبالتالي يمكنك تمييز مناطق القوالب بسهولة عندما تعرض مستندًا في طريقة العرض Code.

ويكون كل شيء بين هذه التعليقات قابلاً للتحرير في المستندات القائمة على القالب. قد تبدو المعلمة البرمجية المصدر لـ 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>Enter Address</td>
<td>Enter Telephone</td>
</tr>
<!-- TemplateEndEditable -->
</table>
<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>Enter Address</td> <td>Enter Telephone</td> </tr> <!-- TemplateEndEditable --> </table>
<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>Enter Address</td> 
    <td>Enter Telephone</td> 
  </tr> 
  <!-- TemplateEndEditable --> 
</table>
ملاحظة:

عندما تحرر التعليمة البرمجية للقالب في طريقة العرض Code، احذر من إجراء أي تغييرات على علامات التعليقات المرتبطة بالقالب والتي يعتمد Dreamweaver عليها.

التعرف على المستندات القائمة على القوالب في طريقة العرض Design

في مستند قائم على قالب (مستند قائم على قالب)، تظهر المناطق القابلة للتحرير في عرض Design بنافذة Document محاطة بتخطيطات مستطيلة في أسطر متقطعة. يعرض الجزء السفلي من النافذة اسم المنطقة.

بالإضافة إلى تخطيطات المناطق القابلة للتحرير، تكون الصفحة الكاملة محاطة بتخطيط بلون مختلف، مع وجود علامة تبويب في الركن العلوي الأيمن يظهر عليها اسم القالب الذي يعتمد عليه المستند. يذكرك هذا المستطيل الذي تم تمييزه بأن المستند قائم على قالب وأنك يمكنك تغيير محتوى خارج المناطق القابلة للتحرير.

تحديد المستندات المستندة إلى القوالب في طريقة العرض Code

في طريقة العرض 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>Enter name</td>
<td>Enter Address</td>
<td>Enter Telephone</td>
</tr>
<!-- InstanceEndEditable -->
</table>
</body>
<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>Enter name</td> <td>Enter Address</td> <td>Enter Telephone</td> </tr> <!-- InstanceEndEditable --> </table> </body>
<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>Enter name</td> 
    <td>Enter Address</td> 
    <td>Enter Telephone</td> 
  </tr> 
  <!-- InstanceEndEditable --> 
</table> 
</body>

يعد اللون الافتراضي للنص غير القابل للتحرير هو اللون الرمادي؛ ويمكنك تحديد لون مختلف للمناطق القابلة وغير القابلة للتحرير في مربع الحوار Preferences.

احصل على مساعدة بشكل أسرع وأسهل

مستخدم جديد؟