يساعدك تكامل Dreamweaver مع jQuery Mobile على تصميم تطبيق ويب بشكل سريع يعمل على معظم الأجهزة المحمولة مع تكييف نفسه مع أبعاد الجهاز.
استخدم صفحة بداية تشغيل jQuery Mobile في Dreamweaver لإنشاء تطبيقك. وبدلاً من ذلك، يمكنك بدء إنشاء تطبيق الويب الخاص بك مع صفحة HTML5 جديدة.
تحتوي صفحة بداية تشغيل jQuery Mobile على ملفات صور، وJavaScript، وHTML ، وCSS والتي تساعدك على بدء تصميم تطبيقك. يمكنك استخدام ملفات CSS وJavaScript المستضافة على CDN، أو خادمك الخاص، أو الملفات المثبتة مع Dreamweaver.
ملاحظة:
لتحديد موقع الملفات المرتبطة، راجع العلامتين <link> و<script src> في طريقة عرض التعليمات البرمجية.
إدراج مكونات jQuery Mobile من اللوحة Insert إلى صفحة HTML. تحدد ملفات jQuery Mobile CSS وJavaScript نمط المكونات وسلوكها.
تعتبر CDN (شبكة توفير المحتوى) شبكة كمبيوتر تحتوي على نُسخ من البيانات الموضوعة في أماكن مختلفة داخل الشبكة. عند إنشاء تطبيق ويب باستخدام عنوان URL لشبكة CDN، يتم استخدام ملفات JavaScript وCSS المحددة في عنوان URL لتطبيقك. افتراضيًا، يقوم Dreamweaver باستخدام jQuery Mobile CDN.
وبدلاً من ذلك، يمكنك استخدام عناوين URL وشبكات CDN من المواقع الأخرى مثل Microsoft وGoogle. في طريقة عرض التعليمات البرمجية، قم بتحرير موقع ملفات CSS وJavaScript المحددة في العلامتين <link> و<script src>.
وتكون الملفات التي يتم تنزيلها من شبكة CDN للقراءة فقط.
عند تثبيت Dreamweaver، يتم عمل نسخة من ملفات jQuery Mobile ووضعها على جهاز الكمبيوتر لديك. ويتم ربط صفحة HTML التي تفتح عند اختيار صفحة بدء تشغيل (محلي) jQuery Mobile بملفات الصور، وJavaScript، وCSS المحلية.
يوفر لك Dreamweaver صفحات بدء التشغيل التالية لإنشاء تطبيق الويب الخاص بك.
jQuery Mobile (CDN) (CS5.5 والإصدارات الأحدث)
استخدم صفحة بدء التشغيل هذه إذا كنت تخطط لاستضافة مكتبة jQuery Mobile على شبكة CDN.
jQuery Mobile (محلي) (CS5.5 والإصدارات الأحدث)
استخدم صفحة بدء التشغيل هذه إذا كنت تخطط لاستضافة أصولك بنفسك أو إذا كان تطبيقك لا يعتمد على اتصال بالإنترنت.
jQuery Mobile (PhoneGap) (CS5.5 والإصدارات الأحدث)
استخدم صفحة بدء التشغيل هذه، إذا قام تطبيق الويب، عند نشره كتطبيق هاتف محمول، بالوصول إلى ميزات أصلية لأجهزة محمولة. لمزيد من المعلومات، راجع نشر تطبيقات الويب كتطبيقات محمولة أصلية (CS5.5).
-
انقر فوق Create.
في الصفحة التي تظهر، قم بتمكين Follow Links Continuously (View > Live View Options) وقم بالتحويل إلى Live View. استخدم مكونات التنقل لاختبار كيفية عمل التطبيق.
استخدم الخيارات الموجودة في القائمة Multiscreen لمعرفة كيفية عرض التصميم في الأجهزة بأبعاد متنوعة. قم بتعطيل طريقة العرض Live، وارجع إلى طريقة العرض Design.
يكون المكون Page بمثابة الحاوية لكل مكونات jQuery Mobile الأخرى. قم بإضافة المكون Page قبل متابعة إدراج المكونات الأخرى.
-
Remote (CDN)
إذا كنت تريد الاتصال بخادم بعيد لشبكة CDN والذي يستضيف ملفات jQuery Mobile. استخدم الخيار الافتراضي لموقع jQuery إذا لم تكن قد قمت بتكوين موقع يحتوي على ملفات jQuery Mobile. يمكنك أيضًا الاختيار لاستخدام خوادم CDN الأخرى.
Local
يتم عرض الملفات المتوفرة في Dreamweaver. لتحديد مجلد آخر، انقر فوق Browse، وانتقل إلى المجلد الذي يحتوي على ملفات jQuery Mobile.
يتم نسخ ملفات CSS وJavaScript إلى دليل محلي مؤقت حتى تحفظ ملف HTML إلى جهاز الكمبيوتر لديك. بعد حفظ ملف HTML، يتم نسخ كل ملفات الصور وملفات jQuery Mobile المرتبطة إلى مجلد في المجلد الجذر للموقع.
يمكنك اختيار إنشاء ملفات CSS وJS مخصصة لتطبيقك. تأكد من أن تسميات الملفات هي jquery.mobile.js, jquery.mobile.css, and jquery.js
إذا كنت تستخدم مجلدات مخصصة، فقم بما يلي:
تنزيل إصدار غير مضغوط من مكتبة jQuery 1.5 الأساسية عبر الموقع http://docs.jquery.com/Downloading_jQuery#Download_jQuery.
احفظ الملف إلى المجلد الأساسي الذي يحتوي على المصادر الأخرى.