בחלון Document, עבור לתצוגת Design ובחר חלק מהמסמך שברצונך לשמור כפריט ספרייה.
- מדריך למשתמש של 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, וכיצד להוסיף ולערוך פריטי ספרייה במסמכים.
ספרייה היא קובץ מיוחד של Dreamweaver המכיל אוסף של משאבים בודדים או עותקים של משאבים שניתן למקם בדפי אינטרנט. המשאבים הכלולים בספרייה נקראים פריטי ספרייה. סוגי הפריטים שניתן לשמור בספרייה כוללים תמונות, טבלאות, צלילים וקבצים שנוצרו באמצעות Adobe Flash. ניתן לעדכן אוטומטית את כל הדפים המשתמשים בפריט ספרייה בכל פעם שעורכים את הפריט.
לדוגמה, בעת בניית אתר אינטרנט גדול לחברה המעוניינת להציג סיסמת פרסומת בכל אחד מהדפים באתר. ניתן ליצור פריט ספרייה שיכיל את הסיסמה ולהשתמש בפריט הספרייה בכל אחד מהדפים. אם הסיסמה משתנה, ניתן לשנות את פריט הספרייה ולעדכן אוטומטית כל אחד מהדפים שמשתמש בה.
Dreamweaver מאחסן פריטי ספרייה בתיקייה Library שבתיקיית השורש המקומית של אתר אינטרנט. לכל אתר יש ספרייה משלו.
ניתן ליצור פריט ספרייה מכל רכיב באזור body של המסמך, כולל טקסט, טבלאות, טפסים, יישומוני Java, רכיבי ActiveX, סרגלי ניווט ותמונות.
בעת שמירת פריטים מקושרים כגון תמונות כפריטי ספרייה, נשמרת בספרייה רק הפנייה לפריט. כדי שפריט הספרייה יפעל כהלכה, הקובץ המקורי חייב להישאר במיקום שצוין.
בכל זאת, שמירת תמונה כפריט ספרייה יכולה להיות שימושית. לדוגמה, ניתן לשמור תג img שלם כפריט ספרייה, דבר המאפשר לשנות בקלות את טקסט alt של התמונה, וכן את תכונת src שלה, בכל האתר. (עם זאת, אל תשתמש בשיטה זו לשינוי תכונות רוחב וגובה של תמונה, אלא אם כן אתה משתמש גם בעורך תמונות לשינוי הגודל הממשי של התמונה).
אם פריט הספרייה מכיל קישורים, הקישורים עלולים שלא לפעול באתר האינטרנט החדש. כמו כן, תמונות בפריט ספרייה אינן מועתקות לאתר החדש.
בעת שימוש בפריט ספרייה, Dreamweaver מוסיף לדף האינטרנט קישור לפריט, במקום להוסיף את הפריט עצמו. כלומר, Dreamweaver מוסיף למסמך עותק של קוד מקור HTML של פריט זה ומוסיף הערת HTML המכילה הפנייה לפריט המקור החיצוני. הפנייה חיצונית זו מאפשרת עדכון אוטומטי.
בעת יצירת פריט ספרייה הכולל רכיב שמקושרת אליו התנהגות של Dreamweaver, Dreamweaver מעתיק לקובץ של פריט הספרייה את הרכיב ואת רכיב הטיפול באירועים שלו (התכונה המציינת איזה אירוע יגרום לביצוע הפעולה, כגון onClick, onLoad או onMouseOver ולאיזו פעולה יש לקרוא כשהאירוע מתרחש). Dreamweaver אינו מעתיק לפריט הספרייה את פונקציות JavaScript המקושרות. במקום זאת, בעת הוספת פריט הספרייה למסמך, Dreamweaver מוסיף אוטומטית את פונקציות JavaScript המתאימות לאזור head של המסמך (אם הן אינן נמצאות בו).
בעת כתיבה ידנית של קוד JavaScript (כלומר, יצירתו ללא שימוש בהתנהגויות של Dreamweaver), ניתן להפוך אותו לחלק מפריט ספרייה אם מפעילים את הקוד באמצעות ההתנהגות Call JavaScript. אם אינך מעוניין להשתמש בהתנהגות של Dreamweaver להפעלת הקוד, הקוד אינו נשמר כחלק מפריט הספרייה.
יש דרישות מיוחדות לעריכת ההתנהגויות בפריטי ספרייה. פריטי ספרייה אינם יכולים להכיל גיליונות סגנונות, משום שהקוד של רכיבים אלה הוא חלק מאזור head.
יצירת פריט ספרייה המבוסס על בחירה
-
-
בחר Tools > Library > Add Object to Library.
-
הקלד שם עבור פריט הספרייה החדש ולאחר מכן הקש Enter (Windows) או Return (Macintosh).
Dreamweaver שומר כל אחד מפריטי הספרייה כקובץ נפרד (עם סיומת הקובץ .lbi) בתיקייה Library שבתיקיית השורש המקומית של אתר האינטרנט.
יצירת פריט ספרייה ריק
-
ודא שאף פריט לא נבחר בחלון Document.
אם פריט כלשהו נבחר, הוא ימוקם בפריט הספרייה החדש.
-
בחלונית Assets, בחר את הקטגוריה Library.
-
לחץ על הלחצן New Library Item בתחתית החלונית.
-
מבלי לבטל את הבחירה בפריט, הקלד לו שם ולאחר מכן הקש Enter (Windows) או Return (Macintosh).
הוספת פריט ספרייה למסמך
בעת הוספת פריט ספרייה לדף, התוכן עצמו נוסף למסמך יחד עם הפנייה לפריט הספרייה.
-
הצב את נקודת ההכנסה בחלון Document.
-
בחלונית Assets, בחר את הקטגוריה Library.
-
בצע אחת מהפעולות הבאות:
- גרור פריט ספרייה מהחלונית Assets לחלון Document.
הערה:להוספת התוכן של פריט ספרייה מבלי לכלול הפנייה לפריט במסמך, הקש Control (Windows) או Option (Macintosh) תוך כדי גרירת הפריט מהחלונית Assets. הוספת פריט בדרך זו מאפשרת לערוך את הפריט במסמך, אך המסמך לא יתעדכן בעת עדכון דפים המשתמשים בפריט הספרייה.
בחר פריט ספרייה ולחץ על Insert.
עריכת פרטי ספרייה ועדכון מסמכים
בעת עריכת פריט ספרייה, ניתן לעדכן את כל המסמכים המשתמשים בפריט זה. אם תבחר שלא לעדכן, המסמכים יישארו מקושרים לפריט הספרייה ותוכל לעדכן אותם בשלב מאוחר יותר.
ניתן לשנות שמות של פריטים כדי לנתק את הקשר בינם לבין מסמכים או תבניות, למחוק פריטים מספריית אתר האינטרנט וליצור מחדש פריט ספרייה חסר.
עריכת פריט ספרייה
-
בחלונית Assets, בחר את הקטגוריה Library.
-
בחר פריט ספרייה.
-
לחץ על הלחצן Edit או לחץ פעמיים על פריט הספרייה.
Dreamweaver פותח חלון חדש, הדומה לחלון Document, לעריכת פריט הספרייה. הרקע האפור מציין שאתה עורך כעת פריט ספרייה במקום מסמך.
-
בצע את השינויים הרצויים ושמור אותם.
-
ציין אם ברצונך לעדכן את המסמכים באתר האינטרנט המקומי המשתמשים בפריט הספרייה. לעדכון מיידי, בחר באפשרות Update. אם תבחר באפשרות Don’t Update, המסמכים לא יתעדכנו עד שתבחר בפקודה Tools > Library > Update Current Page או Update Pages.
עדכון המסמך הנוכחי לגרסה הנוכחית של כל פריטי הספרייה
-
בחר Tools > Library > Update Current Page.
עדכון של כל אתר האינטרנט או של כל המסמכים המשתמשים בפריט ספרייה מסוים
-
בחר Tools > Library > Update Pages.
-
בתפריט הנפתח Look In, ציין את הפריטים שברצונך לעדכן:
לעדכון כל הדפים באתר האינטרנט שנבחר לגרסה הנוכחית של כל פריטי הספרייה, בחר Entire Site, ולאחר מכן בחר בשם האתר מהתפריט הנפתח הסמוך.
לעדכון כל הדפים באתר האינטרנט הנוכחי המשתמשים בפריט הספרייה, בחר Files That Use, ולאחר מכן בחר שם של פריט ספרייה מהתפריט הנפתח הסמוך.
-
ודא שבחרת Library Items מתחת לאפשרות Update.הערה:
לעדכון בו-זמנית של תבניות, בחר גם באפשרות Templates.
-
לחץ על Start.
Dreamweaver מעדכן את הקבצים בהתאם להגדרות שנקבעו. בעת בחירה באפשרות Show Log, Dreamweaver יוצר דוח המציין אם הקבצים עודכנו בהצלחה, לצד מידע נוסף.
שינוי שם של פריט ספרייה
-
בחלונית Assets, בחר את הקטגוריה Library.
-
בחר בפריט הספרייה, המתן מעט ולאחר מכן לחץ עליו שנית. (אל תלחץ פעמיים; לחיצה כפולה פותחת את הפריט לעריכה).
-
הזן שם חדש.
-
לחץ במקום אחר כלשהו, או הקש Enter (Windows) או Return (Macintosh).
-
קבע אם ברצונך לעדכן את המסמכים המשתמשים בפריט באמצעות בחירה באפשרות Update או Don’t Update.
מחיקת פריט ספרייה מספרייה
בעת מחיקת פריט ספרייה, Dreamweaver מסיר אותו מהספרייה אך אינו משנה את תוכן המסמכים המשתמשים בפריט.
-
בחלונית Assets, בחר את הקטגוריה Library.
-
בחר בפריט הספרייה.
-
לחץ על הלחצן Delete או הקש על המקש Delete, ולאחר מכן אשר את מחיקת הפריט.הערה:
לאחר מחיקת פריט ספרייה, לא ניתן להשתמש בפקודה Undo כדי לשחזר אותו. עם זאת, ייתכן שתוכל ליצור אותו מחדש.
יצירה מחדש של פריט ספרייה חסר או מחוק
-
בחר מופע של הפריט באחד המסמכים.
-
לחץ על הלחצן Recreate ב-Property inspector (Window > Properties).
התאמה אישית של סימון פריטי ספרייה
ניתן להתאים אישית את צבע הסימון של פריטי ספרייה ולהציג או להסתיר סימון בעזרת הגדרת העדפות Highlighting.
שינוי צבע הסימון של פריטי ספרייה
-
בחר Edit > Preferences (Windows) או Dreamweaver > Preferences (Macintosh).
-
בחר בקטגוריה Highlighting מהרשימה שבצדה השמאלי של תיבת הדו-שיח Preferences.
-
לחץ על תיבת הצבע של Library Items, ולאחר מכן בחר צבע סימון בעזרת דוגם הצבע (או הזן ערך הקסדצימלי לצבע בתיבת הטקסט).
-
בחר באפשרות Show להצגת צבע הסימון בחלון Document.
-
לחץ על OK.
להצגה או להסתרה של הסימון בחלון Document
-
להצגת הסימון, בחר View > Design View Options > Visual Aids > Invisible Elements. להסתרת הסימון, בטל את הבחירה באפשרות Invisible Elements.
עריכת מאפיינים של פריט ספרייה
ניתן להשתמש ב-Property inspector לפתיחת פריט ספרייה לעריכה, לניתוק פריט ספרייה שנבחר מקובץ המקור שלו או לדריסת פריט באמצעות פריט הספרייה הנוכחי שנבחר.
-
בחר פריט ספרייה במסמך.
-
בחר אחת מהאפשרויות הבאות ב-Property inspector (Window > Properties):
Src
הצגת שם הקובץ ומיקום קובץ המקור של פריט הספרייה. מידע זה אינו ניתן לעריכה.
Open
פתיחת קובץ המקור של פריט הספרייה לעריכה. פקודה זו מקבילה לבחירת הפריט בחלונית Assets ולחיצה על הלחצן Edit.
Detach From Original
ניתוק הקישור בין פריט הספרייה שנבחר לקובץ המקור שלו. ניתן לערוך את הפריט המנותק במסמך, אך הוא חדל להיות פריט ספרייה ואינו מתעדכן בעת שינוי המקור.
Recreate
דריסת פריט הספרייה המקורי והחלפתו בבחירה הנוכחית. השתמש באפשרות זו ליצירה מחדש של פריטי ספרייה אם פריט הספרייה המקורי חסר או נמחק בטעות.
הפיכת פריטי ספרייה לניתנים לעריכה במסמך
אם הוספת פריט ספרייה למסמך וברצונך לערוך את הפריט באופן מיוחד לדף זה, עלייך לנתק את הקישור בין הפריט במסמך לספרייה. לאחר הפיכת מופע של פריט ספרייה לניתן לעריכה, מופע זה אינו מתעדכן בעת שינוי פריט הספרייה.
-
בחר פריט ספרייה במסמך הנוכחי.
-
לחץ על Detach From Original ב-Property inspector (Window > Properties).
עריכת התנהגות בפריט ספרייה
לעריכת התנהגות בפריט ספרייה, עלייך להוסיף את הפריט למסמך תחילה, ולאחר מכן להפוך את הפריט לניתן לעריכה במסמך זה. לאחר ביצוע השינויים, ניתן ליצור את פריט הספרייה מחדש ולהחליף את הפריט בספרייה בפריט הערוך שבמסמך.
-
פתח מסמך שמכיל את פריט הספרייה.
שים לב לשם של פריט הספרייה, וכן לתגים המדויקים שהוא כולל. תזדקק למידע זה בהמשך.
-
בחר בפריט הספרייה ולאחר מכן לחץ על Detach From Original ב-Property inspector (Window > Properties).
-
בחר ברכיב שההתנהגות מקושרת אליו.
-
בחלונית Behaviors (Window > Behaviors), לחץ פעמיים על הפעולה שברצונך לשנות.
-
בתיבת הדו-שיח שמופיעה, בצע את השינויים הרצויים ולחץ על OK.
-
בחלונית Assets, בחר את הקטגוריה Library.
-
רשום את השם המדויק, כולל אותיות גדולות וקטנות, של פריט הספרייה המקורי; בחר בו ולאחר מכן לחץ על הלחצן Delete.
-
בחלון Document, בחר בכל הרכיבים שכלולים בפריט הספרייה.
ודא שבחרת בדיוק באותם רכיבים שנכללו בפריט הספרייה המקורי.
-
בחלונית Assets, לחץ על הלחצן New Library Item ולאחר מכן תן לפריט החדש שם זהה לשם הפריט שמחקת. הקפד להשתמש באיות זהה ובאותן אותיות גדולות וקטנות.
-
לעדכון פריט הספרייה במסמכים אחרים באתר, בחר Tools > Library > Update Pages.
-
בתפריט הנפתח Look In, בחר באפשרות Files That Use.
-
בתפריט הנפתח הסמוך, בחר בשם פריט הספרייה שיצרת זה עתה.
-
באפשרות Update, ודא שבחרת Library Items ולאחר מכן לחץ על Start.
-
לאחר השלמת העדכונים, לחץ על Close.