הערה:

רכיבי Widget מסוג Spry מוחלפים ברכיבי Widget של jQuery ב-Dreamweaver CC ואילך. בעוד שניתן עדיין לשנות רכיבי Widget קיימים מסוג Spry בדף, לא תוכל להוסיף רכיבי Widget חדשים מסוג Spry‏.

אודות רכיבי Widget של Spry

רכיב Widget של Spry הוא רכיב דף המספק חוויית משתמש עשירה יותר בעזרת תמיכה באינטראקציה עם המשתמש. רכיב Widget של Spry כולל את חלקים הבאים:

מבנה widget

קטע קוד HTML המגדיר את המבנה של רכיב Widget.

התנהגות Widget

JavaScript השולט בתגובת רכיב Widget לאירועים שיוזם המשתמש.

סגנון Widget

CSS המגדיר את המראה של רכיב Widget.

סביבת Spry תומכת בקבוצת רכיבי Widget שניתן לעשות בהם שימוש חוזר, הכתובים בקוד HTML‏, CSS ן- JavaScript תקני. ניתן להוסיף בקלות רכיבי Widget אלה – הקוד הוא קוד HTML ו-CSS במקרים הפשוטים – ולאחר מכן לעצב את הסגנון של רכיב Widget. ההתנהגויות בסביבה זו כוללות פונקציות המאפשרות למשתמשים להציג או להסתיר תוכן בדף, לשנות את מראה הדף (למשל הצבע), ליצור אינטראקציה עם פריטים בתפריט ועוד.

כל רכיב Widget בסביבת Spry מקושר לקובצי CSS ו-JavaScript ייחודיים. קובץ CSS כולל כל מה שדרוש לעיצוב הסגנון של רכיב Widget, וקובץ JavaScript מעניק לרכיב את התפקוד שלו. כשמוסיפים רכיב Widget בעזרת הממשק של Dreamweaver‏, Dreamweaver מקשר קבצים אלה לדף באופן אוטומטי, כך שרכיב Widget יכלול פונקציה וסגנון.

קובצי CSS ו-JavaScript המקושרים לרכיב Widget נתון נקראים בשם הרכיב, כך שקל לדעת אילו קבצים מתאימים לכל רכיב. ‏(לדוגמה, הקבצים הקשורים לרכיב Widget מסוג Accordion נקראים SpryAccordion.css ו-SpryAccordion.js). כשמוסיפים רכיב Widget לדף שנשמר, Dreamweaver יוצר ספריית SpryAssets באתר, ושומר את קובצי JavaScript ו-CSS המתאימים במיקום זה.

משאבים וערכות לימוד של רכיבי Widget של Spry

המשאבים המקוונים הבאים מספקים מידע נוסף על התאמה אישית של רכיבי Widget של Spry.

דוגמאות של רכיבי Widget של Spry

התאמה אישית של סרגל התפריט של Spry ב-Dreamweaver

רכיבי Widget של אימות של Spry (ערכת לימוד בווידאו)

הוספת רכיב Widget של Spry

  1. בחר Insert >‏ Spry, ובחר ברכיב Widget שברצונך להוסיף.

בעת הוספת רכיב Widget‏, Dreamweaver יכלול אוטומטית את קובצי JavaScript ו-CSS של Spry באתר כשתשמור את הדף.

הערה:

ניתן גם להוסיף רכיבי Widget של Spry בעזרת הקטגוריה Spry בחלונית Insert.

בחירת רכיב Widget של Spry

  1. החזק את מצביע העכבר על רכיב Widget עד שתראה את קו המתאר הכחול סביב הרכיב.
  2. לחץ על כרטיסיית רכיב Widget בפינה השמאלית העליונה של הרכיב.

עריכת רכיב Widget של Spry

  1. בחר ברכיב Widget שברצונך לערוך והכנס את השינויים הדרושים ב-Property inspector ‏(Window >‏ Properties).

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

סגנון רכיב Widget של Spry

  1. אתר את קובץ CSS המתאים לרכיב Widget בתיקייה SpryAssets באתר, וערוך את קובץ CSS בהתאם להעדפותיך.

לפרטים על עיצוב סגנון של רכיבי Widget מסוימים, ראה סעיפי ההתאמה האישית המתאימים לכל אחד מהרכיבים.

הערה:

ניתן גם לעצב רכיב Widget של Spry בעזרת עריכת סגנונות החלונית CSS, כמו בכל רכיב הכולל סגנון בדף.

קבלת רכיבי Widget נוספים

קיימים רכיבי Widget רבים נוספים לאינטרנט פרט לרכיבי Widget של Spry המותקנים יחד עם Dreamweaver. Adobe Exchange מספק רכיבי Widget של אינטרנט שפותחו על-ידי אנשי מקצוע יצירתיים אחרים.

  1. בחר Browse for Web Widgets מתפריט Extend Dreamweaver בסרגל היישום.

לסרטון וידאו המציג סקירה מאת צוות מהנדסי התוכנה של Dreamweaver בנושא עבודה עם רכיבי Widget של אינטרנט, ראה www.adobe.com/go/dw10widgets_il.

שינוי תיקיית ברירת המחדל של משאבי Spry

בעת הוספת רכיב Widget של Spry‏, Dreamweaver יוצר ספריית SpryAssets באתר, ושומר את קובצי JavaScript ו-CSS המתאימים במיקום זה. ניתן לשנות את מיקום ברירת המחדל שבו Dreamweaver שומר משאבי Spry, אם ברצונך לשמור אותם במקום אחר.

  1. בחר Sites >‏ Manage Sites.
  2. בחר באתר בתיבת הדו-שיח Manage Sites ולחץ על Edit.
  3. בתיבת הדו-שיח Site Setup, הרחב את Advanced Settings ובחר את הקטגוריה Spry.
  4. הזן נתיב לתיקייה שברצונך להשתמש בה לשמירת משאבי Spry ולחץ על OK. ניתן גם ללחוץ על סמל התיקייה כדי לעיין למיקום הרצוי.

עבודה זו בוצעה ברישיון של Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  הודעות המתפרסמות ב- Twitter™‎ ו- Facebook אינן מכוסות בתנאי Creative Commons.

הצהרות משפטיות   |   מדיניות פרטיות מקוונת