- מדריך למשתמש של 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
- בדיקה, תצוגה מקדימה ופרסום של אתרי אינטרנט
- פתרון בעיות
אודות Design Notes
Design Notes הם הערות שניתן ליצור לקובץ. Design Notes מקושרים לקובץ שהם מתארים, אך נשמרים בקובץ נפרד. ניתן לראות לאילו קבצים צורפו Design Notes בחלונית Files המורחבת: סמל של Design Notes מוצג בעמודה Notes.
ניתן להשתמש ב-Design Notes למעקב אחר מידע נוסף של קובץ שמקושר למסמכים, כגון שמות קבצים של תמונות מקור והערות על מצב הקובץ. לדוגמה, בעת העתקת מסמך מאתר אחד לאתר אחר, ניתן להוסיף למסמך Design Notes שיכללו הערה שהמסמך המקורי נמצא בתיקייה של אתר אחר.
ניתן גם להשתמש ב-Design Notes למעקב אחר מידע רגיש שלא ניתן לכלול במסמך מסיבות הקשורות באבטחה, כגון הערות על אופן קביעת מחיר או בחירת הגדרת תצורה, או על גורמי שיווק המושפעים מהחלטה הקשורה בעיצוב.
בעת פתיחת קובץ ב-Adobe® Fireworks® או ב-Flash וייצואו לתבנית אחרת, Fireworks ו-Flash שומרים אוטומטית את שם קובץ המקור בקובץ Design Notes. לדוגמה, בעת פתיחת הקובץ myhouse.png ב-Fireworks וייצואו לקובץ myhouse.gif, Fireworks יוצר קובץ Design Notes בשם myhouse.gif.mno. קובץ Design Notes זה כולל את שם הקובץ המקורי, ככתובת file: URL מוחלטת. כך, ייתכן ש-Design Notes לקובץ myhouse.gif יכילו את השורה הבאה:
fw_source="file:///Mydisk/sites/assets/orig/myhouse.png"
ייתכן ש-Design Note דומה לקובץ Flash יכיל את השורה הבאה:
fl_source="file:///Mydisk/sites/assets/orig/myhouse.fla"
לשיתוף Design Notes, על המשתמשים להגדיר נתיב זהה לשורש האתר (לדוגמה, sites/assets/orig).
בעת ייבוא גרפיקה ל-Dreamweaver, קובץ Design Notes מועתק לאתר אוטומטית יחד עם הגרפיקה. כאשר אתה בוחר תמונה ב-Dreamweaver ובוחר לערוך אותה ב-Fireworks, Fireworks פותח את הקובץ המקורי לעריכה.
הפעלה והשבתה של Design Notes באתר
Design Notes הם הערות המקושרות לקובץ, אך נשמרות בקובץ נפרד. השתמש ב-Design Notes למעקב אחר מידע נוסף של קובץ שמקושר למסמכים, כגון שמות קבצים של תמונות מקור והערות על מצב הקובץ.
ניתן להפעיל ולבטל Design Notes לאתר אינטרנט בקטגוריה Design Notes בתיבת הדו-שיח Site Definition. בעת הפעלת Design Notes, ניתן גם לבחור לשתף אותם עם משתמשים אחרים.
-
בחר Site > Manage Sites.
-
בתיבת הדו-שיח Manage Sites, בחר אתר אינטרנט ולאחר מכן לחץ על Edit.
-
בתיבת הדו-שיח Site Setup, הרחב את Advanced Settings ובחר את הקטגוריה Design Notes.
-
להפעלת Design Notes, בחר באפשרות Maintain Design Notes (בטל את הבחירה באפשרות כדי לבטל אותם).
-
אם ברצונך למחוק את כל קובצי Design Notes המקומיים של האתר, לחץ על Clean Up, ולאחר מכן לחץ על Yes. (אם ברצונך למחוק קובצי Design Notes מרוחקים, עלייך למחוק אותם ידנית).הערה:
הפקודה Clean Up Design Notes מוחקת רק קובצי MNO (Design Notes). היא אינה מוחקת את התיקייה _notes או את הקובץ dwsync.xml שבתיקייה _notes. Dreamweaver משתמש בקובץ dwsync.xml לשמירת מידע על סינכרון האתר.
-
בחר באפשרות Enable Upload Design Notes For Sharing כדי להעלות Design Notes המקושרים לאתר יחד עם שאר המסמכים ולחץ על OK.
בעת בחירה באפשרות זו, ניתן לשתף Design Notes עם שאר חברי הצוות. בעת העלאה או הורדה של קובץ,Dreamweaver מעלה או מוריד אוטומטית את קובץ Design Notes המשויך אליו.
אם לא תבחר באפשרות זו, Dreamweaver ישמור את Design Notes באופן מקומי אך לא יעלה אותם יחד עם הקבצים. אם אתה עובד על אתר אינטרנט לבדך, בטל את הבחירה באפשרות זו כדי לשפר את הביצועים. Design Notes אינם מועברים לאתר המרוחק בעת הכנסת קבצים לאחסון או הוצאתם מאחסון, וניתן להמשיך להוסיף ולשנות Design Notes באתר באופן מקומי.
קישור Design Notes לקבצים
ניתן ליצור קובץ Design Notes לכל אחד מהמסמכים או התבניות באתר שלך. ניתן גם ליצור Design Notes ליישומונים, לבקרי ActiveX, לתמונות, לתוכן Flash, לאובייקטי Shockwave ולשדות תמונה במסמכים.
בעת הוספת Design Notes לקובץ תבנית, מסמכים שנוצרים באמצעות התבנית אינם יורשים את ה-Design Notes.
-
בצע אחת מהפעולות הבאות:
פתח את הקובץ בחלון Document ובחר File > Design Notes.
בחלונית Files (Window > Files), לחץ לחיצה ימנית (Windows) או הקש Control תוך כדי לחיצה (Macintosh) על הקובץ, ולאחר מכן בחר Design Notes.
הערה:אם הקובץ שמור באתר מרוחק, יש להוציא אותו מאחסון או להוריד אותו תחילה, ולאחר מכן לבחור בו בתיקייה המקומית.
-
בכרטיסייה Basic Info, בחר מצב למסמך מתפריט Status.
-
לחץ על סמל התאריך (מעל לתיבה Notes) כדי להוסיף את התאריך המקומי הנוכחי להערות.
-
הקלד הערות בתיבה Notes.
-
בחר Show When File Is Opened כדי שקובץ Design Notes יופיע בכל פעם שפותחים את הקובץ.
-
בכרטיסייה All Info, לחץ על לחצן הפלוס (+) להוספת צמד מפתח-ערך חדש; בחר צמד ולחץ על לחצן המינוס (–) כדי להסירו.
לדוגמה, ניתן להקליד למפתח את השם Author (בתיבה Name) ולהגדיר את הערך כ-Heidi (בתיבה Value).
-
לחץ על OK ושמור את ההערות.
Dreamweaver שומר את ההערות בתיקייה _notes, במיקום זהה למיקום הקובץ הנוכחי. שם הקובץ הוא שם הקובץ של המסמך, בתוספת הסיומת .mno. לדוגמה, אם שם הקובץ הוא index.html, קובץ Design Notes המקושר נקרא index.html.mno.
עבודה עם Design Notes
לאחר שיוך Design Note לקובץ, ניתן לפתוח Design Note, לשנות את מצבו או למחוק אותו.
פתיחת Design Notes המשויכים לקובץ
-
כדי לפתוח Design Note, בצע אחת מהפעולות הבאות:
פתח את הקובץ בחלון Document ובחר File > Design Notes.
בחלונית Files (Window > Files), לחץ לחיצה ימנית (Windows) או הקש Control תוך כדי לחיצה (Macintosh) על הקובץ, ולאחר מכן בחר Design Notes.
בעמודה Notes שבחלונית Files, לחץ לחיצה כפולה על הסמל Design Notes הצהוב.
הערה:להצגת סמלי Design Notes הצהובים, בחר Site > Manage Sites > [שם האתר שלך] > Edit > Advanced Settings > File View Columns. בחר Notes ברשימה שבחלונית ובחר באפשרות Show. בעת לחיצה על הלחצן Expand בסרגל הכלים Files להצגת האתר המקומי והמרוחק, עמודת Notes באתר המקומי מציגה סמל הערה צהוב לכל קובץ שיש לו Design Note.
שיוך מצב Design Notes מותאם אישית
-
פתח Design Notes לקובץ או לאובייקט (ראה בהליך הקודם).
-
לחץ על הכרטיסייה All Info.
-
לחץ על לחצן הפלוס (+).
-
בשדה Name, הזן את המילה status.
-
בשדה Value, הזן את המצב.
אם כבר יש ערך מצב, הוא מוחלף בערך החדש.
-
לחץ על הכרטיסייה Basic Info וודא שערך המצב החדש מופיע בתפריט הנפתח Status.הערה:
תפריט המצב יכול להכיל ערך מותאם אישית אחד בלבד בכל פעם. אם תבצע הליך זה שוב, Dreamweaver יחליף את ערך המצב שהזנת בפעם הראשונה בערך המצב החדש שתזין.
מחיקת Design Notes לא משויכים מאתר אינטרנט
-
בחר Site > Manage Sites.
-
בחר באתר ולחץ על Edit.
-
בתיבת הדו-שיח Site Definition, בחר Design Notes מרשימת הקטגוריות מצד שמאל.
-
לחץ על הלחצן Clean Up.
Dreamweaver מבקש ממך לאשר את המחיקה של Design Notes שאינם משויכים לקובץ כלשהו באתר.
בעת השימוש ב-Dreamweaver למחיקת קובץ ששויך לו קובץ Design Notes, Dreamweaver מוחק גם את קובץ Design Notes. כך שבדרך כלל, קובצי Design Notes יתומים מופיעים רק בעת מחיקה או שינוי שם של קובץ מחוץ ל-Dreamweaver.
הערה:אם תבטל את הבחירה באפשרות Maintain Design Notes לפני הלחיצה על Clean Up, Dreamweaver ימחק את כל קובצי Design Notes של האתר.