בחר במשאב בחלונית Assets.
עודכן לאחרונה בתאריך
25 באפריל 2024
השתמש בחלונית Assets ב-Dreamweaver לניהול המשאבים באתר האינטרנט הנוכחי.
ניתן להשתמש ב-Adobe Dreamweaver למעקב אחר משאבים השמורים באתר האינטרנט, כגון תמונות, סרטונים, צבעים, סקריפטים וקישורים, ולהצגתם בתצוגה מקדימה. ניתן גם לגרור משאב ישירות כדי להוסיף אותו לדף במסמך הנוכחי.
משאבים יכולים להגיע ממקורות שונים. לדוגמה, אתם יכולים ליצור נכסים ביישום כמו Photoshop או Animate, או לקבל אותם מעמית לעבודה, או להעתיק אותם מתקליטור של clip-art או מאתר גרפיקה.
Dreamweaver גם מספק גישה לשני סוגי משאבים מיוחדים – ספריות ותבניות. שני סוגים אלה הם משאבים מקושרים: בעת עריכת פריט ספרייה או תבנית, Dreamweaver מעדכן את כל המסמכים המשתמשים במשאבים אלה. בדרך כלל,פריטי ספרייה מייצגים משאבי עיצוב קטנים, כגון סמל לוגו או זכויות יוצרים של אתר אינטרנט. לשליטה באזור עיצוב גדול יותר, השתמש בתבנית.
השתמש בחלונית Assets (Window > Assets) לניהול המשאבים באתר האינטרנט הנוכחי. החלונית Assets מציגה נכסים לאתר המקושר למסמך הפעיל בחלון Document.
פתק
לפני שניתן להציג נכסים בחלונית Assets, יש להגדיר אתר מקומי.
לוח הנכסים מספק דרכים שונות להצגת נכסים:
הרשימה Site
מציג את כל הנכסים באתר שלכם, כולל צבעים וכתובות URL שמשמשים בכל מסמך באתר שלכם.
הרשימה Favorites
מציגה רק את הנכסים שבחרת במפורש.
כדי לעבור בין שתי התצוגות הללו, בחרו בלחצן הבחירה Site או Favorites מעל אזור התצוגה המקדימה. (שתי תצוגות אלו אינן זמינות עבור הקטגוריות Templates ו-Library.)
פתק
רוב הפעולות בחלונית Assets פועלות באופן זהה בשתי הרשימות. עם זאת, יש משימות מסוימות שניתן לבצע ברשימה Favorites בלבד.
בשתי הרשימות, נכסים כלולים באחת הקטגוריות הבאות:
Images
קבצי תמונה בפורמטים GIF, JPEG או PNG.
צבעים
צבעים המשמשים במסמכים ובגיליונות סגנון, כולל צבעים של טקסט, רקעים וקישורים.
URLs
קישורים חיצוניים במסמכי האתר הנוכחי שלכם, כולל FTP, gopher, HTTP, HTTPS, JavaScript, דואר אלקטרוני (mailto) וקובץ מקומי (file://).
Media
קבצי מדיה כמו קבצי Adobe Flash (רק SWF), קבצי Adobe Shockwave, QuickTime או MPEG.
סקריפטים
קובצי JavaScript או VBScript. סקריפטים בקובצי HTML (בניגוד לקובצי JavaScript או VBScript עצמאיים) אינם מוצגים בחלונית Assets. הקטגוריה הזו זמינה רק בתצוגת Code ו-Design.
תבניות
פריסות של דפי אב הנמצאות בשימוש בדפים מרובים. שינוי תבנית גורם לשינוי אוטומטי של כל העמודים המקושרים אליה. הקטגוריה הזו זמינה רק בתצוגת Code ו-Design.
פריטי ספרייה
רכיבי עיצוב הנמצאים בשימוש בדפים מרובים; בעת שינוי פריט ספרייה, כל הדפים המכילים את הפריט מתעדכנים. הקטגוריה הזו זמינה רק בתצוגת Code ו-Design.
פתק
כדי שקובץ יוצג בחלונית Assets, עליו להיכלל באחת מקטגוריות אלה. סוגי קבצים מסוימים אחרים נקראים לפעמים משאבים, אך אינם מוצגים בחלונית.
כברירת מחדל, נכסים בקטגוריה מוצגים בסדר אלפביתי לפי שם, אבל אתם יכולים למיין אותם לפי סוג ועוד מספר קריטריונים. אתם יכולים גם לצפות בתצוגה מקדימה של נכסים ולשנות את גודל העמודות ואזור התצוגה המקדימה.
סמל Creative Cloud בעמודה Type מציין שהמשאבים המתאימים ייובאו מ-Creative Cloud Libraries. באפשרותך ללחוץ פעמיים על הסמל Creative Cloud לדגימה מחדש של המשאבים המתאימים. למידע נוסף על שימוש חוזר בנכסים ב-Creative Cloud Libraries, ראו Creative Cloud Libraries ב-Dreamweaver.
הצגת משאב באזור התצוגה המקדימה
הצגת משאבים בקטגוריה
לחצו על סמל קטגוריה בצד שמאל של
לוח הנכסים.
מיון משאבים
לחץ על כותרת עמודה.
לדוגמה, כדי למיין את רשימת התמונות לפי סוג (כך שכל תמונות ה-GIF יהיו יחד, כל תמונות ה-JPEG יהיו יחד וכן הלאה), לחצו על כותרת העמודה Type.
שינוי גודל של עמודה
גררו את הקו המפריד בין שתי כותרות
עמודות.
שינוי גודל של אזור התצוגה המקדימה
גררו את פס החלוקה (בין אזור התצוגה המקדימה
לרשימת הנכסים) למעלה או למטה.
רענון החלונית Assets
ייתכן שייקח כמה שניות ליצור את רשימת האתר מכיוון ש-Dreamweaver צריך קודם לקרוא את מטמון האתר.
שינויים מסוימים אינם מופיעים מייד בחלונית Assets. לדוגמה, בעת הוספה או הסרה של משאב מאתר אינטרנט, השינויים לא יופיעו בחלונית Assets עד שתרענן את הרשימה Site על-ידי על הלחצן Refresh Site List. אם אתם מוסיפים או מסירים נכס מחוץ ל-Dreamweaver – באמצעות Windows Explorer או ה-Finder, לדוגמה – עליכם לבנות מחדש את מטמון האתר כדי לעדכן את לוח הנכסים.
בעת הסרת מופע יחידי של צבע מסוים או כתובת URL באתר, או בעת שמירת קובץ חדש המכיל צבע או כתובת URL שטרם נעשה בהם שימוש באתר, השינויים אינם מופיעים בחלונית Assets עד לרענון הרשימה Site.
- כדי לרענן את רשימת האתר באופן ידני, לחצו
על הלחצן Refresh Site List
. Dreamweaver יוצר את מטמון האתר או מעדכן
אותו לפי הצורך. - כדי לרענן את רשימת האתר ולבנות מחדש באופן ידני את מטמון האתר, לחצו לחיצה ימנית (Windows) או Command-לחץ (Macintosh) ברשימת הנכסים, ואז בחרו Refresh Site List.
הוספת משאב למסמך
ניתן להוסיף את רוב המשאבים למסמך על-ידי גרירתם לתצוגות Live View, Code או Design בחלון המסמך, או בעזרת הלחצן Insert בחלונית. אפשר לגרור את הנכסים הן מתצוגת הרשימה והן מחלונית התצוגה המקדימה של לוח הנכסים.
הערה: גרירה מחלונית התצוגה המקדימה נתמכת רק ב-Mac.
ניתן להוסיף צבעים וכתובות URL בתצוגת Design או Live. בתצוגת עיצוב, אפשר להחיל צבעים וכתובות URL על אלמנטים שנבחרו.
במסמך, מקמו את נקודת ההוספה במקום שבו רוצים שהנכס יופיע.
בלוח Assets, בחרו באחד מלחצני קטגוריות הנכסים בצד שמאל.
פתק
בחר קטגוריה כלשהי, פרט ל-Templates. תבנית מיושמת על מסמך שלם; לא ניתן להכניס אותה לתוך מסמך.
בחרו באתר או במועדפים בחלק העליון של הלוח, ואז בחרו את הנכס.
אין רשימות אתר או מועדפים לפריטי ספרייה; דלגו על השלב הזה אם אתם מכניסים פריט ספרייה.
בצע אחת מהפעולות הבאות:
גרור את המשאב מהחלונית למסמך. אפשר לגרור מתצוגת הרשימה וגם מחלונית התצוגה המקדימה.
הערה: ב-Windows, לא ניתן לגרור נכסים מחלונית התצוגה המקדימה.
ניתן לגרור סקריפטים לאזור תוכן הכותרת של חלון Document; אם אזור זה אינו גלוי, בחר בפקודה View > Head Content.
בחר במשאב בחלונית ולחץ על Insert.
בעת הוספת משאב צבע, הוא מוחל על טקסט שנמצא אחרי נקודת ההכנסה.
החלת צבע על טקסט באמצעות לוח הנכסים
לוח הנכסים מציג את הצבעים שכבר החלתם על אלמנטים שונים, כמו טקסט, גבולות טבלה, רקעים וכדומה.
בתצוגת עיצוב, בצעו את השלבים הבאים:
בחר טקסט במסמך.
בלוח הנכסים, בחרו בקטגוריית הצבעים.
בחרו את הצבע הרצוי ולחצו על החל.
בתצוגה חיה, בצעו את השלבים הבאים:
בלוח הנכסים, בחרו בקטגוריית הצבעים.
בצע אחת מהפעולות הבאות:
- לחץ לחיצה ימנית על הצבע בחלונית Assets ולחץ על Copy Color Value. ערך הצבע מועתק ללוח שלך. כעת אפשר להדביק את ערך הצבע (Ctrl+V, Cmd+V) ב-CSS Designer.
- גרור את הצבע מהתצוגה המקדימה ורחף באמצעות העכבר מעל רכיבים בתצוגת Live.כשאתם משחררים את הצבע, מופיעה תיבת הדו-שיח כלל CSS חדש וכשאתם לוחצים על OK, הצבע מיושם על האלמנט שנבחר.
- לחץ על Apply בחלונית Assets. מופיעה תיבת הדו-שיח חוק CSS חדש וכשאתם לוחצים על OK, הצבע מיושם על האלמנט שנבחר.
הקצאת כתובות URL לתמונות או לטקסט
בתצוגת עיצוב, בצעו את השלבים הבאים:
בחרו
את הטקסט או התמונה.
בלוח הנכסים, בחרו בקטגוריית כתובות ה-URL בתצוגת האתרים או המועדפים, בהתאם למקום שבו כתובת ה-URL מאוחסנת.
פתק
כתובות URL של קבצי האתר שלכם מאוחסנות בתצוגת האתרים כברירת מחדל. תצוגת המועדפים מכילה כתובות URL שהוספתם בעצמכם.
בחר כתובת URL.
בצע אחת מהפעולות הבאות:
גררו את כתובת ה-URL מהלוח אל הבחירה בתצוגת העיצוב.
בחר בכתובת URL, ולאחר מכן לחץ על Insert.
בתצוגה חיה, בצעו את השלבים הבאים:
בלוח הנכסים, בחרו בקטגוריית כתובות ה-URL בתצוגת האתרים או המועדפים, בהתאם למקום שבו כתובת ה-URL מאוחסנת.
בצע אחת מהפעולות הבאות:
- גרור את כתובת ה-URL מהתצוגה המקדימה או מתצוגת הרשימה. רחף באמצעות העכבר מעל רכיבים בתצוגת Live. כשאתם משחררים את כתובת ה-URL, התג <a> עוטף את הרכיב המודגש בתצוגה החיה.
- לחץ על הרכיב הדרוש בתצוגת Live. בחר את כתובת ה-URL בחלונית Assets ולחץ על Apply. הרכיב הנבחר עטוף בתג <a>.
בחירה ועריכה של משאבים
לוח הנכסים מאפשר לבחור במספר נכסים בו-זמנית.היא גם מאפשרת להתחיל לערוך משאבים במהירות.
בחירת משאבים מרובים
בחר משאב בחלונית Assets.
בחר בשאר המשאבים באחת מהדרכים הבאות:
השתמשו ב-Shift+לחיצה כדי לבחור סדרה רצופה של נכסים.
השתמשו ב-Control+לחיצה (Windows) או Command+לחיצה (Macintosh) כדי להוסיף נכס בודד לבחירה (בין אם הוא צמוד לבחירה הקיימת ובין אם לא).השתמשו ב-Control+לחיצה או Command+לחיצה על נכס שנבחר כדי לבטל את בחירתו.
עריכת משאב
כשאתם עורכים נכס בלוח הנכסים, ההתנהגות משתנה בהתאם לסוג הנכס.עבור נכסים מסוימים, כגון תמונות, אתם משתמשים בעורך חיצוני, שנפתח אוטומטית אם הגדרתם עורך עבור סוג הנכס הזה.אתם יכולים לערוך צבעים וכתובות URL רק ברשימת המועדפים.כשאתם עורכים תבניות ופריטי ספרייה, אתם מבצעים את השינויים בתוך Dreamweaver.
בלוח הנכסים, בצעו אחת מהפעולות הבאות:
לחץ פעמיים על המשאב.
בחרו בנכס, ואז לחצו על לחצן העריכה.
פתק
אם יש לערוך את המשאב בעורך חיצוני והעורך אינו נפתח אוטומטית, בחר Edit > Preferences (Windows) או Dreamweaver > Preferences (Macintosh), בחר בקטגוריה File Types/Editors וודא שהגדרת עורך חיצוני לסוג משאב זה.
בצע את השינויים הרצויים.
לסיום, בצע אחת מהפעולות הבאות:
למשאבים המבוססים על קבצים (כל סוג, פרט לצבע או כתובת URL), שמור את המשאב (בעורך שהשתמשת בו) וסגור אותו.
אם המשאב הוא כתובת URL, לחץ על OK בתיבת הדו-שיח Edit URL.
פתק
אם המשאב הוא צבע, דוגם הצבע נסגר אוטומטית לאחר בחירת צבע. לסגירת דוגם הצבע מבלי לבחור צבע, הקש Esc.
שימוש חוזר בנכסים באתר אינטרנט אחר
לוח הנכסים מציג את כל הנכסים (מסוגים מזוהים) באתר הנוכחי שלכם.כדי להשתמש בנכס מהאתר הנוכחי באתר אחר, עליכם להעתיק אותו לאתר האחר.אתם יכולים להעתיק נכס בודד, קבוצה של נכסים בודדים, או תיקיית מועדפים שלמה בבת אחת.
ייתכן שתצטרכו לאתר את הקובץ בלוח הקבצים שמתאים לנכס בלוח הנכסים לפני שאתם מעבירים את הנכס אל האתר המרוחק או ממנו.
פתק
לוח הקבצים עשוי להציג אתר שונה מזה שלוח הנכסים מציג.הסיבה לכך היא שלוח Assets משויך למסמך הפעיל.
אתרו קובץ נכס בלוח הקבצים
בלוח הנכסים, בחרו בקטגוריה של הנכס שברצונכם למצוא.
לחצו לחיצה ימנית (Windows) או Control+לחיצה (Macintosh) על שם הנכס או הסמל שלו בלוח הנכסים, ואז בחרו באפשרות איתור באתר מהתפריט הקשר.
פתק
האפשרות 'איתור באתר' אינה זמינה עבור צבעים וכתובות URL שאינן מתאימות לקבצים באתר.
לוח הקבצים נפתח, כשקובץ הנכס נבחר.הפקודה 'איתור באתר' מאתרת את הקובץ המתאים לנכס עצמו; היא אינה מאתרת קבצים המשתמשים בנכס הזה.
העתקת נכסים מלוח הנכסים לאתר אחר
בלוח הנכסים, בחרו את הקטגוריה
של הנכס שברצונכם להעתיק.
לחצו לחיצה ימנית (Windows) או Control+לחיצה (Macintosh) על נכס אחד או יותר ברשימת האתר או ברשימת המועדפים, בחרו העתקה לאתר, ובחרו את שם האתר היעד מתת התפריט המציג את כל האתרים שהגדרתם.
פתק
ברשימת המועדפים, תוכלו להעתיק תיקיית מועדפים כמו גם נכסים בודדים.
הנכסים מועתקים למקומות המתאימים להם באתר היעד.Dreamweaver יוצר תיקיות חדשות בהיררכיה של אתר היעד לפי הצורך.הנכסים מתווספים גם לרשימת המועדפים של אתר היעד.
פתק
אם הנכס שהעתקתם הוא צבע או כתובת URL, הוא מופיע רק ברשימת המועדפים של אתר היעד.מכיוון שצבעים וכתובות URL אינם מתאימים לקבצים, אין קובץ להעתיק לאתר האחר.
בניית אתרי אינטרנט יפהפיים ב-Dreamweaver
עיצוב כתיבת קוד וניהול אתרי אינטרנט דינמיים בכלי רב עוצמה כולל.
