تعرف على كيفية تحديد القوالب والمستندات المستندة إلى القوالب في طريقة عرض Dreamweaver Design وطريقة عرض Code.
التعرف على القوالب في طريقة العرض 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>الاسم</td>
<td><font color="#FFFFFF">العنوان</font></td>
<td><font color="#FFFFFF">رقم الهاتف</font></td>
</tr>
<!-- InstanceBeginEditable name="LocationList" -->
<tr>
<td>أدخل الاسم</td>
<td>أدخل العنوان</td>
<td>أدخل رقم الهاتف</td>
</tr>
<!-- InstanceEndEditable -->
</table>
</body>
اللون الافتراضي للنص غير القابل للتعديل هو الرمادي؛ يمكنك تحديد لون مختلف للمناطق القابلة للتعديل وغير القابلة للتعديل في مربع حوار التفضيلات.
قم بإنشاء مواقع ويب جميلة في Dreamweaver
قم بتصميم مواقع الويب الديناميكية وبرمجتها وإدارتها في أداة قوية متكاملة.
