מדריך למשתמש ביטול

Creative Cloud Libraries ב-Dreamweaver

 

 

סייר במשאבים יצירתיים, נהל אותם וגש אליהם בפרוייקטים של Dreamweaver באמצעות Adobe Stock ובאמצעות יישומים אחרים של Adobe.

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

ניתן לגשת ל-CC Libraries ישירות מתוך Dreamweaver כדי לעשות שימוש חוזר בצבעים ובגרפיקה בדפי אינטרנט. תוכל גם לשמור על הסינכרון של פריטי הגרפיקה שנוספו עם פריטים אלה בענן על-ידי הוספתם כמשאבים 'מקושרים'.

המשך לקרוא לקבלת מידע על השימוש ב-CC Libraries ב-Dreamweaver.

החלונית CC Libraries

החלונית CC Libraries ‏(Window ‏> CC Libraries) היא נקודת הגישה הראשית למשאבים שלך שנשמרו ב-Creative Cloud. החלונית גם מאפשרת לך לחפש משאבים ב-Adobe Stock.

החלונית CC Libraries
החלונית CC Libraries

בעזרת חלונית זו באפשרותך לבצע:

  • חיפוש בספרייה ספציפית אחר משאבים שנשמרו בספרייה
  • יצירת ספרייה
  • תצוגה מקדימה של משאבים בספרייה שנבחרה
  • גרירה או העתקה של משאבים כדי להוסיף אותם לדף האינטרנט שלך
  • הזנת מילת מפתח, למשל, שם מלא או חלק משם של תמונה, לחיפוש ב-Adobe Stock

צעדים ראשונים

הגדרת אתר ב-Dreamweaver

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

לקבלת מידע אודות יצירת אתרים, ראה ‏‫הגדרת גרסה מקומית של האתר.

הוספת משאבים ל-CC Libraries

בדיקה שכל המשאבים הדרושים זמינים ב-Creative Cloud עוזרת לך לייבא את כל המשאבים לדף האינטרנט ב-Dreamweaver במהירות.

אם אתה מחפש תמונות מאגר, Adobe Stock הוא מקום טוב להתחיל את החיפוש בו. לקבלת מידע מפורט, ראה קבלת משאבים מ-Adobe Stock.

ניתן לאחסן ב-Creative Cloud גרפיקה‬ וצבעים שאתה לוכד או יותר מיישומים שונים של Adobe למכשירים ניידים ולמחשבים שולחניים ולאחר מכן לייבא אותם לדפי האינטרנט שלך. לדוגמה, גרפיקה וקטורית שנוצרה באמצעות Adobe Shape CC או תמונה שעובדה באמצעות Photoshop. Creative Cloud גם מאפשר לך ולצוות שלך לשתף פעולה ולשתף משאבים, כך שתוכל להשתמש מחדש במשאבים שנוצרו גם על-ידי אחרים.

לקבלת מידע נוסף אודות Creative Cloud Libraries, ראה Creative Cloud Libraries.

קבלת משאבים מ-Adobe Stock

Adobe Stock משולב באופן הדוק עם ספריות Creative Cloud Libraries. ניתן לחפש תמונות ולהוסיף אותן לכל אחת מספריות CC שלך באחת מהדרכים הבאות:

  • ישירות מאתר האינטרנט של Adobe Stock.
  • להשתמש בחלונית CC Libraries ב-Dreamweaver.
  • להשתמש בחלוניות CC Libraries ביישומים אחרים של Adobe, כגון Photoshop ו-Illustrator.

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

אם אינך בטוח לגבי רכישה מיידית של תמונות Stock, תוכל להוסיף לספריות שלך תמונות Stock הכוללות סימן מים (תצוגות מקדימות) ולהשתמש בתמונות אלה כמצייני מיקום. כשתהיה מוכן לרכוש תמונות אלה, תוכל לעשות זאת בחלונית CC Libraries ב-Dreamweaver וביישומים אחרים, או ישירות מאתר האינטרנט של Adobe Stock. 

חיפוש תמונות ב-Adobe Stock באמצעות החלונית CC Libraries
חיפוש תמונות ב-Adobe Stock באמצעות החלונית CC Libraries

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

שימוש חוזר בצבעים ובערכות נושא של צבעים שנשמרו ב-CC Libraries

שימוש חוזר בצבעים ובערכות נושא של צבעים ב-Live View

באפשרותך לשמור צבעים וערכות נושא של צבעים ב-Creative Cloud Libraries מיישומים כגון Illustrator‏, Photoshop או Adobe Color CC. באפשרותך לייבא צבעים וערכות נושא של צבעים אלה בדפי האינטרנט שלך באמצעות החלונית CC Libraries ב-Dreamweaver בעזרת השלבים הבאים:

  1. בחלונית CC Libraries, בצע אחת מהפעולות הבאות:

    • ‏‫לחץ על הצבע או על ערכת הנושא של הצבעים הדרושה. הערך ההקסדצימלי של הצבע או של ערכת הנושא של הצבעים מועתק ללוח.
    • לחץ לחיצה ימנית על הצבע או על ערכת הנושא של הצבעים, ולאחר מכן לחץ על Copy RGB או Copy HEX. 
  2. ‏‫הדבק את ערך הצבע ב-Code View או CSS Designer.‬

שימוש חוזר בצבעים ב-Code View

צבעים שנשמרו ב-Creative Cloud זמינים בהשלמות קוד ב-Code View. ניתן לבחור את הצבעים הדרושים מהשלמות הקוד במהלך הקידוד ב-Code View. סמל Creative Cloud שמופיע לצד הצבע בהשלמות הקוד מציין שצבעים אלה מאוחסנים ב-Creative Cloud.

צבעים ב-Creative Cloud Library מוצגים בהשלמת קוד
צבעים ב-Creative Cloud Library מוצגים בהשלמת קוד

השלמת הקוד בוחרת צבעים מהספריה הפתוחה כעת בחלונית CC Libraries. בתמונה לעיל, צבעים בספריה 'הספריה שלי' הפכו לזמינים כהשלמת קוד. כדי לקבל צבעים בספריית Creative Cloud Library אחרת כהשלמת קוד, פתח את הספריה הדרושה בחלונית CC Libraries והמשך בעבודתך בתצוגה Code.

שימוש חוזר בפריטי גרפיקה שנשמרו ב-CC Libraries

 החל מ-16 בנובמבר 2021, Dreamweaver הפסיק את הפונקציונליות של חילוץ SVG מנכס Illustrator. אנו ממליצים לך להשתמש בפתרון זה להפעלת האפשרות של פורמט התמונה והמרת נכסי Illustrator(‏.ai) לפורמטים PNG 32/‏PNG 24/‏PNG 8/‏JPEG‏. לחלופין, משתמשים יכולים לייצא נכסי Illustrator לפורמט SVG מתוך יישום Illustrator.

באפשרותך לשמור גרפיקה שנוצרה באמצעות יישומים של Adobe למחשבים שולחניים ולמכשירים ניידים, כגון Photoshop‏, Illustrator‏, Adobe Shape CC או Adobe Sketch CC, ב-Creative Cloud Libraries. החלונית CC Libraries עוזרת לך להוסיף פריטי גרפיקה ל-Live View ורמיזות הקוד עוזרות לך להוסיף פריטי גרפיקה ישירות לקוד שלך.

באפשרותך להוסיף פריטי גרפיקה מ-CC Libraries כ:

  • אובייקטים מקושרים: בעת הוספת פריטי גרפיקה כאובייקטים מקושרים, מופיע סמל ענן קטן בפינה הימנית התחתונה של האובייקט בתצוגת Live. הסמל מציין שהאובייקט מקושר לאובייקט המקורי בענן. סמל הענן מוצג גם בסמוך למשאב בחלונית Assets.
  • משאבים לא מקושרים: באפשרותך להוסיף משאב כעותק מקומי בדפי האינטרנט שלך. ב-Live View, לחץ לחיצה ימנית על המשאב הדרוש בחלונית CC Libraries ובחר Insert Unlinked. בעת הוספת עותק של גרפיקה, המשאב מועתק למחשב המקומי ואינו מקושר למשאב המקורי בענן. משמעות הדבר היא ששינויים או עדכונים שיבוצעו במשאב בענן לא ישתקפו ב-Dreamweaver.

באפשרותך להפוך הורדת משאבים לאצווה ולשמור במחשב לשימוש במועד מאוחר יותר.

שימוש חוזר בפריטי גרפיקה ב-Live View

  1. בצע אחת מהפעולות הבאות:

    1. גרור את הגרפיקה מהחלונית CC Libraries לדף ב-Live View.

      הערה: בעת גרירת פריטי גרפיקה מהחלונית CC Libraries לתצוגה Live, הגרפיקה מתווספת כגרפיקה 'מקושרת' (אם הגדרת אתר).

      קבצי Illustrator מתווספים כקבצים ממוטבים לאינטרנט, קבצי SVG כברירת מחדל. אם ברצונך להתאים אישית את המאפיינים של קבצי SVG, תוכל לערוך את ההעדפות בקובץ options.json. לקבלת מידע נוסף, ראה ‏‫חילוץ קבצי SVG ממוטבים לאינטרנט מ-CC Libraries‬.

    2. לחץ לחיצה ימנית על המשאב הדרוש בחלונית CC Libraries ובחר:

      • 'Insert Linked' כדי להוסיף גרפיקה כמשאב מקושר. משמעות הדבר היא שהמערכת שומרת על ההפניה של המשאב למשאב המתאים בענן. כל שינוי במשאב בענן ישתקף במשאב המקושר ב-Dreamweaver.
      • 'Insert Unlinked' כדי להוסיף גרפיקה כמשאב לא מקושר.
  2. בתיבת הדו-שיח Sampling שמופיעה, ציין את שם הקובץ וממדי התמונה. לקבלת מידע מפורט, ראה ציון אפשרויות דגימה לפריטי גרפיקה.

שימוש חוזר בפריטי גרפיקה ב-Code View

פריטי גרפיקה שנשמרו בספריות Creative Cloud Libraries זמינים כהשלמות קוד בתצוגת Code. תחילה, פתח את הספרייה הדרושה על-ידי בחירתה בחלונית CC Libraries. לאחר מכן, עבור לתצוגת Code ובחר את פריטי הגרפיקה הדרושים מהשלמות הקוד במהלך הקידוד. הסמל Creative Cloud שמופיע לצד הגרפיקה בהשלמות הקוד מציין שהגרפיקה מאוחסנת ב-Creative Cloud.

גרפיקה בספריות CC Library מוצגת כהשלמת קוד
גרפיקה בספריות CC Library מוצגת כהשלמת קוד

הערה: בעת הוספת פריטי גרפיקה באמצעות השלמות קוד, פריטי הגרפיקה נוספים כפריטי גרפיקה 'בלתי מקושרים'.

כדי לקבל צבעים בספריית Creative Cloud Library אחרת כהשלמת קוד, פתח את הספריה הדרושה בחלונית CC Libraries והמשך בעבודתך בתצוגה Code.

ציון אפשרויות דגימה לפריטי גרפיקה

התיבות Height ו-Width דוגמות מחדש את המשאב באמצעות מנגנון מיטוב התמונה של Dreamweaver. תוכל גם לבחור את סוג התבנית שבה ברצונך שהמשאב ימוקם. סמל ענן מופעל מציין שהמשאב ימוקם כמשאב מקושר. לאחר שתציין את אפשרויות הדגימה ושם הקובץ, הקש Enter כדי להוסיף את המשאב.

דגימה מחדש של תמונות
דגימה מחדש של תמונות

 הערה:

  • האפשרות SVG זמינה עבור קבצי Illustrator‏ (‎.ai) בלבד והיא מוגדרת כברירת מחדל עבור קבצים אלה. ניתן לשנות את התבנית של קבצים אלה ל-JPEG באמצעות הרשימה הנפתחת בתיבת הדו-שיח של הדגימה מחדש.
  • ניתן להוסיף קובץ JPEG רק כקובץ JPEG, כך שאף אפשרות אחרת של תבנית אינה זמינה עבור קבצים אלה.

עריכת גרפיקה

באמצעות החלונית CC Libraries, ניתן לפתוח במהירות משאבי InDesign ו-Illustrator ולערוך אותם ביישומים המקוריים שלהם. כדי לעשות זאת, לחץ לחיצה ימנית על החלונית CC Libraries ולאחר מכן לחץ על Edit.

ודא שהיישומים המקוריים - InDesign או Illustrator - מותקנים במחשב שבו נמצא המופע של Dreamweaver שבו אתה משתמש. בנוסף, הקפד להתקין את העדכונים האחרונים עבור יישומים אלה מ-Creative Cloud.

הסרת קישור, דגימה מחדש ושינוי שם של פריטי גרפיקה מקושרים

ניתן לשנות את השם והגודל או לדגום מחדש את התמונות שיובאו לדף האינטרנט שלך מ-CC Libraries באמצעות אחת מהאפשרויות הבאות:

  • לחץ על המשאב ב-Live view ולאחר מכן לחץ על סמל הענן. 
  • לחץ לחיצה ימנית על המשאב ולחץ על אפשרויות המשאב המקושר.
  • לחץ פעמיים על סמל הענן הסמוך לשם המשאב בחלונית Assets.

תיבת הדו-שיח של הדגימה מחדש מופיעה כדי לאפשר לך לשנות את המאפיינים הדרושים. כדי להסיר את הקישור של המשאב מהמקור שלו ב-CC Libraries, לחץ על סמל הענן בתיבת הדו-שיח של הדגימה מחדש.

בעת הסרת קישור של משאב, כל השינויים שייערכו בקובץ המקור ב-Creative Cloud לא ישתקפו בתמונה בדף האינטרנט שלך.

הורדת פריטי גרפיקה

באפשרותך להוריד את פריטי הגרפיקה הרצויים כמשאבים מקושרים מ-CC Libraries בכמויות גדולות ולהוסיף אותם לפרוייקט במועד מאוחר יותר. בעת שימוש במשאבים אלה בפרויקט, הם עדיין ישמרו על הקישור לפריט המתאים בספרייה. 

  • מקושר: כדי להוריד גרפיקה כמשאבים מקושרים, לחץ לחיצה ימנית על המשאב בחלונית CC Libraries ובחר Download Linked. מוצג תפריט נפתח עם שם הקובץ ואפשרויות דגימה. שמור את המשאב בתיקיית האתר שלך על-ידי ציון שם הקובץ ואפשרויות הדגימה, והקשה על Enter.
  • לא מקושר: כדי להוריד גרפיקה כמשאבים לא מקושרים, לחץ לחיצה ימנית על המשאב הדרוש בחלונית CC Libraries ובחר Download Copy. מוצג תפריט נפתח עם שם הקובץ ואפשרויות דגימה. שמור את המשאב בתיקיית האתר שלך על-ידי ציון שם הקובץ ואפשרויות הדגימה, והקשה על Enter.

קבל עזרה במהירות ובקלות

משתמש חדש?