בחלונית CC Libraries, בצע אחת מהפעולות הבאות:
- לחץ על הצבע או על ערכת הנושא של הצבעים הדרושה. הערך ההקסדצימלי של הצבע או של ערכת הנושא של הצבעים מועתק ללוח.
- לחץ לחיצה ימנית על הצבע או על ערכת הנושא של הצבעים, ולאחר מכן לחץ על Copy RGB או Copy HEX.
עודכן לאחרונה בתאריך
4 בפברואר 2022
- מדריך למשתמש של Dreamweaver
- מבוא
- Dreamweaver ו-Creative Cloud
- התצוגות וסביבות העבודה של Dreamweaver
- הגדרת אתרי אינטרנט
- על אתרי Dreamweaver
- הגדרת גרסה מקומית של האתר שלך
- התחברות לשרת פרסום
- הגדרת שרת בדיקות
- ייבוא וייצוא של הגדרות אתר Dreamweaver
- העתקת אתרי אינטרנט קיימים משרת מרוחק לבסיס האתר המקומי שלך
- תכונות נגישות ב-Dreamweaver
- הגדרות מתקדמות
- הגדרת העדפות להעברת קבצים
- ציון הגדרות שרת פרוקסי ב-Dreamweaver
- סנכרון הגדרות של Dreamweaver עם Creative Cloud
- שימוש ב-Git ב-Dreamweaver
- ניהול קבצים
- פריסה ועיצוב
- CSS
- הכרת CSS (Cascading Style Sheets)
- פריסת עמודים בעזרת CSS Designer
- שימוש בכלים לעיבוד מקדים של CSS ב-Dreamweaver
- כיצד להגדיר העדפות סגנון CSS ב-Dreamweaver
- העברת כללי CSS ב-Dreamweaver
- המרת CSS בתוך שורה לכלל CSS ב-Dreamweaver
- עבודה עם תגי div
- החלת מעברי צבע על רקע
- יצירה ועריכה של אפקטי מעבר של CSS3 ב-Dreamweaver
- עיצוב קוד
- תוכן דף והנכסים הקיימים בו
- הגדרת מאפייני דף
- הגדרת מאפייני כותרת של CSS ומאפייני קישור של CSS
- עבודה עם טקסט
- מציאה והחלפה של טקסט, תגים ותכונות
- החלונית DOM
- עריכה ב-Live View
- קידוד מסמכים ב-Dreamweaver
- בחירה והצגה של רכיבים בחלון Document
- הגדרת מאפייני טקסט ב-Property inspector
- בדיקת איות בדף אינטרנט
- שימוש בכללים אופקיים ב-Dreamweaver
- הוספה ושינוי של שילובי גופנים ב-Dreamweaver
- עבודה עם נכסים
- הכנסה ועדכון של תאריכים ב-Dreamweaver
- יצירה וניהול של נכסים מועדפים ב-Dreamweaver
- הכנסה ועריכה של תמונות ב-Dreamweaver
- הוספת אובייקטי מדיה
- הוספת סרטוני וידאו ב-Dreamweaver
- הכנסת וידאו של HTML5
- הכנסת קובצי SWF
- הוספת אפקטי שמע
- הכנסת שמע של HTML5 ב-Dreamweaver
- עבודה עם פריטי ספרייה
- שימוש בטקסט ערבי ועברי ב-Dreamweaver
- קישור וניווט
- רכיבים גרפיים ואפקטים של jQuery
- כתיבת קוד של אתרי אינטרנט
- כתיבת קוד ב-Dreamweaver
- סביבה של כתיבת קוד ב-Dreamweaver
- הגדרת העדפות לכתיבת קוד
- התאמה אישית של העדפות צבעי קוד
- כתיבה ועריכה של קוד
- אפשרויות של רמזי קוד והשלמת קוד
- צמצום והרחבה של קוד
- שימוש חוזר בקוד עם גזירי קוד
- איתור שגיאות בקוד (Linting)
- מטוב הקוד
- עריכת קוד בתצוגת Design
- עבודה עם תוכן כותרת של דפים
- הכנסת קבצים נכללים בצד השרת ב-Dreamweaver
- שימוש בספריות תגים ב-Dreamweaver
- ייבוא תגים מותאמים אישית אל Dreamweaver
- שימוש בהתנהגויות של JavaScript (הוראות כלליות)
- החלת התנהגויות מובנות של JavaScript
- על XML ו-XSLT
- ביצוע המרות XSL בצד השרת ב-Dreamweaver
- ביצוע המרות XSL בצד הלקוח ב-Dreamweaver
- הוספת ישויות תו עבור XSLT ב-Dreamweaver
- עיצוב קוד
- תהליכי עבודה המותאמים למגוון מוצרים
- תבניות
- על תבניות Dreamweaver
- זיהוי תבניות ומסמכים המבוססים על תבניות
- יצירת תבנית Dreamweaver
- יצירת אזורים ניתנים לעריכה בתבניות
- יצירת אזורים חוזרים וטבלאות חוזרות ב-Dreamweaver
- שימוש באזורים אופציונליים בתבניות
- הגדרת תכונות תג ניתנות לעריכה ב-Dreamweaver
- כיצד ליצור תבניות מקוננות ב-Dreamweaver
- עריכה, עדכון ומחיקה של תבניות
- ייצוא וייבוא תוכן XML ב-Dreamweaver
- החלה של תבנית על מסמך קיים או הסרתה ממנו
- עריכת תוכן בתבניות Dreamweaver
- כללי תחביר של תגי תבנית ב-Dreamweaver
- הגדרת העדפות סימון לאזורי תבנית
- היתרונות של שימוש בתבניות ב-Dreamweaver
- מכשירים ניידים ומסכים מרובים
- אתרי אינטרנט, דפים וטופסי אינטרנט דינמיים
- הבנת יישומי אינטרנט
- הגדרת המחשב לפיתוח יישומים
- פתרון בעיות בחיבורים למסדי נתונים
- הסרת סקריפטים של חיבור ב-Dreamweaver
- עיצוב דפים דינמיים
- סקירת מקורות של תוכן דינמי
- הגדרת מקורות של תוכן דינמי
- הוספת תוכן דינמי לדפים
- שינוי תוכן דינמי ב-Dreamweaver
- הצגת רשומות של מסד נתונים
- אספקת נתונים בזמן אמת ב-Dreamweaver ופתרון בעיות בהם
- הוספת התנהגויות שרת מותאמות אישית ב-Dreamweaver
- בניית טפסים באמצעות Dreamweaver
- שימוש בטפסים לאיסוף מידע ממשתמשים
- יצירה והפעלה של טופסי ColdFusion ב-Dreamweaver
- יצירת טופסי אינטרנט
- תמיכה משופרת ב-HTML5 עבור רכיבי טופס
- פיתוח טופס באמצעות Dreamweaver
- בנייה חזותית של יישומים
- בניית דפי אב ופרטים ב-Dreamweaver
- בניית דפי חיפוש ותוצאות
- בניית דף להכנסת רשומות
- בניית דף לעדכון רשומות ב-Dreamweaver
- בניית דפים למחיקת רשומות ב-Dreamweaver
- שימוש בפקודות ASP כדי לשנות מסד נתונים ב-Dreamweaver
- בניית דף רישום
- בניית דף כניסה
- בניית דף המאפשר גישה למשתמשים מורשים בלבד
- אבטחת תיקיות ב-ColdFusion באמצעות Dreamweaver
- שימוש ברכיבי ColdFusion ב-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.
בעזרת חלונית זו באפשרותך לבצע:
- חיפוש בספרייה ספציפית אחר משאבים שנשמרו בספרייה
- יצירת ספרייה
- תצוגה מקדימה של משאבים בספרייה שנבחרה
- גרירה או העתקה של משאבים כדי להוסיף אותם לדף האינטרנט שלך
- הזנת מילת מפתח, למשל, שם מלא או חלק משם של תמונה, לחיפוש ב-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.
כאשר אתה מעניק רישיון לתמונה, כל המופעים של המשאב הכולל סימן מים במסמכים הפתוחים יעודכנו לגרסת התמונה המורשית ברזולוציה גבוהה.
שימוש חוזר בצבעים ובערכות נושא של צבעים שנשמרו ב-CC Libraries
שימוש חוזר בצבעים ובערכות נושא של צבעים ב-Live View
באפשרותך לשמור צבעים וערכות נושא של צבעים ב-Creative Cloud Libraries מיישומים כגון Illustrator, Photoshop או Adobe Color CC. באפשרותך לייבא צבעים וערכות נושא של צבעים אלה בדפי האינטרנט שלך באמצעות החלונית CC Libraries ב-Dreamweaver בעזרת השלבים הבאים:
-
-
הדבק את ערך הצבע ב-Code View או CSS Designer.
שימוש חוזר בצבעים ב-Code View
צבעים שנשמרו ב-Creative Cloud זמינים בהשלמות קוד ב-Code View. ניתן לבחור את הצבעים הדרושים מהשלמות הקוד במהלך הקידוד ב-Code View. סמל Creative Cloud שמופיע לצד הצבע בהשלמות הקוד מציין שצבעים אלה מאוחסנים ב-Creative Cloud.
השלמת הקוד בוחרת צבעים מהספריה הפתוחה כעת בחלונית 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
-
בצע אחת מהפעולות הבאות:
-
גרור את הגרפיקה מהחלונית CC Libraries לדף ב-Live View.
הערה: בעת גרירת פריטי גרפיקה מהחלונית CC Libraries לתצוגה Live, הגרפיקה מתווספת כגרפיקה 'מקושרת' (אם הגדרת אתר).
קבצי Illustrator מתווספים כקבצים ממוטבים לאינטרנט, קבצי SVG כברירת מחדל. אם ברצונך להתאים אישית את המאפיינים של קבצי SVG, תוכל לערוך את ההעדפות בקובץ options.json. לקבלת מידע נוסף, ראה חילוץ קבצי SVG ממוטבים לאינטרנט מ-CC Libraries.
-
לחץ לחיצה ימנית על המשאב הדרוש בחלונית CC Libraries ובחר:
- 'Insert Linked' כדי להוסיף גרפיקה כמשאב מקושר. משמעות הדבר היא שהמערכת שומרת על ההפניה של המשאב למשאב המתאים בענן. כל שינוי במשאב בענן ישתקף במשאב המקושר ב-Dreamweaver.
- 'Insert Unlinked' כדי להוסיף גרפיקה כמשאב לא מקושר.
-
-
בתיבת הדו-שיח Sampling שמופיעה, ציין את שם הקובץ וממדי התמונה. לקבלת מידע מפורט, ראה ציון אפשרויות דגימה לפריטי גרפיקה.
שימוש חוזר בפריטי גרפיקה ב-Code View
פריטי גרפיקה שנשמרו בספריות Creative Cloud Libraries זמינים כהשלמות קוד בתצוגת Code. תחילה, פתח את הספרייה הדרושה על-ידי בחירתה בחלונית CC Libraries. לאחר מכן, עבור לתצוגת Code ובחר את פריטי הגרפיקה הדרושים מהשלמות הקוד במהלך הקידוד. הסמל Creative Cloud שמופיע לצד הגרפיקה בהשלמות הקוד מציין שהגרפיקה מאוחסנת ב-Creative Cloud.
הערה: בעת הוספת פריטי גרפיקה באמצעות השלמות קוד, פריטי הגרפיקה נוספים כפריטי גרפיקה 'בלתי מקושרים'.
כדי לקבל צבעים בספריית 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.