- دليل مستخدم Dreamweaver
- مقدمة
- Dreamweaver وCreative Cloud
- مساحات عمل Dreamweaver وطرق عرضه
- إعداد المواقع
- حول مواقع Dreamweaver
- إعداد إصدار محلي من موقعك
- الاتصال بخادم نشر
- إعداد خادم اختبار
- استيراد إعدادات موقع Dreamweaver وتصديرها
- إحضار مواقع ويب موجودة من خادم بعيد إلى جذر موقع الويب المحلي
- ميزات الوصول في Dreamweaver
- الإعدادات المتقدمة
- تعيين تفضيلات الموقع لنقل الملفات
- تحديد إعدادات خادم الوكيل في Dreamweaver
- مزامنة إعدادات Dreamweaver مع Creative Cloud
- استخدام Git في Dreamweaver
- إدارة الملفات
- التخطيط والتصميم
- CSS
- فهم أوراق الأنماط المتتالية
- تخطيط الصفحات باستخدام CSS Designer
- استخدام معالجات CSS الأولية في Dreamweaver
- كيفية تعيين تفضيلات أنماط CSS في Dreamweaver
- نقل قواعد CSS في Dreamweaver
- تحويل CSS مضمنة إلى قاعدة CSS في Dreamweaver
- استخدام علامات div
- تطبيق تدرجات على الخلفية
- إنشاء تأثيرات CSS3 الانتقالية وتحريرها في Dreamweaver
- تنسيق التعليمات البرمجية
- محتويات الصفحة وأصولها
- تعيين خصائص الصفحة
- تعيين خصائص عناوين CSS وخصائص ارتباطات CSS
- استخدام النص
- البحث عن النص والعلامات والسمات واستبدالها
- لوحة DOM
- التحرير في Live View
- ترميز المستندات في Dreamweaver
- تحديد العناصر وعرضها في النافذة Document
- تعيين خصائص النص في عارض الخصائص
- إجراء التدقيق الإملائي لصفحة ويب
- استخدام القواعد الأفقية في Dreamweaver
- إضافة مجموعات الخطوط وتعديلها في Dreamweaver
- استخدام الأصول
- إدراج التواريخ وتحديثها في Dreamweaver
- إنشاء الأصول المفضلة وإدارتها في Dreamweaver
- إدراج الصور وتحريرها في Dreamweaver
- إضافة كائنات وسائط
- إضافة مقاطع الفيديو في Dreamweaver
- إدراج فيديو HTML5
- إدراج ملفات SWF
- إضافة تأثيرات صوتية
- إدراج صوت HTML5 في Dreamweaver
- العمل باستخدام عناصر المكتبة
- استخدام النصوص العربية والعبرية في Dreamweaver
- الربط والتنقل
- عناصر واجهة jQuery وتأثيراتها
- كتابة التعليمات البرمجية لمواقع الويب
- حول كتابة التعليمات البرمجية في Dreamweaver
- بيئة كتابة التعليمات البرمجية في Dreamweaver
- تعيين تفضيلات التعليمات البرمجية
- تخصيص ألوان التعليمات البرمجية
- كتابة تعليمة برمجية وتحريرها
- تلميحات التعليمات البرمجية وإكمال التعليمات البرمجية
- طي التعليمات البرمجية وتوسيعها
- إعادة استخدام التعليمات البرمجية مع أجزاء التعليمات البرمجية
- فحص التعليمات البرمجية
- تحسين التعليمة البرمجية
- تحرير التعليمة البرمجية في طريقة العرض Design
- العمل باستخدام محتوى العنوان للصفحات
- إدراج تضمينات على جانب الخادم في Dreamweaver
- استخدام مكتبات العلامات في Dreamweaver
- استيراد علامات مخصصة إلى Dreamweaver
- استخدام سلوكيات JavaScript (إرشادات عامة)
- تطبيق سلوكيات JavaScript المضمنة
- نبذة عن لغتي XML وXSLT
- تنفيذ تحويلات XSL على جانب الخادم في Dreamweaver
- تنفيذ تحويلات XSL على جانب العميل في Dreamweaver
- إضافة كيانات أحرف لـ XSLT في Dreamweaver
- تنسيق التعليمات البرمجية
- عمليات سير العمل على مستوى المنتجات
- تثبيت الملحقات واستخدامها في Dreamweaver
- التحديثات من داخل التطبيق في Dreamweaver
- إدراج مستندات Microsoft Office في Dreamweaver (Windows فقط)
- استخدام Fireworks وDreamweaver
- تحرير المحتوى في مواقع Dreamweaver باستخدام Contribute
- تكامل Dreamweaver مع تطبيق Business Catalyst
- إنشاء حملات إعلانية خاصة عبر البريد الإلكتروني
- القوالب
- حول قوالب Dreamweaver
- التعرف على القوالب والمستندات القائمة على القوالب
- إنشاء قالب Dreamweaver
- إنشاء مناطق قابلة للتحرير في القوالب
- إنشاء مناطق وجداول التكرار في Dreamweaver
- استخدام المناطق الاختيارية في القوالب
- تحديد سمات العلامات القابلة للتحرير في Dreamweaver
- كيفية إنشاء قوالب متداخلة في Dreamweaver
- تحرير القوالب وتحديثها وحذفها
- تصدير محتوى xml واستيراده في Dreamweaver
- تطبيق أو إزالة قالب من مستند موجود
- تحرير المحتوى في قوالب Dreamweaver
- قواعد بناء الجملة لعلامات القوالب في Dreamweaver
- تعيين تفضيلات التمييز لمناطق القالب
- فوائد استخدام القوالب في Dreamweaver
- شاشات الهاتف المحمول والشاشات المتعددة
- المواقع والصفحات ونماذج الويب الديناميكية
- فهم تطبيقات الويب
- إعداد الكمبيوتر لتطوير التطبيقات
- استكشاف أخطاء اتصالات قاعدة البيانات وحلها
- إزالة برامج الاتصال النصية في Dreamweaver
- تصميم صفحات ديناميكية
- نظرة عامة على مصادر المحتوى الديناميكي
- تعريف مصادر المحتوى الديناميكي
- إضافة محتوى ديناميكي إلى الصفحات
- تغيير المحتوى الديناميكي في Dreamweaver
- عرض سجلات قاعدة البيانات
- توفير البيانات المباشرة واستكشاف أخطائها وحلها في Dreamweaver
- إضافة سلوكيات خادم مخصصة في Dreamweaver
- إنشاء النماذج باستخدام Dreamweaver
- استخدام النماذج لجمع معلومات من المستخدمين
- إنشاء نماذج ColdFusion وتمكينها في Dreamweaver
- إنشاء نماذج الويب
- دعم HTML5 محسّن لعناصر النماذج
- تطوير نموذج باستخدام Dreamweaver
- إنشاء التطبيقات مرئيًا
- إنشاء صفحات رئيسية وصفحات تفاصيل في Dreamweaver
- إنشاء صفحات البحث والنتائج
- إنشاء صفحة إدراج سجل
- إنشاء صفحة تحديث سجل في Dreamweaver
- إنشاء صفحات حذف سجل في Dreamweaver
- استخدام أوامر ASP لتعديل قاعدة البيانات في Dreamweaver
- إنشاء صفحة تسجيل
- إنشاء صفحة تسجيل دخول
- إنشاء صفحة يمكن للمستخدمين المخولين فقط الوصول إليها
- تأمين المجلدات في Coldfusion باستخدام Dreamweaver
- استخدام مكونات ColdFusion في Dreamweaver
- اختبار مواقع الويب ومعاينتها ونشرها
- استكشاف الأخطاء وإصلاحها
تعرف على كيفية استخدام قوالب Dreamweaver لتصميم تخطيط صفحة "ثابت"؛ ثم إنشاء المستندات بناءً على القالب الذي يرث تخطيط صفحته.
يعد القالب نوعًا خاصًا من المستند الذي تستخدمه لتصميم تخطيط صفحة "ثابت"؛ يمكنك بعد ذلك إنشاء المستندات بناءً على القالب الذي يرث تخطيط صفحته. وأثناء تصميمك للقالب، تحدده كـ "قابل للتحرير" حيث يمكن لمستخدمي المحتويات تحريره في مستند بناءً على هذا القالب. تتيح القوالب لمؤلفي القوالب إمكانية التحكم في تحديد مستخدمي قوالب عناصر الصفحات - مثل الكتَّاب وفنانين الرسوم وغيرهم من مطوري الويب - الذين يمكنهم التحرير. توجد أنواع متعددة من مناطق القوالب التي يمكن أن يضمِّنها مؤلف القوالب في مستند.
تتيح لك القوالب إمكانية التحكم في منطقة تصميم كبيرة، وقم بإعادة استخدام مخططات كاملة. إذا كنت ترغب في إعادة استخدام عناصر تصميم فردية، مثل شعار أو معلومات حقوق النسخ الخاصة بموقع، قم بإنشاء عناصر مكتبة.
يتيح لك استخدام القوالب إمكانية تحديث صفحات متعددة في مرة واحدة. المستند الذي يتم إنشاؤه من أحد القوالب يظل متصلاً بهذا القالب (ما لم تفصل المستند لاحقًا). يمكنك تعديل قالب وتحديث التصميم على الفور في كل المستندات بناءً عليه.
تختلف القوالب في Dreamweaver عن القوالب في بعض برامج Adobe Creative Cloud الأخرى في أن أقسام الصفحة هذه من قوالب Dreamweaver تكون ثابتة (أو غير قابلة للتحرير) افتراضيًا.
أنواع مناطق القوالب
عندما تحفظ مستند كقالب، تكون معظم مناطق المستند مؤمّنة. باعتبارك مؤلف قالب، تحدد مناطق المستند القائم على القالب والتي ستكون قابلة للتحرير بإدراج مناطق قابلة للتحرير أو المعلمِّات القابلة للتحرير في القالب.
مع إنشائك للقالب، يمكنك إجراء تغييرات على كلٍ من المناطق القابلة للتحرير والمناطق المؤمَّنة. إلا أنه في مستند قائم على القالب، يمكن لمستخدم القالب إجراء التغييرات فقط في المناطق القابلة للتحرير، ولا يمكن تعديل المناطق المؤمَّنة.
توجد أربعة أنواع من مناطق القوالب:
المنطقة القابلة للتحرير: منطقة غير مؤمَّنة في مستند قائم على قالب - وهو قسم يمكن لمستخدم القالب تحريره. يمكن لمؤلف القالب تحديد أي منطقة من القالب باعتبارها منطقة قابلة للتحرير. لكي يكون القالب فعالاً، يجب أن يحتوي على منطقة واحدة على الأقل قابلة للتحرير، وإلا لن يمكن تحرير الصفحات بناءً على القالب. للحصول على معلومات تفصيلية حول المناطق القابلة للتحرير، راجع إنشاء المناطق القابلة للتحرير في القوالب.
منطقة التكرار: قسم من مخطط المستند يتم تعيينه بحيث يمكن لمستخدم القالب إضافة أو حذف نسخ منطقة التكرار في مستند قائم على القالب باعتباره ضروريًا. على سبيل المثال، يمكنك تعيين صف جدول للتكرار. تكون أقسام التكرار قابلة للتحرير بحيث يمكن لمستخدم القالب إضافة المحتويات في عنصر التكرار، بينما يكون التصميم نفسه تحت تحكم مؤلف القالب.
يوجد نوعان من مناطق التكرار التي يمكنك إدراجها في قالب: منطقة التكرار وجدول التكرار. لمعرفة كيفية العمل باستخدام المناطق المكررة، راجع إنشاء الجداول والمناطق المكررة في Dreamweaver.
المنطقة الاختيارية: قسم من القالب به محتويات - مثل نص أو صورة - يمكن أو لا يمكن أن تظهر في مستند. في الصفحة القائمة على قالب، يتحكم مستخدم القالب عادةً فيما إذا كان يتم عرض المحتويات أم لا. راجع قسم المنطقة الاختيارية لمزيد من المعلومات.
سمة العلامة القابلة للتحرير: تتيح لك إلغاء تأمين سمة علامة في قالب، بحيث يمكن تحرير السمة في صفحة قائمة على قالب. على سبيل المثال، يمكنك "تأمين" أي الصور التي تظهر في المستند، لكن تتيح لمستخدم القالب تعيين المحاذاة إلى اليسار أو اليمين أو الوسط. راجع تحديد سمات العلامات القابلة للتحرير في Dreamweaver لمزيد من المعلومات.
روابط في القوالب
عندما تقوم بإنشاء ملف قالب بحفظ صفحة حالية كقالب، القالب الجديد في المجلد Templates، وأي ارتباطات في الملف يتم تحديثها بحيث تكون مساراتها المرتبطة بالمستند صحيحة. بعد ذلك، عندما تقوم بإنشاء مستند قائم على هذا القالب وحفظه، يتم تحديث كل الارتباطات المتعلقة بالمستند مرة أخرى لكي تظل تشير إلى المستندات الصحيحة.
عندما تقوم بإضافة ارتباط جديد متعلق بالمستند إلى ملف قالب، من السهل إدخال اسم المسار الخاطئ إذا كتبت المسار في مربع نص الارتباط في عارض الخصائص. المسار الصحيح في ملف القالب هو المسار من مجلد Templates إلى المستندات المرتبطة، وليس المسار من مجلد المستند القائم على قالب إلى المستند المرتبط. تأكد من أن المسارات الصحيحة للارتباطات موجودة باستخدام رمز المجلد أو رمز Point-to-file في عارض الخصائص عند إنشاء ارتباطات في قوالب.
برامج نصية للخوادم في قوالب وفي مستندات قائمة على قوالب
يتم إدراج بعض البرامج النصية للخوادم في بداية المستند أو في نهايته (قبل علامة <html> أو بعد علامة </html>). وتتطلب مثل هذه البرامج النصية معاملة خاصة في القوالب وفي المستندات القائمة على القوالب. في المعتاد، إذا أجريت تغييرات على المعلمة البرمجية للبرنامج النصي قبل علامة <html> أو بعد علامة </html> في قالب، لا يتم نسخ التغييرات إلى المستندات القائمة على قوالب. حيث يمكن أن يتسبب ذلك في حدوث أخطاء في الخادم إذا كانت البرامج النصية للخوادم، الموجودة في النص الأساسي للقالب، تعتمد على البرامج النصية التي لم يتم نسخها. يظهر تنبيه يحذرك من إجراء تغييرات قبل علامة <html> أو بعد علامة </html> في قالب.
لتجنب هذه المشكلة، يمكنك إدراج المعلمة البرمجية التالية في قسم الرأس من القالب:
<!-- 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)@@
يتم دعم الميزات والعوامل التالية:
البيانات الحرفية الرقمية، والسلاسل الحرفية (بناء جملة علامة التنصيص المزدوجة فقط)، والبيانات الحرفية المنطقية (صواب أو خطأ)
مرجع متغير (راجع قائمة المتغيرات المحددة لاحقًا في هذا القسم)
مرجع الحقل (عامل "النقطة")
عوامل تشغيل أحادية: +، -، ~، !
عوامل تشغيل ثنائية: +، -، *، /، %، &، |، ^، &&، ||، <، <=، >، >=، ==، !=, <<, >>
العوامل الشرطية: ؟:
الأقواس: ()
يتم استخدام نوعي البيانات التاليين: البيانات المنطقية والفاصلة العائمة 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" -->
تفحص عبارة الشرط التالية القيمة المعينة إلى معلمة 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 -->
عندما تقوم بإنشاء مستند قائم على قالب، يتم نقل معلِّمات القوالب تلقائيًا إليها. ويحدد مستخدم القالب الصورة التي سيتم عرضها.