- دليل مستخدم 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
- اختبار مواقع الويب ومعاينتها ونشرها
- استكشاف الأخطاء وإصلاحها
تمت إزالة دعم ColdFusion في Dreamweaver والإصدارات اللاحقة.
نبذة عن نماذج ColdFusion
توفر نماذج ColdFusion لك عدة آليات مضمنة للتحقق من بيانات النموذج. على سبيل المثال، يمكنك التحقق للتأكد من إدخال المستخدم لتاريخ صالح. كما تتضمن بعض عناصر التحكم في النماذج ميزات إضافية. ليس لدى الكثير نظراء HTML، ويدعم آخرون الملء الديناميكي مباشرةً لعنصر التحكم من مصادر البيانات.
يوفر Dreamweaver عددًا من التحسينات لمطوري ColdFusion الذين يستخدمون ColdFusion MX 7 أو إصدار أحدث كخادم تطوير. وتشمل هذه التحسينات مزيدًا من أزرار لوحات Insert وعناصر القوائم وعارضات الخصائص؛ لتتمكن من إنشاء خصائص نماذج ColdFusion وتعيينها بسرعة. يمكنك أيضًا إنشاء تعليمة برمجية للتحقق من صحة المعلومات التي يقدمها زائرو الموقع. على سبيل المثال، يمكنك التحقق من احتواء عنوان البريد الإلكتروني الذي يدخله المستخدم على الرمز @، أو احتواء حقل نص مطلوب على نوع قيمة معين.
تمكين تحسينات ColdFusion
تتطلب بعض هذه التحسينات تحديد كمبيوتر مثبت عليه ColdFusion MX 7 أو إصدار أحدث كخادم اختبار لـ. Dreamweaver. على سبيل المثال، لا تتوفر عارضات الخصائص لعناصر التحكم في النموذج إلا في حالة تحديد خادم الاختبار الصحيح.
وتقوم بتحديد خادم اختبار مرة واحدة فقط. ثم يكتشف Dreamweaver بعد ذلك إصدار خادم الاختبار تلقائيًا، ويُجري التحسينات المتاحة في حالة اكتشاف ColdFusion.
-
إذا لم تكن قد حددت بالفعل موقع Dreamweaver لمشروع ColdFusion، فقم بذلك الآن.
-
حدد Site > Manage Sites، وحدد موقعك من القائمة، ثم انقر فوق Edit.
-
حدد الفئة Servers وجهاز كمبيوتر مثبت عليه ColdFusion MX 7 أو إصدار أحدث كخادم اختبار لموقع Dreamweaver. تأكد أنك من تحديد عنوان URL صالح على الويب.
-
افتح أي مستند ColdFusion.
لن ترى أي تغييرات مرئية على مساحة عمل Dreamweaver حتى تفتح مستند ColdFusion.
إنشاء نماذج ColdFusion
يمكنك استخدام عدد من أزرار لوحات Insert وعناصر القوائم وعارضات الخصائص؛ لإنشاء نماذج ColdFusion وتعيين خصائصها في Dreamweaver بسرعة.
لا تتوفر هذه التحسينات إلا إذا كان بإمكانك الوصول إلى كمبيوتر مثبت عليه ColdFusion MX 7 أو إصدار أحدث.
-
افتح صفحة ColdFusion، وضع نقطة الإدخال في المكان الذي تريد ظهور نموذج ColdFusion فيه.
-
حدد Insert > ColdFusion Objects > CFForm > CFForm، أو حدد الفئة CFForm من اللوحة Insert وانقر فوق الرمز CF Form.
يُدرج Dreamweaver نموذج ColdFusion فارغًا. في طريقة العرض Design، يُشار إلى النموذج بحد خارجي أحمر منقط. وإذا لم يظهر هذا الحد الخارجي، فتأكد من تحديد View > Visual Aids > Invisible Elements.
-
تأكد أن النموذج ما يزال محددًا، ثم استخدم عارض الخصائص لتعيين أي خاصية من خصائص النموذج التالية.
CFForm
لتعيين اسم للحقل.
Action
يتيح لك تحديد اسم صفحة ColdFusion المطلوب معالجتها عند إرسال النموذج.
Method
يتيح لك تحديد الأسلوب الذي يستخدمه المستعرض لإرسال بيانات النموذج إلى الخادم:
POST
يرسل البيانات باستخدام الأسلوب post لـ HTTP؛ ويرسل هذا الأسلوب البيانات في رسالة منفصلة إلى الخادم.
GET
يرسل البيانات باستخدام الأسلوب get لـ HTTP؛ ويضع محتويات حقل النموذج في سلسلة استعلام عنوان URL.
Target
يتيح لك تعديل قيمة السمة الهدف لعلامة cfform.
Encoding Type
لتحديد أسلوب التشفير المستخدم لإرسال بيانات النموذج.
ملاحظة:لا يشير نوع التشفير إلى تشفير الأحرف. تحدد هذه السمة نوع المحتوى المستخدم لإرسال النموذج إلى الخادم (عندما تكون قيمة الأسلوب post). وتكون القيمة الافتراضية لهذه السمة application/x-www-form-urlencoded.
Format
لتحديد نوع النموذج المنشأ:
HTML
لإنشاء نموذج HTML وإرساله إلى العميل. ويمكن وجود عنصري التحكم cfgrid وcftree بتنسيق Flash أوapplet.
Flash
لإنشاء نموذج Flash وإرساله إلى العميل. تكون جميع عناصر التحكم بتنسيق Flash.
XML
لإنشاء XForms XML ووضع النتائج في متغير باسم نموذج ColdFusion. لا ترسل أي شيء إلى العميل. ويمكن وجود عنصري التحكم cfgrid وcftree بتنسيق Flash أوapplet.
Style
يتيح لك تحديد نمط للنموذج. لمزيد من المعلومات، راجع وثائق ColdFusion.
Flash/XML Skin
يتيح لك تحديد لون هالة لإضفاء تأثير نمطي على النتيجة. ويحدد النسق اللون المستخدم لعناصر مميزة ومحددة.
Preserve Data
لتحديد ما إذا كان سيتم تجاوز قيم عناصر التحكم الأولية بقيم يتم إرسالها عند نشر النموذج إلى نفسه أم لا.
إذا كانت False، يتم استخدام القيم المحددة في سمات علامات عنصر التحكم.
وإذا كانت True، يتم استخدام القيم المرسلة.
Scripts src
يحدد عنوان URL، ذا الصلة بموقع ويب الجذري، الخاص بملف JavaScript الذي يحتوي على تعليمة برمجية من جانب الخادم مستخدمة بواسطة العلامة والعلامات الثانوية الخاصة به. وتعبر هذه السمة مفيدة في حالة عدم وجود الملف في المكان الافتراضي. قد تكون هذه السمة مطلوبة في بعض بيئات وتكوينات الاستضافة التي تحظر الوصول إلى دليل /CFIDE. يتم تعيين المكان الافتراضي في ColdFusion Administrator؛ ويكون افتراضيًا /CFIDE/scripts/cfform.js.
Archive
لتحديد عنوان URL لفئات Java القابلة للتنزيل لعناصر تحكم التطبيقات cfgrid، وcfslider، وcftree. المكان الافتراضي هو /CFIDE/classes/cfapplets.jar.
Height
لتعيين ارتفاع النموذج.
Width
لتعيين عرض النموذج.
Display Tag Editor for cfform
يتيح لك تحرير خصائص غير مدرجة في عارض الخصائص.
-
قم بإدراج عناصر تحكم في نموذج ColdFusion.
ضع نقطة الإدخال في المكان الذي تريد ظهور عنصر التحكم في نموذج ColdFusion فيه في نموذج ColdFusion، ثم حدد عنصر التحكم من القائمة Insert (Insert > ColdFusion Objects > CFForm)، أو من الفئة CFForm في اللوحة Insert.
-
قم بتعيين خصائص عنصر التحكم باستخدام عارض الخصائص، عند الحاجة.
تأكد من تحديد عنصر التحكم في طريقة العرض Design، ثم قم بتعيين الخصائص في عارض الخصائص. لمزيد من المعلومات حول الخصائص، انقر فوق الرمز Help في عارض الخصائص.
-
اضبط مخطط نموذج ColdFusion.
إذا كنت تقوم بإنشاء نموذج قائم على HTML، فيمكنك استخدام فواصل الأسطر، أو فواصل الفقرات، أو النص المنسق مسبقًا، أو الجداول لتنسيق النماذج. لا يمكنك إدراج نموذج ColdFusion في نموذج ColdFusion آخر (أي لا يمكنك مداخلة علامات)، لكن يمكنك تضمين أكثر من نموذج ColdFusion في صفحة.
إذا كنت تقوم بإنشاء نموذج قائم على Flash، فاستخدم أنماط Cascading Style Sheets (CSS) لتخطيط النموذج. يتجاهل ColdFusion أي HTML في النموذج.
لا تنسَ تسمية حقول نموذج ColdFusion بنص وصفي يسمح للمستخدمين بمعرفة ما يستجيبون له. على سبيل المثال، ضع التسمية "اكتب اسمك" لطلب معلومات الاسم.
إدراج عناصر تحكم في نموذج ColdFusion
استخدم اللوحة Insert أو القائمة Insert لإدراج عناصر تحكم في نموذج ColdFusion بسرعة في نموذج ColdFusion. يجب إنشاء نموذج ColdFusion فارغ قبل إدراج عناصر تحكم به.
لا تتوفر هذه التحسينات إلا إذا كان بإمكانك الوصول إلى كمبيوتر مثبت عليه ColdFusion MX 7 أو إصدار أحدث.
-
في طريقة العرض Design، ضع نقطة الإدخال داخل الحد الخارجي للنموذج.
-
حدد عنصر التحكم من القائمة Insert (Insert > ColdFusion Objects > CFForm)، أو من الفئة CFForm من اللوحة Insert.
-
انقر فوق عنصر التحكم في الصفحة لتحديده، ثم قم بتعيين خصائصه في عارض الخصائص.
للحصول على معلومات حول خصائص عناصر تحكم معينة، راجع الموضوعات المتعلقة بعناصر التحكم.
إدراج حقول نص ColdFusion
يمكنك إدراج حقل نص أو حقل كلمة مرور لخادم ColdFusion في النموذج بشكل مرئي، ثم تعيين خياراته.
لا يتوفر هذا التحسين إلا إذا كان بإمكانك الوصول إلى كمبيوتر مثبت عليه ColdFusion MX 7 أو إصدار أحدث.
إدراج حقل نص ColdFusion بشكل مرئي
-
في طريقة العرض Design، ضع نقطة الإدخال داخل الحد الخارجي للنموذج.
-
في الفئة CFForm للوحة Insert، انقر فوق الرمز CF Text Field أو حدد Insert > ColdFusion Objects > CFForm > CFtextfield.
يظهر حقل نص في النموذج.
-
حدد حقل النص وقم بتعيين خصائصه في عارض الخصائص.
-
لتسمية حقل النص، أو خانة الاختيار، أو زر التحديد، انقر بجواره واكتب التسمية.
إدراج حقل كلمة مرور بشكل مرئي
-
كرر الخطوتين 1 و2 في الإجراء السابق لإدراج حقل نص.
-
حدد حقل النص الذي تم إدراجه لإظهار عارض الخصائص له.
-
حدد قيمة كلمة المرور من القائمة Text Mode المنبثقة في عارض الخصائص.
خيارات CFTextField (ColdFusion)
لتعيين خصائص حقل نص أو حقل كلمة مرور ColdFusion، قم بتعيين أي من الخيارات التالية في عارض الخصائص لحقل CFTextField:
CFtextfield
لتعيين السمة id لعلامة <cfinput>.
Value
يتيح لك تحديد نص ليتم عرضه في الحقل عند فتح الصفحة لأول مرة في مستعرض. ويمكن أن تكون المعلومات ثابتة أو ديناميكية.
لتحديد قيمة ديناميكية، انقر فوق رمز صعقة البرق بجوار المربع Value وحدد عمود مجموعة تسجيل في مربع الحوار Dynamic Data. يزود عمود مجموعة التسجيل حقل النص بقيمة عند عرض النموذج في مستعرض.
Text Mode
يتيح لك الانتقال بين حقل إدخال النص العادي وحقل إدخال كلمة المرور. السمة التي يتم تعديلها بواسطة عنصر التحكم هذا هي type.
Read Only
يتيح لك جعل النص المعروض للقراءة فقط.
Max Length
لتعيين أقصى عدد أحرف يقبله حقل النص.
Mask
يتيح لك تحديد قناع للنص المطلوب. يمكنك استخدام هذه الخاصية للتحقق من إدخال المستخدم. يتكون تنسيق القناع من الأحرف A و9 وX و؟.
يتم تجاهل سمة القناع للعلامة cfinput type="password".
Validate
لتحديد نوع التحقق للحقل الحالي.
Validate At
لتحديد متى يتم التحقق من الحقل: onSubmit، أو onBlur، أو onServer.
Label
يتيح لك تحديد تسمية لحقل النص.
Pattern
يتيح لك تحديد نقش تعبير عادي لـ JavaScript للتحقق من الإدخال. احذف علامات الشرطة المائلة البادئة والزائدة. لمزيد من المعلومات، راجع وثائق ColdFusion.
Height
يتيح لك تحديد ارتفاع عنصر التحكم بالبكسل.
Width
يتيح لك تحديد عرض عنصر التحكم بالبكسل.
Size
يتيح لك تحديد حجم عنصر التحكم.
Required
يتيح لك تحديد ما إذا كان يجب احتواء حقل النص على بيانات قبل إرسال النموذج إلى الخادم أم لا.
Display Tag Editor
يتيح لك تحرير خصائص غير مدرجة في عارض الخصائص.
إدراج حقول ColdFusion مخفية
يمكنك بشكل مرئي إدراج حقل ColdFusion مخفي في النموذج وتعيين خصائصه. استخدم الحقول المخفية لتخزين معلومات لا يدخلها المستخدم وإرسالها. تكون المعلومات مخفية عن المستخدم.
لا يتوفر هذا التحسين إلا إذا كان بإمكانك الوصول إلى كمبيوتر مثبت عليه ColdFusion MX 7 أو إصدار أحدث.
-
في طريقة العرض Design، ضع نقطة الإدخال داخل الحد الخارجي للنموذج.
-
في الفئة CFForm باللوحة Insert، انقر فوق الرمز CF Hidden Field.
تظهر علامة في نموذج ColdFusion. وإذا لم تظهر العلامة، فحدد View > Visual Aids > Invisible Elements.
-
حدد الحقل المخفي في الصفحة، وقم بتعيين أي من الخيارات التالية في عارض الخصائص:
Cfhiddenfield
يتيح لك تحديد اسم فريد للحقل المخفي.
Value
يتيح لك تحديد قيمة للحقل المخفي. ويمكن أن تكون البيانات ثابتة أو ديناميكية.
لتحديد قيمة ديناميكية، انقر فوق رمز صعقة البرق بجوار المربع Value وحدد عمود مجموعة تسجيل في مربع الحوار Dynamic Data. يزود عمود مجموعة التسجيل حقل النص بقيمة عند عرض النموذج في مستعرض.
Validate
لتحديد نوع التحقق للحقل الحالي.
Validate At
لتحديد متى يتم التحقق من الحقل: onSubmit، أو onBlur، أو onServer.
Label
يتيح لك تحديد تسمية لعنصر التحكم. يتم تجاهل هذه الخاصية بواسطة خادم ColdFusion في وقت التشغيل.
Pattern
يتيح لك تحديد نقش تعبير عادي لـ JavaScript للتحقق من الإدخال. احذف علامات الشرطة المائلة البادئة والزائدة. لمزيد من المعلومات، راجع وثائق ColdFusion.
Height
يتيح لك تحديد ارتفاع عنصر التحكم بالبكسل. يتم تجاهل هذه الخاصية بواسطة خادم ColdFusion في وقت التشغيل.
Width
يتيح لك تحديد عرض عنصر التحكم بالبكسل. يتم تجاهل هذه الخاصية بواسطة خادم ColdFusion في وقت التشغيل.
Size
يتيح لك تحديد حجم عنصر التحكم. يتم تجاهل هذه الخاصية بواسطة خادم ColdFusion في وقت التشغيل.
Required
يتيح لك تحديد ما إذا كان يجب احتواء الحقل المخفي على بيانات قبل إرسال النموذج إلى الخادم أم لا.
Display Tag Editor
يتيح لك تحرير خصائص غير مدرجة في عارض الخصائص.
إدراج مناطق نص ColdFusion
يمكنك بشكل مرئي إدراج منطقة نص ColdFusion في النموذج وتعيين خصائصها. تعتبر منطقة النص عنصر إدخال يتكون من عدة أسطر نصية.
لا يتوفر هذا التحسين إلا إذا كان بإمكانك الوصول إلى كمبيوتر مثبت عليه ColdFusion MX 7 أو إصدار أحدث.
-
ضع نقطة الإدخال داخل الحد الخارجي للنموذج.
-
في الفئة CFForm باللوحة Insert، انقر فوق الرمز CF Text Area.
تظهر منطقة النص في نموذج ColdFusion.
-
حدد منطقة النص في الصفحة، وقم بتعيين أي من الخيارات التالية في عارض الخصائص:
Cftextarea
يتيح لك تحديد اسم فريد لعنصر التحكم.
Char Width
يتيح لك تعيين عدد الأحرف لكل سطر.
Num Lines
يتيح لك تعيين عدد الصفوف الذي يمكن عرضه في منطقة النص.
Wrap
يتيح لك تحديد الطريقة التي تريد التفاف النص الذي يدخله المستخدم بها.
Required
يتيح لك تحديد ما إذا كان يجب على المستخدم إدخال بيانات في الحقل (محدد) أم لا (غير محدد).
Initial Value
يتيح لك تحديد نص ليتم عرضه في منطقة النص عند فتح الصفحة لأول مرة في مستعرض.
Validate
لتحديد نوع التحقق للحقل.
Validate At
لتحديد متى يتم التحقق من الحقل: onSubmit، أو onBlur، أو onServer.
Label
يتيح لك تحديد تسمية لعنصر التحكم.
Style
يتيح لك تحديد نمط لعنصر التحكم. لمزيد من المعلومات، راجع وثائق ColdFusion.
Height
يتيح لك تحديد ارتفاع عنصر التحكم بالبكسل. يتم تجاهل هذه الخاصية بواسطة خادم ColdFusion في وقت التشغيل.
Width
يتيح لك تحديد عرض عنصر التحكم بالبكسل. يتم تجاهل هذه الخاصية بواسطة خادم ColdFusion في وقت التشغيل.
Display Tag Editor
يتيح لك تحرير خصائص غير مدرجة في عارض الخصائص.
-
لتسمية منطقة النص، انقر بجوارها وأدخل نصًا للتسمية.
إدراج أزرار ColdFusion
يمكنك بشكل مرئي إدراج زر ColdFusion في النموذج وتعيين خصائصه. تتحكم أزرار ColdFusion في عمليات نموذج ColdFusion. ويمكن استخدام الأزرار لإرسال بيانات نموذج ColdFusion إلى الخادم أو لإعادة ضبط نموذج ColdFusion. وتحمل أزرار ColdFusion القياسية عادةً التسميات: Submit، أو Reset، أو Send. يمكنك أيضًا تعيين مهام معالجة أخرى قمت بحديدها في برنامج نصي. حيث يمكن مثلاً أن يحسب الزر إجمالي تكلفة أصناف محددة بناءً على قيم معينة.
لا يتوفر هذا التحسين إلا إذا كان بإمكانك الوصول إلى كمبيوتر مثبت عليه ColdFusion MX 7 أو إصدار أحدث.
-
ضع نقطة الإدخال داخل الحد الخارجي لنموذج ColdFusion.
-
في الفئة CFForm باللوحة Insert، انقر فوق الرمز CF Button.
يظهر زر في نموذج ColdFusion.
-
حدد الزر في الصفحة، وقم بتعيين أي من الخيارات التالية في عارض الخصائص:
Cfbutton
يتيح لك تحديد اسم فريد لعنصر التحكم.
Action
يتيح لك تعيين نوع الزر المطلوب إنشاؤه.
Display Tag Editor
يتيح لك تحرير خصائص غير مدرجة في عارض الخصائص.
يتم تجاهل الخصائص الأخرى بواسطة خادم ColdFusion في وقت التشغيل.
إدراج خانات اختيار ColdFusion
يمكنك بشكل مرئي إدراج خانة اختيار ColdFusion في النموذج وتعيين خصائصها. استخدم خانات الاختيار لتمكين المستخدمين من تحديد أكثر من خيار من مجموعة خيارات.
لا يتوفر هذا التحسين إلا إذا كان بإمكانك الوصول إلى كمبيوتر مثبت عليه ColdFusion MX 7 أو إصدار أحدث.
-
ضع نقطة الإدخال داخل الحد الخارجي للنموذج.
-
في الفئة CFForm باللوحة Insert، انقر فوق الرمز CF Checkbox.
تظهر خانة اختيار في نموذج ColdFusion.
-
حدد خانة الاختيار في الصفحة، وقم بتعيين أي من الخيارات التالية في عارض الخصائص:
Cfcheckbox
يتيح لك تحديد اسم فريد لعنصر التحكم.
Checked Value
يتيح لك تحديد قيمة ليتم إرجاعها بواسطة خانة الاختيار إذا قام المستخدم بتحديدها.
Initial State
يتيح لك تحديد ما إذا كانت خانة الاختيار ستظهر محددة عند فتح الصفحة لأول مرة في مستعرض أم لا.
Validate
لتحديد نوع التحقق لخانة الاختيار.
Validate At
لتحديد متى يتم التحقق من خانة الاختيار: onSubmit، أو onBlur، أو onServer.
Label
يتيح لك تحديد تسمية لخانة الاختيار.
Pattern
يتيح لك تحديد نقش تعبير عادي لـ JavaScript للتحقق من الإدخال. احذف علامات الشرطة المائلة البادئة والزائدة. لمزيد من المعلومات، راجع وثائق ColdFusion.
Height
يتيح لك تحديد ارتفاع عنصر التحكم بالبكسل. يتم تجاهل هذه الخاصية بواسطة خادم ColdFusion في وقت التشغيل.
Width
يتيح لك تحديد عرض عنصر التحكم بالبكسل. يتم تجاهل هذه الخاصية بواسطة خادم ColdFusion في وقت التشغيل.
Size
يتيح لك تحديد حجم عنصر التحكم. يتم تجاهل هذه الخاصية بواسطة خادم ColdFusion في وقت التشغيل.
Required
يتيح لك تحديد ما إذا كان يجب تحديد خانة الاختيار قبل إرسال النموذج إلى الخادم أم لا.
Display Tag Editor
يتيح لك تحرير خصائص غير مدرجة في عارض الخصائص.
-
لتسمية خانة الاختيار، انقر بجوارها في الصفحة وأدخل نصًا للتسمية.
إدراج أزرار تحديد ColdFusion
يمكنك بشكل مرئي إدراج زر تحديد ColdFusion في النموذج وتعيين خصائصه. استخدم أزرار التحديد عندما تريد من المستخدمين تحديد خيار واحد فقط من ضمن مجموعة خيارات. وتستخدم أزرار التحديد عادةً في المجموعات. يجب أن تحمل جميع أزرار التحديد بمجموعة ما الاسم نفسه.
لا يتوفر هذا التحسين إلا إذا كان بإمكانك الوصول إلى كمبيوتر مثبت عليه ColdFusion MX 7 أو إصدار أحدث.
-
ضع نقطة الإدخال داخل الحد الخارجي للنموذج.
-
حدد Insert > ColdFusion Objects > CFForm > CFradiobutton.
يظهر زر تحديد في نموذج ColdFusion.
-
حدد زر التحديد في الصفحة، وقم بتعيين أي من الخيارات التالية في عارض الخصائص:
Cfradiobutton
يتيح لك تحديد اسم فريد لعنصر التحكم.
Checked Value
يتيح لك تحديد قيمة ليتم إرجاعها بواسطة زر التحديد إذا قام المستخدم بتحديدها.
Initial State
يتيح لك تحديد ما إذا كان زر التحديد سيظهر محددًا عند فتح الصفحة لأول مرة في مستعرض أم لا.
Validate
لتحديد نوع التحقق لزر التحديد.
Validate At
لتحديد متى يتم التحقق من زر التحديد: onSubmit، أو onBlur، أو onServer.
Label
يتيح لك تحديد تسمية لزر التحديد.
Pattern
يتيح لك تحديد نقش تعبير عادي لـ JavaScript للتحقق من الإدخال. احذف علامات الشرطة المائلة البادئة والزائدة. لمزيد من المعلومات، راجع وثائق ColdFusion.
Height
يتيح لك تحديد ارتفاع عنصر التحكم بالبكسل. يتم تجاهل هذه الخاصية بواسطة خادم ColdFusion في وقت التشغيل.
Width
يتيح لك تحديد عرض عنصر التحكم بالبكسل. يتم تجاهل هذه الخاصية بواسطة خادم ColdFusion في وقت التشغيل.
Size
يتيح لك تحديد حجم عنصر التحكم. يتم تجاهل هذه الخاصية بواسطة خادم ColdFusion في وقت التشغيل.
Required
يتيح لك تحديد ما إذا كان يجب تحديد زر التحديد قبل إرسال النموذج إلى الخادم أم لا.
Display Tag Editor
يتيح لك تحرير خصائص غير مدرجة في عارض الخصائص.
-
لتسمية زر التحديد، انقر بجواره في الصفحة وأدخل نصًا للتسمية.
إدراج مربعات تحديد ColdFusion
يمكنك بشكل مرئي إدراج مربع تحديد ColdFusion في النموذج وتعيين خصائصه. يتيح مربع التحديد للزائر تحديد عنصر أو أكثر من قائمة. تعتبر مربعات التحديد مفيدة عندما تكون لديك مساحة محدودة، ولكنك تحتاج إلى عرض عدة عناصر. كما تفيدك عندما تريد التحكم في القيم التي يتم إرجاعها إلى الخادم. وعلى خلاف حقول النص التي يمكن للمستخدمين كتابة ما يشاءون بها، بما في ذلك البيانات غير الصالحة، بالنسبة لمربعات التحديد، يمكنك تعيين القيم الدقيقة التي ترجعها القائمة.
يمكنك إدراج نوعين من مربعات التحديد في النموذج وهما: قائمة "تنسدل لأسفل" عند نقر المستخدم فوقها، أو قائمة تعرض قائمة بخيارات يمكن التنقل خلالها ليتمكن المستخدم من التحديد منها.
لا يتوفر هذا التحسين إلا إذا كان بإمكانك الوصول إلى كمبيوتر مثبت عليه ColdFusion MX 7 أو إصدار أحدث.
-
ضع نقطة الإدخال داخل الحد الخارجي للنموذج.
-
في الفئة CFForm باللوحة Insert، انقر فوق الرمز CF Select.
يظهر مربع تحديد في نموذج ColdFusion.
-
حدد مربع التحديد في الصفحة، وقم بتعيين أي من الخيارات التالية في عارض الخصائص:
Cfselect
يتيح لك تحديد اسم فريد لعنصر التحكم.
Type
يتيح لك الاختيار بين القائمة (list) والقائمة المنبثقة (menu). وإذا حددت النوع list، فسيتوفر الخياران List Height وAllow Multiple List Selections.
List Height
يتيح لك تحديد عدد الأسطر الذي يمكن عرضه في القائمة list. لا يتوفر إلا في حالة تحديد النوع list.
Allow Multiple List Selections
يتيح لك تحديد ما إذا كان بإمكان المستخدم تحديد أكثر من خيار واحد من القائمة في مرة الواحدة أم لا. لا يتوفر إلا في حالة تحديد النوع list.
Edit Values
لفتح مربع حوار يتيح لك إضافة خيارات إلى مربع التحديد أو تحريرها أو إزالتها.
Initially Selected
يتيح لك تحديد الخيار الذي يظهر محددًا بشكل افتراضي. يمكنك تحديد أكثر من خيار في حالة تحديد الخيار Allow Multiple List Selections.
Recordset
يتيح لك تحديد اسم استعلام ColdFusion المطلوب استخدامه لملء القائمة من النوع list أو menu.
Display Column
يتيح لك تحديد عمود مجموعة التسجيل الذي سيزود كل عنصر قائمة بتسمية العرض. يُستخدم مع خاصية Recordset.
Value Column
يتيح لك تحديد عمود مجموعة التسجيل الذي سيزود كل عنصر قائمة بالقيمة. يُستخدم مع خاصية Recordset.
Flash Label
يتيح لك تحديد تسمية لمربع التحديد.
Flash Height
يتيح لك تحديد ارتفاع عنصر التحكم بالبكسل. يتم تجاهل هذه الخاصية بواسطة خادم ColdFusion في وقت التشغيل.
Flash Width
يتيح لك تحديد عرض عنصر التحكم بالبكسل. يتم تجاهل هذه الخاصية بواسطة خادم ColdFusion في وقت التشغيل.
Message
لتحديد الرسالة التي يتم عرضها في حالة تعيين الخاصية Required إلى Yes، وفشل المستخدم في تحديد خيار قبل إرسال النموذج.
Required
يتيح لك تحديد ما إذا كان يجب تحديد عنصر قائمة قبل إرسال النموذج إلى الخادم أم لا.
Display Tag Editor
يتيح لك تحرير خصائص غير مدرجة في عارض الخصائص.
إدراج حقول صور ColdFusion
يمكنك بشكل مرئي إدراج حقل صورة ColdFusion في النموذج وتعيين خياراته. استخدم حقول الصور لإنشاء أزرار مخصصة.
لا يتوفر هذا التحسين إلا إذا كان بإمكانك الوصول إلى كمبيوتر مثبت عليه ColdFusion MX 7 أو إصدار أحدث.
-
في طريقة العرض Design، ضع نقطة الإدخال داخل الحد الخارجي للنموذج.
-
في الفئة CFForm باللوحة Insert، انقر فوق الرمز CF Image Field. استعرض لتحديد الصورة المطلوب إدراجها، وانقر فوق OK. وبدلاً من ذلك، يمكنك إدخال مسار ملف الصورة في المربع Src.ملاحظة:
وإذا كانت الصورة خارج المجلد الجذر للموقع، فيجب نسخ الصورة إلى المجلد الجذر. قد لا يمكن الوصول إلى الصور الموجودة خارج المجلد الجذر عند نشر الموقع.
-
حدد حقل الصورة في الصفحة، وقم بتعيين أي من الخيارات التالية في عارض الخصائص:
Cfimagefield
يتيح لك تحديد اسم فريد لعنصر التحكم.
Src
يتيح لك تحديد عنوان URL للصورة التي يتم إدخالها.
Alt
يتيح لك تعيين رسالة عند عدم إمكانية عرض الصورة.
Align
يتيح لك تعيين محاذاة الصورة.
Border
يتيح لك تعيين عرض حد الصورة.
Edit Image
لفتح الصورة في محرر الصور الافتراضي.
لتحديد محرر صور افتراضي، حدد Edit > Preferences > File Types / Editors. وإلا، فلن ينفذ الزر Edit Image أي إجراء.
Validate
لتحديد نوع التحقق لحقل الصورة.
Validate At
لتحديد متى يتم التحقق من الحقل: onSubmit، أو onBlur، أو onServer.
Label
يتيح لك تحديد تسمية لزر التحديد.
Pattern
يتيح لك تحديد نقش تعبير عادي لـ JavaScript للتحقق من الإدخال. احذف علامات الشرطة المائلة البادئة والزائدة. لمزيد من المعلومات، راجع وثائق ColdFusion.
Height
يتيح لك تحديد ارتفاع عنصر التحكم بالبكسل.
Width
يتيح لك تحديد عرض عنصر التحكم بالبكسل.
Size
يتيح لك تحديد حجم عنصر التحكم. يتم تجاهل هذه الخاصية بواسطة خادم ColdFusion في وقت التشغيل.
Required
يتيح لك تحديد ما إذا كان يجب احتواء عنصر التحكم على بيانات قبل إرسال النموذج إلى الخادم أم لا.
Display Tag Editor
يتيح لك تحرير خصائص غير مدرجة في عارض الخصائص.
إدراج حقول ملفات ColdFusion
يمكنك بشكل مرئي إدراج حقل ملف ColdFusion في النموذج وتعيين خصائصه. استخدم حقل الملف لتمكن المستخدمين من تحديد ملف من جهاز الكمبيوتر - كمستند منشأ ببرنامج معالجة كلمات أو ملف رسومي - وتحميله إلى الخادم. يظهر حقل ملف ColdFusion كغيره من حقول النص، إلا أنه يحتوي أيضًا على زر Browse. يمكن للمستخدمين إدخال مسار الملف المراد تحميله يدويًا، أو استخدام الزر Browse لتحديد مكان الملف واختياره.
تتطلب حقول الملفات استخدام الأسلوب POST لنقل الملفات من المستعرض إلى الخادم. يتم إرسال الملف إلى العنوان الذي تحدده في المربع Action للنموذج. اتصل بمسؤول الخادم للتأكد أن تحميلات الملفات المجهولة مسموح بها قبل استخدام حقل ملف في النموذج.
تحتاج أيضًا حقول الملفات إلى تعيين تشفير النموذج إلى multipart/form. يقوم Dreamweaver بهذا التعيين تلقائيًا عند إدراج عنصر تحكم في حقل الملف.
لا يتوفر هذا التحسين إلا إذا كان بإمكانك الوصول إلى كمبيوتر مثبت عليه ColdFusion MX 7 أو إصدار أحدث.
-
في طريقة العرض Design، حدد CFForm لإظهار عارض الخصائص له.
لتحديد النموذج بسرعة، انقر في أي مكان في الحد الخارجي للنموذج وانقر فوق العلامة <cfform> في محدد العلامات أسفل النافذة Document.
-
في عارض الخصائص، قم بتعيين أسلوب النموذج إلى POST.
-
ومن القائمة المنبثقة Enctype، حدد multipart/form-data.
-
ضع نقطة الإدخال داخل الحد الخارجي للنموذج في المكان الذي تريد ظهور حقل الملف به.
-
حدد Insert > ColdFusion Objects > CFForm > CFfilefield.
يظهر حقل ملف في المستند.
-
حدد حقل الملف في الصفحة، وقم بتعيين أي من الخيارات التالية في عارض الخصائص:
Cffilefield
يتيح لك تحديد اسم فريد لعنصر التحكم.
Max Length
يتيح لك تحديد أقصى عدد أحرف يمكن أن يسعه مسار الملف.
Validate
لتحديد نوع التحقق للحقل.
Validate At
لتحديد متى يتم التحقق من الحقل: onSubmit، أو onBlur، أو onServer.
Label
يتيح لك تحديد تسمية للحقل.
Pattern
يتيح لك تحديد نقش تعبير عادي لـ JavaScript للتحقق من الإدخال. احذف علامات الشرطة المائلة البادئة والزائدة. لمزيد من المعلومات، راجع وثائق ColdFusion.
Height
يتيح لك تحديد ارتفاع عنصر التحكم بالبكسل. يتم تجاهل هذه الخاصية بواسطة خادم ColdFusion في وقت التشغيل.
Width
يتيح لك تحديد عرض عنصر التحكم بالبكسل. يتم تجاهل هذه الخاصية بواسطة خادم ColdFusion في وقت التشغيل.
Size
يتيح لك تحديد حجم عنصر التحكم.
Required
يتيح لك تحديد ما إذا كان يجب احتواء حقل الملف على بيانات قبل إرسال النموذج إلى الخادم أم لا.
Display Tag Editor
يتيح لك تحرير خصائص غير مدرجة في عارض الخصائص.
إدراج حقول تاريخ ColdFusion
رغم أنه لا يمكنك إدراج حقل تاريخ ColdFusion في Dreamweaver بشكل مرئي، إلا أنه يمكنك تعيين خصائصه بشكل مرئي. يعتبر حقل تاريخ ColdFusion نوع حقل نص خاص يتيح للمستخدمين تحديد التاريخ من تقويم منبثق لإدراجه في حقل النص.
لا يتوفر هذا التحسين إلا إذا كان بإمكانك الوصول إلى كمبيوتر مثبت عليه ColdFusion MX 7 أو إصدار أحدث.
-
في طريقة العرض Design، حدد CFForm لإظهار عارض الخصائص له.
لتحديد النموذج بسرعة، انقر في أي مكان في الحد الخارجي للنموذج وانقر فوق العلامة <cfform> في محدد العلامات أسفل النافذة Document.
-
في عارض الخصائص، قم بتعيين الخاصية Format للنموذج إلى Flash.
لا يمكن عرض عنصر تحكم حقل التاريخ إلا في نماذج ColdFusion القائمة على Flash.
-
انتقل إلى طريقة العرض Code (View > Code) وأدخل العلامة التالية في أي مكان بين علامتي CFForm للفتح والإغلاق:
<cfinput name="datefield" type="datefield">
-
انتقل إلى طريقة العرض Design، وحدد حقل التاريخ في الصفحة، ثم قم بتعيين أي من الخيارات التالية في عارض الخصائص:
Cfdatefield
يتيح لك تحديد اسم فريد لعنصر التحكم.
Value
يتيح لك تحديد تاريخ ليتم عرضه في الحقل عند فتح الصفحة لأول مرة في مستعرض. ويمكن أن يكون التاريخ ثابتًا أو ديناميكيًا.
لتحديد قيمة ديناميكية، انقر فوق رمز صعقة البرق بجوار المربع Value وحدد عمود مجموعة تسجيل في مربع الحوار Dynamic Data. يزود عمود مجموعة التسجيل قيمة حقل التاريخ بقيمة عند عرض النموذج في مستعرض.
Validate
لتحديد نوع التحقق للحقل.
Validate At
لتحديد متى يتم التحقق من الحقل: onSubmit، أو onBlur، أو onServer.
Label
يتيح لك تحديد تسمية للحقل.
Pattern
يتيح لك تحديد نقش تعبير عادي لـ JavaScript للتحقق من الإدخال. احذف علامات الشرطة المائلة البادئة والزائدة. لمزيد من المعلومات، راجع وثائق ColdFusion.
Height
يتيح لك تحديد ارتفاع عنصر التحكم بالبكسل.
Width
يتيح لك تحديد عرض عنصر التحكم بالبكسل.
Size
يتيح لك تحديد حجم عنصر التحكم.
Required
يتيح لك تحديد ما إذا كان يجب احتواء حقل البيانات على قيمة قبل إرسال النموذج إلى الخادم أم لا.
Display Tag Editor
يتيح لك تحرير خصائص غير مدرجة في عارض الخصائص.
تعديل عناصر التحكم في نموذج ColdFusion
يمكنك تغيير خصائص عناصر التحكم في نموذج ColdFusion بشكل مرئي، سواءً كنت تستخدم طريقة العرض Design أو Code.
لا يتوفر هذا التحسين إلا إذا كان بإمكانك الوصول إلى كمبيوتر مثبت عليه ColdFusion MX 7 أو إصدار أحدث.
-
من طريقة العرض Design، حدد عنصر التحكم في النموذج من الصفحة، ومن طريقة العرض Code، انقر في أي مكان داخل علامة عنصر التحكم.
يعرض عارض الخصائص خصائص عنصر تحكم النموذج.
-
قم بتغيير خصائص عنصر التحكم في عارض الخصائص.
لمزيد من المعلومات، انقر فوق الرمز Help في عارض الخصائص.
-
ولتعيين خصائص أخرى، انقر فوق الزر Display Tag Editor في عارض الخصائص، وقم بتعيين الخصائص في Tag editor الذي يظهر.
التحقق من بيانات نموذج ColdFusion
يمكنك إنشاء نماذج ColdFusion في Dreamweaver تقوم بفحص محتويات حقول معينة لضمان إدخال المستخدم لنوع البيانات الصحيح.
لا يتوفر هذا التحسين إلا إذا كان بإمكانك الوصول إلى كمبيوتر مثبت عليه ColdFusion MX 7 أو إصدار أحدث.
-
قم بإنشاء نموذج ColdFusion يتضمن حقل إدخال واحد على الأقل وزر Submit واحد. تأكد من احتواء كل حقل ColdFusion تريد التحقق منه على اسم فريد.
-
حدد حقلاً في النموذج الذي تريد التحقق منه.
-
في عارض الخصائص، حدد طريقة التحقق من الحقل التي تريدها.
يحتوي الجزء السفلي من عارض الخصائص لكل إدخال على عناصر تحكم لمساعدتك على تحديد قاعدة تحقق معينة. على سبيل المثال، قد تحتاج إلى تحديد ضرورة احتواء حقل النص على رقم هاتف. وللقيام بذلك، حدد Telephone من القائمة Value المنبثقة في عارض الخصائص. يمكنك أيضًا تحديد وقت التحقق من قائمة Validate At المنبثقة.