ملاحظة:
تم استبدال عناصر واجهة Spry بعناصر واجهة jQuery في Dreamweaver CC والإصدارات اللاحقة. يمكنك تعديل عناصر واجهة Spry الموجودة في الصفحة، إلا أنه لا يمكنك إضافة عناصر واجهة Spry جديدة.
تعتبر عناصر واجهة مستخدم Spry عنصر صفحة يوفر تجربة أكثر ثراءً للمستخدم عن طريق تمكين تفاعل المستخدم. يتضمن عنصر واجهة مستخدم Spry الأجزاء التالية:
سلوك عنصر واجهة المستخدم
JavaScript الذي يتحكم في كيفية استجابة عنصر واجهة المستخدم للأحداث التي قام بها المستخدم.
يدعم إطار عمل Spry مجموعة من عناصر واجهة المستخدم القابلة لإعادة الاستخدام والمكتوبة في JavaScript، وCSS، وHTML قياسية. يمكنك إدخال عناصر واجهة المستخدم هذه بسهولة—التعليمة البرمجية هي HTML وCSS بأبسط صورة—ثم قم بتصميم عنصر واجهة المستخدم. تشتمل السلوكيات الموجودة داخل إطار العمل على الوظائف التي تتيح للمستخدمين إمكانية إظهار المحتوى أو إخفائه في الصفحة، وتغيير مظهر الصفحة (مثل اللون)، والتفاعل مع عناصر القائمة، والمزيد.
كل عنصر واجهة مستخدم في إطار عمل Spry مرتبط بملفات CSS وJavaScript فريدة. يتضمن ملف CSS كل ما هو ضروري لتصميم عنصر واجهة المستخدم، ويوفر له ملف JavaScript وظائفه. عند إدخال عنصر واجهة مستخدم عن طريق استخدام واجهة Dreamweaver، يقوم Dreamweaver تلقائيًا بربط هذه الملفات بصفحتك بحيث يتضمن عنصر واجهة المستخدم الوظائف والأنماط.
تتم تسمية ملفات CSS، وJavaScript المرتبطة بعنصر واجهة مستخدم معين على اسم العنصر، ولهذا يكون من السهل عليك معرفة الملفات المتصلة بعناصر واجهة المستخدم. (على سبيل المثال، الملفات المرتبطة بعنصر واجهة المستخدم Accordion تسمى SpryAccordion.css وSpryAccordion.js). إذا أدخلت عنصر واجهة مستخدم في صفحة محفوظة، يقوم Dreamweaver بإنشاء دليل SpryAssets في موقعك، ويحفظ ملفات JavaScript وCSS المرادفة في هذا الموقع.
توفر الموارد المتصلة التالية مزيدًا من المعلومات عن تخصيص عناصر واجهة مستخدم Spry.
إذا قمت بإدخال عنصر واجهة مستخدم، يقوم Dreamweaver بتضمين ملفات Spry JavaScript وCSS الضرورية في موقعك عند حفظ الصفحة.
ملاحظة:
يمكنك أيضًا إدخال عناصر واجهة مستخدم Spry باستخدام الفئة Spry في اللوحة Insert.
للاطلاع على التفاصيل عن إجراء التغييرات على عناصر واجهة مستخدم معينة، راجع الأقسام المناسبة لكل عنصر واجهة مستخدم.
للاطلاع على التفاصيل عن تصميم عناصر واجهة مستخدم معينة، راجع أقسام التخصيص المناسبة لكل عنصر واجهة مستخدم.
ملاحظة:
يمكنك أيضًا تنسيق عنصر واجهة مستخدم Spry عن طريق تحرير التصميمات في اللوحة CSS، كما تريد لأي عنصر مصمَّم آخر في الصفحة.
تتوفر عناصر واجهة مستخدم الويب أكثر من عناصر واجهة مستخدم Spry التي يتم تثبيتها مع Dreamweaver. يوفر Adobe Exchange عناصر واجهة مستخدم ويب قام بتطويرها محترفون مبدعون.
للاطلاع على نظرة عامة على فيديو من فريق هندسة Dreamweaver عن العمل باستخدام عناصر واجهة المستخدم، راجع www.adobe.com/go/dw10widgets_ae.