שילוב של Dreamweaver ו- jQuery

• אַפּרִיל 18, 2024

במהלך השנים האחרונות, Dreamweaver^ר קיבל מספר גדל והולך של תכונות ליצירת תוכן אינטרנט ניידים ויישומים ניידים. השדרוג החדש הזה ל- CS6 אינו יוצא מן הכלל. ל- Dreamweaver CS6 זרימת עבודה משופרת עם תכונות jQuery Mobile.

הפעלת פרויקט סלולרי חדש היא פשוטה עם האפשרות החדשה עמוד מתוך דוגמא בתיבת הדו-שיח מסמך חדש. אתה יכול לבחור דוגמה של jQuery Mobile מהתיקייה Starters Mobile. דף דוגמה זה כולל כמה קבצי גרפיקה, CSS ו- JavaScript שנבנו מראש.

מדף דוגמה זה, נוכל להתחיל לבנות את הפרויקט שלנו על ידי הוספת אלמנטים לדף.

1. בחלונית Insert, אנו בוחרים jQuery Mobile מתפריט הקטגוריה. זה יציג את הרכיבים שנבנו מראש.
   
   
2. כדי להוסיף רכיב חדש, אנו ממקמים את הסמן במיקום בו יתווסף אלמנט העיצוב החדש ונלחץ על אחד הרכיבים ברשימה. לדוגמא שלנו, בואו נבחר סליידר.
   
   Dreamweaver יוסיף לדף שלנו באופן אוטומטי את קוד המחוון. בתצוגת Live, אנו יכולים לראות את בקרת המחוון החדשה שלנו.
   
   

אבל העמוד הזה נראה מעט גנרי. יש לנו דרך מהירה וקלה לעצב את הדף שלנו באמצעות החלונית החדשה של דוגמיות הנייד של jQuery.

1. מתוך menubar, לחץ על חלון - דוגמיות דוגמניות ניידות של jQuery. אם עדיין לא העמסת את קבצי הגרפיקה, ה- css ו- JavaScript התומכים, תראה תיבת דו-שיח מוקפצת. לחץ על העתק כדי לטעון את הקבצים.
   
   
2. החלונית החדשה של דוגמיות הנייד של jQuery ריקה עד שתבחר אלמנט בדף הדגימה שלך. כשבוחרים אלמנט, החלונית תציג את דוגמיות המפתח המתאימות לאותו אלמנט. אם אנו בוחרים באלמנט הכותרת, נראה כמה נושאי כותרת.
   
   
3. אם נעבור לתצוגת Live, נוכל ללחוץ על כל דוגמיות דוגמת הנושא כדי לראות תצוגה מקדימה של איך הם ייראו.
   
   

אנו יכולים לחזור על כך עבור כל האלמנטים העיצוביים בדף שלנו. כשאנו עושים זאת, החלונית 'דוגמיות דוגמא לנייד' של jQuery תציג את דוגמיות הדמות המתאימות לזמינות. אנו יכולים להשתמש במתג הרזולוציה גם כדי להציג תצוגה מקדימה של העיצוב כפי שהוא ייראה על רזולוציות שולחן העבודה והטאבלט.

אם אנו משתמשים בקישור קבל עוד ערכות בתחתית החלונית, דפדפן ייפתח לאתר ThemeRoller עבור jQuery Mobile.

* Adobe סיפקה לי עותק של תוכנה זו לצורכי סקירה.

זכויות יוצרים 2018 Adobe Systems Incorporated. כל הזכויות שמורות. צילומי מסך של מוצרי אדובי הודפסו מחדש עם אישור של Adobe Systems Incorporated. אדובי, פוטושופ, אלבום פוטושופ, אלמנטים פוטושופ, אילוסטרייטור, InDesign, GoLive, Acrobat, Cue, Premiere Pro, אלמנטים בכורה, גשר, After Effects, InCopy, Dreamweaver, Flash, ActionScript, זיקוקים, לתרום, לכידת, Flash Catalyst ונייר פלאש. הוא / הם [a] סימנים מסחריים רשומים או סימנים מסחריים של Adobe Systems Incorporated בארצות הברית ו / או במדינות אחרות.

הוראות וידאו: Button Sound Effects Tutorial Audible HTML5 JavaScript Menu Systems (אַפּרִיל 2024).