إنشاء مناطق وجداول التكرار في Dreamweaver

تاريخ آخر تحديث 27 أبريل 2021

قم بإنشاء مناطق تكرار وجداول تكرار، وتكوين خصائص الجداول في Dreamweaver للتحكم في تخطيط الصفحة الخاصة بك.

المنطقة المتكررة هي قسم من القالب يمكن تكراره عدة مرات في صفحة تعتمد على القالب. عادةً، تُستخدم المناطق المتكررة مع الجداول ولكن يمكنك تعريف منطقة متكررة لعناصر الصفحة الأخرى.

تتيح لك المناطق المتكررة التحكم في تخطيط صفحتك من خلال تكرار عناصر معينة، مثل عنصر الكتالوج وتخطيط الوصف، أو صف للبيانات مثل قائمة العناصر.

يوجد نوعان من كائنات قالب المنطقة المتكررة يمكنك استخدامهما: المنطقة المتكررة والجدول المتكرر.

أنشئ منطقة متكررة في قالب

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

لجعل المحتوى في منطقة متكررة قابلاً للتعديل (على سبيل المثال، للسماح للمستخدم بإدخال نص في خلية جدول في مستند يعتمد على القالب)، يجب عليك إدراج منطقة قابلة للتعديل في المنطقة المتكررة.

في النافذة Document، قم بأحد الإجراءات التالية:
  • حدد النص أو المحتوى الذي تريد تعيينه كمنطقة متكررة.

  • ضع نقطة الإدراج في المستند حيث تريد إدراج المنطقة المتكررة.

قم بأحد الإجراءات التالية:
  • حدد 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. للتأكد من أن مستعرضاتك تعرض الجدول بدون نطاق أو تباعد، قم بإعداد نطاق الخلية وتباعد الخلايا على صفر.

Width

يحدد عرض الجدول بالبكسلات، أو كنسبة مئوية من عرض نافذة المتصفح.

Border

يحدد عرض حدود الجدول بالبكسل.

ملاحظة

إذا لم تعين صراحةً قيمة للحد، تعرض معظم المستعرضات الجدول كما لو كان الجدول قد تم تعيينه على 1. للتأكد من أن المستعرضات تعرض الجدول بدون حد، قم بإعداد Border على صفر.

لعرض حدود الخلية والجدول عند إعداد الحدود على صفر، حدد View > Design View Options > Visual Aids. يتوفر هذا الخيار في طريقة عرض Design فقط.

تكرار صفوف من الجدول

حدد الصفوف في الجدول المتضمنة في المنطقة المتكررة.

Starting Row

يعين رقم الصف المُدخل كأول صف ليتم تضمينه في المنطقة المتكررة.

Ending Row

يعين رقم الصف المُدخل كآخر صف ليتم تضمينه في المنطقة المتكررة.

Region Name

يتيح لك تعيين اسم فريد لمنطقة التكرار.

إنشاء الجداول المكررة
إنشاء الجداول المكررة

تعيين ألوان خلفية متبادلة في جدول متكرر

بعد إدراج جدول متكرر في قالب، يمكنك تخصيصه بتناوب لون الخلفية لصفوف الجدول.

في نافذة المستند، حدد صفاً في الجدول المتكرر.
انقر فوق زر إظهار عرض الكود أو إظهار عرض الكود والتصميم في شريط أدوات المستند حتى تتمكن من الوصول إلى كود صف الجدول المحدد.
في العرض Code، حرر علامة <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>