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

حول قوالب Dreamweaver

 

 

تعرف على كيفية استخدام قوالب Dreamweaver لتصميم تخطيط صفحة "ثابت"؛ ثم إنشاء المستندات بناءً على القالب الذي يرث تخطيط صفحته.

يعد القالب نوعًا خاصًا من المستند الذي تستخدمه لتصميم تخطيط صفحة "ثابت"؛ يمكنك بعد ذلك إنشاء المستندات بناءً على القالب الذي يرث تخطيط صفحته. وأثناء تصميمك للقالب، تحدده كـ "قابل للتحرير" حيث يمكن لمستخدمي المحتويات تحريره في مستند بناءً على هذا القالب. تتيح القوالب لمؤلفي القوالب إمكانية التحكم في تحديد مستخدمي قوالب عناصر الصفحات - مثل الكتَّاب وفنانين الرسوم وغيرهم من مطوري الويب - الذين يمكنهم التحرير. توجد أنواع متعددة من مناطق القوالب التي يمكن أن يضمِّنها مؤلف القوالب في مستند.

ملاحظة:

تتيح لك القوالب إمكانية التحكم في منطقة تصميم كبيرة، وقم بإعادة استخدام مخططات كاملة. إذا كنت ترغب في إعادة استخدام عناصر تصميم فردية، مثل شعار أو معلومات حقوق النسخ الخاصة بموقع، قم بإنشاء عناصر مكتبة.

يتيح لك استخدام القوالب إمكانية تحديث صفحات متعددة في مرة واحدة. المستند الذي يتم إنشاؤه من أحد القوالب يظل متصلاً بهذا القالب (ما لم تفصل المستند لاحقًا). يمكنك تعديل قالب وتحديث التصميم على الفور في كل المستندات بناءً عليه.

ملاحظة:

تختلف القوالب في Dreamweaver عن القوالب في بعض برامج Adobe Creative Cloud الأخرى في أن أقسام الصفحة هذه من قوالب Dreamweaver تكون ثابتة (أو غير قابلة للتحرير) افتراضيًا.

أنواع مناطق القوالب

عندما تحفظ مستند كقالب، تكون معظم مناطق المستند مؤمّنة. باعتبارك مؤلف قالب، تحدد مناطق المستند القائم على القالب والتي ستكون قابلة للتحرير بإدراج مناطق قابلة للتحرير أو المعلمِّات القابلة للتحرير في القالب.

مع إنشائك للقالب، يمكنك إجراء تغييرات على كلٍ من المناطق القابلة للتحرير والمناطق المؤمَّنة. إلا أنه في مستند قائم على القالب، يمكن لمستخدم القالب إجراء التغييرات فقط في المناطق القابلة للتحرير، ولا يمكن تعديل المناطق المؤمَّنة.

توجد أربعة أنواع من مناطق القوالب:

المنطقة القابلة للتحرير: منطقة غير مؤمَّنة في مستند قائم على قالب - وهو قسم يمكن لمستخدم القالب تحريره. يمكن لمؤلف القالب تحديد أي منطقة من القالب باعتبارها منطقة قابلة للتحرير. لكي يكون القالب فعالاً، يجب أن يحتوي على منطقة واحدة على الأقل قابلة للتحرير، وإلا لن يمكن تحرير الصفحات بناءً على القالب. للحصول على معلومات تفصيلية حول المناطق القابلة للتحرير، راجع إنشاء المناطق القابلة للتحرير في القوالب.

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

يوجد نوعان من مناطق التكرار التي يمكنك إدراجها في قالب: منطقة التكرار وجدول التكرار. لمعرفة كيفية العمل باستخدام المناطق المكررة، راجع إنشاء الجداول والمناطق المكررة في Dreamweaver.

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

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

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

عندما تقوم بإضافة ارتباط جديد متعلق بالمستند إلى ملف قالب، من السهل إدخال اسم المسار الخاطئ إذا كتبت المسار في مربع نص الارتباط في عارض الخصائص. المسار الصحيح في ملف القالب هو المسار من مجلد Templates إلى المستندات المرتبطة، وليس المسار من مجلد المستند القائم على قالب إلى المستند المرتبط. تأكد من أن المسارات الصحيحة للارتباطات موجودة باستخدام رمز المجلد أو رمز Point-to-file في عارض الخصائص عند إنشاء ارتباطات في قوالب.

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

يتم إدراج بعض البرامج النصية للخوادم في بداية المستند أو في نهايته (قبل علامة <html> أو بعد علامة </html>). وتتطلب مثل هذه البرامج النصية معاملة خاصة في القوالب وفي المستندات القائمة على القوالب. في المعتاد، إذا أجريت تغييرات على المعلمة البرمجية للبرنامج النصي قبل علامة <html> أو بعد علامة </html> في قالب، لا يتم نسخ التغييرات إلى المستندات القائمة على قوالب. حيث يمكن أن يتسبب ذلك في حدوث أخطاء في الخادم إذا كانت البرامج النصية للخوادم، الموجودة في النص الأساسي للقالب، تعتمد على البرامج النصية التي لم يتم نسخها. يظهر تنبيه يحذرك من إجراء تغييرات قبل علامة <html> أو بعد علامة </html> في قالب.

لتجنب هذه المشكلة، يمكنك إدراج المعلمة البرمجية التالية في قسم الرأس من القالب:

<!-- TemplateInfo codeOutsideHTMLIsLocked="true" -->
<!-- TemplateInfo codeOutsideHTMLIsLocked="true" -->
<!-- TemplateInfo codeOutsideHTMLIsLocked="true" -->

عندما تكون هذه المعلمة البرمجية في قالب، يتم نسخ التغييرات على البرنامج النصي قبل علامة <html> أو بعد علامة </html> إلى المستندات القائمة على هذا القالب. ومع ذلك، لن تعود قادرًا على تحرير هذه البرامج النصية في المستندات القائمة على القالب. ولذلك، يمكنك اختيار إما تحرير هذه البرامج النصية في القالب، أو في المستندات القائمة على القالب، ولكن ليس كليهما.

معلمات القوالب

توضح معلِّمات القوالب قيم التحكم في المحتويات في المستندات القائمة على قالب. استخدم معلِّمات القوالب للمناطق الاختيارية أو سمات العلامات القابلة للتحرير، أو من أجل تعيين قيم ترغب في نقلها إلى مستند مرفق. ولكل تعليمة، تحدد اسمًا ونوع بيانات وقيمة افتراضية. يجب أن تحتوي كل معلَّمة على اسم فريد حساس لحالة الحروف. يجب أن يكونوا من أحد أنواع البيانات المسموح بها: نص أو بيانات منطقية، أو لون أو عنوان URL أو رقم.

يتم نقل معلِّمات القوالب إلى المستند كمعلِّمات مثيلات. في معظم الحالات، يمكن لمستخدم أحد القوالب تحرير القيمة الافتراضية للمعلّمة لتخصيص ما يظهر في مستند قائم على قالب. وفي حالات أخرى، يمكن لمؤلف القالب تحديد ما يظهر في المستند، بناءً على قيمة تعبير قالب.

تعبيرات القالب

تعبيرات القالب هي عبارة عن عبارات تحتسب أو تقيِّم قيمة.

يمكنك استخدام تعبير أو تخزين قيمة وعرضها في مستند. على سبيل المثال، يمكن أن يكون التعبير بسيطًا كقيمة معلّمة، مثل @@(Param)@@، أو يكون معقدًا بشكل كافٍ لاحتساب القيم التي تغير لون الخلفية في صف جدول، مثل @@((_index & 1) ? أحمر: أزرق)@@.

يمكنك أيضًا تعريف التعبيرات لشروط "if" أو "if" متعددة. عند استخدام تعبير في العبارة الشرطية، يقوم Dreamweaver بتقييمها باعتبارها صحيحة أو خاطئة. إذا كان الشرط صحيحًا، تظهر المنطقة الاختيارية في المستند القائم على القالب؛ أما إذا كان خاطئًا، فلن تظهر.

يمكنك تعريف التعبيرات في طريقة العرض Code أو في مربع الحوار Optional Region عندما تقوم بإدراج منطقة اختيارية.

في طريقة العرض Code، توجد طريقتان لتعريف تعبيرات القالب؛ استخدم <!تعليق -- TemplateExpr expr="your expresson"--> أو @@(تعبيرك)@@. عندما تقوم بإدراج التعبير في رمز القالب، تظهر علامة تعبير في طريقة العرض Design. عندما تقوم بتطبيق القالب، يقوم Dreamweaver بتقييم التعبير وعرض القيمة في مستند قائم على القالب.

لغة تعبير القالب

تعد لغة تعبير القالب مجموعة صغيرة من JavaScript، وتستخدم قواعد إجراءات وبناء جملة JavaScript. استخدم عوامل JavaScript لكتابة تعبير مثل هذا:

@@(firstName+lastName)@@
@@(firstName+lastName)@@
@@(firstName+lastName)@@

يتم دعم الميزات والعوامل التالية:

  • البيانات الحرفية الرقمية، والسلاسل الحرفية (بناء جملة علامة التنصيص المزدوجة فقط)، والبيانات الحرفية المنطقية (صواب أو خطأ)

  • مرجع متغير (راجع قائمة المتغيرات المحددة لاحقًا في هذا القسم)

  • مرجع الحقل (عامل "النقطة")

  • عوامل تشغيل أحادية: +، -، ~، !

  • عوامل تشغيل ثنائية: +، -، *، /، %، &، |، ^، &&، ||، <، <=، >، >=، ==، !=, <<, >>

  • العوامل الشرطية: ؟:

  • الأقواس: ()

    يتم استخدام نوعي البيانات التاليين: البيانات المنطقية والفاصلة العائمة IEEE 64‑bpc والسلسلة والكائن. لا تدعم قوالب Dreamweaver استخدام أنواع "فارغة" أو "غير محددة" من JavaScript. ولا تسمح الأنواع العددية أن يتم تحويلها ضمنيًا إلى كائن؛ وبالتالي، تشغيل طول "abc". لخطأ، بدلاً من إخراج القيمة 3.

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

    _document

    يحتوي على بيانات قالب على مستوى المستند بحقل لكل معلمة في القالب.

    _repeat

    محدد فقط للتعبيرات التي تظهر داخل منطقة تكرار. يوفر معلومات مضمَّنة عن المنطقة

    _index

    الفهرس العددي (من صفر) للإدخال الحالي

    _numRows

    إجمالي عدد الإدخالات في منطقة التكرار هذه

    _isFirst

    صواب إذا كان الإدخال الحالي هو الإدخال الأول في منطقة التكرار الخاصة به

    _isLast

    صواب إذا كان الإدخال الحالي هو الإدخال الأخير في منطقة التكرار الخاصة به

    _prevRecord

    كائن _repeat للإدخال السابق. من الخطأ الوصول إلى هذه الخاصية لأول إدخال في المنطقة.

    _nextRecord

    كائن _repeat للإدخال التالي. من الخطأ الوصول إلى هذه الخاصية لآخر إدخال في المنطقة.

    _parent

    في منطقة مكررة متداخلة، يعطي هذا كائن _repeat للمنطقة المكررة التضمينية (الخارجية). من الخطأ الوصول إلى هذه الخاصية خارج منطقة مكررة متداخلة.

    أثناء تقييم التعبير، كل حقول الكائن _document والكائن _repeat متاحة ضمنيًا. على سبيل المثال، يمكنك إدخال عنوان بدلاً من _document.title للوصول إلى معلّمة عنوان المستند.

    في حالة وجود تعارض حقل، يكون لكائن _repeat الأسبقية على حقول الكائن _document. لذلك، لن تكون بحاجة إلى الإشارة صراحةً إلى _document أو _repeat باستثناء أنه قد تكون هناك حاجة إلى _document داخل منطقة تكرار للإشارة إلى معلِّمات المستند التي تخفيها معلِّمات المنطقة المكررة.

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

شرط "If" متعدد في رمز القالب

يمكنك تعريف تعبيرات القالب لشروط "If" أو "If" متعددة. يوضح هذا المثال تعريف معلّمة تسمى "Dept"، وتعيين قيمة أولية، وتحديد شرط if متعدد والذي يحدد الشعار الذي سيتم عرضه.

يعد ما يلي مثالاً على المعلمة البرمجية التي يمكنك إدخالها في قسم الرأس من القالب:

<!-- TemplateParam name="Dept" type="number" value="1" -->
<!-- TemplateParam name="Dept" type="number" value="1" -->
<!-- TemplateParam name="Dept" type="number" value="1" -->

تفحص عبارة الشرط التالية القيمة المعينة إلى معلمة Dept. عندما يكون الشرط صوابًا أو مطابقًا، يتم عرض الصورة المناسبة.

<!-- TemplateBeginMultipleIf -->
<!-- checks value of Dept and shows appropriate image-->
<!-- TemplateBeginIfClause cond="Dept == 1" --> <img src=".../sales.gif"> <!-- TemplateEndIfClause -->
<!-- TemplateBeginIfClause cond="Dept == 2" --> <img src=".../support.gif"> <!-- TemplateEndIfClause-->
<!-- TemplateBeginIfClause cond="Dept == 3" --> <img src=".../hr.gif"> <!-- TemplateEndIfClause -->
<!-- TemplateBeginIfClause cond="Dept != 3" --> <img src=".../spacer.gif"> <!-- TemplateEndIfClause -->
<!-- TemplateEndMultipleIf -->
<!-- TemplateBeginMultipleIf --> <!-- checks value of Dept and shows appropriate image--> <!-- TemplateBeginIfClause cond="Dept == 1" --> <img src=".../sales.gif"> <!-- TemplateEndIfClause --> <!-- TemplateBeginIfClause cond="Dept == 2" --> <img src=".../support.gif"> <!-- TemplateEndIfClause--> <!-- TemplateBeginIfClause cond="Dept == 3" --> <img src=".../hr.gif"> <!-- TemplateEndIfClause --> <!-- TemplateBeginIfClause cond="Dept != 3" --> <img src=".../spacer.gif"> <!-- TemplateEndIfClause --> <!-- TemplateEndMultipleIf -->
<!-- TemplateBeginMultipleIf --> 
<!-- checks value of Dept and shows appropriate image--> 
<!-- TemplateBeginIfClause cond="Dept == 1" --> <img src=".../sales.gif"> <!-- TemplateEndIfClause --> 
<!-- TemplateBeginIfClause cond="Dept == 2" --> <img src=".../support.gif"> <!-- TemplateEndIfClause--> 
<!-- TemplateBeginIfClause cond="Dept == 3" --> <img src=".../hr.gif"> <!-- TemplateEndIfClause --> 
<!-- TemplateBeginIfClause cond="Dept != 3" --> <img src=".../spacer.gif"> <!-- TemplateEndIfClause --> 
<!-- TemplateEndMultipleIf -->

عندما تقوم بإنشاء مستند قائم على قالب، يتم نقل معلِّمات القوالب تلقائيًا إليها. ويحدد مستخدم القالب الصورة التي سيتم عرضها.

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

مستخدم جديد؟