Dreamweaver و jQuery Mobile Integration

• قد 5, 2024

على مدى السنوات القليلة الماضية ، دريمويفر^R حصل على عدد متزايد من الميزات لإنشاء محتوى الويب للجوال وتطبيقات الجوال. هذه الترقية الجديدة إلى CS6 ليست استثناء. يحتوي Dreamweaver CS6 على سير عمل محسّن مع ميزات jQuery Mobile.

يعد بدء مشروع متنقل جديد أمرًا بسيطًا مع خيار صفحة جديدة من نموذج في مربع الحوار "مستند جديد". يمكنك اختيار عينة jQuery Mobile من مجلد Mobile Starters. تأتي هذه الصفحة النموذجية مع بعض ملفات الجرافيك و CSS و JavaScript مسبقة الصنع.

من هذه الصفحة النموذجية ، يمكننا أن نبدأ في بناء مشروعنا عن طريق إضافة عناصر إلى الصفحة.

1. في لوحة Insert ، سنختار jQuery Mobile من قائمة الفئات. هذا سيعرض المكونات مسبقة الصنع.
   
   
2. لإضافة مكون جديد ، سنضع مؤشرنا في الموقع الذي ستتم فيه إضافة عنصر التصميم الجديد والنقر فوق أحد المكونات في القائمة. على سبيل المثال ، دعونا نختار Slider.
   
   سيضيف Dreamweaver تلقائيًا رمز شريط التمرير إلى صفحتنا. في طريقة العرض Live ، يمكننا أن نرى تحكمنا الجديد في شريط التمرير.
   
   

لكن هذه الصفحة تبدو عامة قليلاً. لدينا طريقة سريعة وسهلة لتصميم صفحتنا من خلال لوحة jQuery Mobile Swatches الجديدة.

1. من قائمة Menubar ، انقر فوق Window - jQuery Mobile Swatches. إذا لم تكن قد قمت بالفعل بتحميل الملفات الرسومية و css و JavaScript المدعومة ، سترى مربع حوار منبثق. انقر فوق نسخ لتحميل الملفات.
   
   
2. لوحة jQuery Mobile Swatches الجديدة فارغة حتى تقوم بتحديد عنصر في صفحة النموذج الخاصة بك. عند تحديد عنصر ، ستعرض اللوحة العينات المقابلة المتوفرة لهذا العنصر. إذا حددنا عنصر الرأس ، فسوف نرى عدة سمات رأس.
   
   
3. إذا قمنا بالتبديل إلى طريقة العرض Live ، فيمكننا النقر فوق كل حوامل السمة لرؤية معاينة كيف ستبدو.
   
   

يمكننا تكرار هذا لجميع عناصر التصميم على صفحتنا. أثناء قيامنا بهذا ، ستعرض لوحة jQuery Mobile Swatches حوامل السمة المقابلة المتاحة. يمكننا أيضًا استخدام Resolution Switcher لمعاينة التصميم لأنه سيبحث عن قرارات سطح المكتب والكمبيوتر اللوحي.

إذا استخدمنا الرابط Get More Themes في أسفل اللوحة ، فسيتم فتح مستعرض إلى موقع ThemeRoller for jQuery Mobile.

* قدمت Adobe نسخة من هذا البرنامج إلي لأغراض المراجعة.

حقوق النشر 2018 Adobe Systems Incorporated. كل الحقوق محفوظة. أعيد طبع (لقطات) شاشة منتج Adobe بإذن من Adobe Systems Incorporated. Adobe و Photoshop و Photoshop Album و Photoshop Elements و Illustrator و InDesign و GoLive و Acrobat و Cue و Premiere Pro و Premiere Elements و Bridge و After Effects و InCopy و Dreamweaver و Flash و ActionScript و Fireworks و Contribute و Captivate و Flash Catalyst و Flash Paper هي / هي إما [a] علامة تجارية مسجلة أو علامة تجارية لـ Adobe Systems Incorporated في الولايات المتحدة و / أو البلدان الأخرى.

تعليمات الفيديو: PHP: Reverse Engineer A Dynamically Generated HTML Form-1 (Arabic Version) (قد 2024).