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

Enable Design Notes עבור אתרי Dreamweaver

  1. מדריך למשתמש של Dreamweaver
  2. מבוא
    1. מידע בסיסי על עיצוב אתרי אינטרנט מגיב
    2. מה חדש ב-Dreamweaver
    3. פיתוח אתרי אינטרנט באמצעות Dreamweaver - סקירה
    4. Dreamweaver / שאלות נפוצות
    5. קיצורי מקשים
    6. דרישות המערכת של Dreamweaver
    7. סיכום תכונות
  3. Dreamweaver ו-Creative Cloud
    1. סנכרון הגדרות של Dreamweaver עם Creative Cloud‏
    2. Creative Cloud Libraries ב-Dreamweaver
    3. שימוש בקובצי Photoshop ב-Dreamweaver
    4. עבודה עם Adobe Animate ו-Dreamweaver
    5. חילוץ קובצי SVG ממוטבים לאינטרנט מספריות
  4. התצוגות וסביבות העבודה של Dreamweaver
    1. סביבת העבודה של Dreamweaver‏
    2. מיטוב סביבת העבודה של Dreamweaver לפיתוח חזותי
    3. חיפוש קבצים בהתבסס על שם קובץ או תוכן |‏ Mac OS
  5. הגדרת אתרי אינטרנט
    1. על אתרי Dreamweaver
    2. הגדרת גרסה מקומית של האתר שלך
    3. התחברות לשרת פרסום
    4. הגדרת שרת בדיקות
    5. ייבוא וייצוא של הגדרות אתר Dreamweaver
    6. העתקת אתרי אינטרנט קיימים משרת מרוחק לבסיס האתר המקומי שלך
    7. תכונות נגישות ב-Dreamweaver
    8. הגדרות מתקדמות
    9. הגדרת העדפות להעברת קבצים
    10. ציון הגדרות שרת פרוקסי ב-Dreamweaver
    11. סנכרון הגדרות של Dreamweaver עם Creative Cloud‏
    12. שימוש ב-Git ב-Dreamweaver
  6. ניהול קבצים
    1. יצירה ופתיחה של קבצים
    2. ניהול קבצים ותיקיות
    3. הורדת קבצים מהשרת והעלאת קבצים לשרת
    4. הכנסה לאחסון והוצאה מאחסון של קבצים
    5. סנכרון קבצים
    6. השוואת קבצים למציאת הבדלים
    7. הסוואת קבצים ותיקיות באתר Dreamweaver שלך
    8. הפעלת Design Notes עבור אתרי Dreamweaver
    9. מניעת אפשרות ניצול לרעה של Gatekeeper
  7. פריסה ועיצוב
    1. שימוש בעזרים חזותיים לפריסה
    2. על השימוש ב-CSS לפריסת דף
    3. עיצוב אתרי אינטרנט מגיבים באמצעות Bootstrap
    4. יצירת שאילתות מדיה והשימוש בהן ב-Dreamweaver
    5. הצגת תוכן בטבלאות
    6. צבעים
    7. יצירת עיצוב מגיב באמצעות פריסות רשת זורמות
    8. Extract ב-Dreamweaver
  8. CSS
    1. הכרת CSS ‏(Cascading Style Sheets)
    2. פריסת עמודים בעזרת CSS Designer
    3. שימוש בכלים לעיבוד מקדים של CSS ב-Dreamweaver
    4. כיצד להגדיר העדפות סגנון CSS ב-Dreamweaver
    5. העברת כללי CSS ב-Dreamweaver
    6. המרת CSS בתוך שורה לכלל CSS ב-Dreamweaver
    7. עבודה עם תגי div
    8. החלת מעברי צבע על רקע
    9. יצירה ועריכה של אפקטי מעבר של CSS3 ב-Dreamweaver
    10. עיצוב קוד
  9. תוכן דף והנכסים הקיימים בו
    1. הגדרת מאפייני דף
    2. הגדרת מאפייני כותרת של CSS ומאפייני קישור של CSS
    3. עבודה עם טקסט
    4. מציאה והחלפה של טקסט, תגים ותכונות
    5. החלונית DOM
    6. עריכה ב-Live View
    7. קידוד מסמכים ב-Dreamweaver
    8. בחירה והצגה של רכיבים בחלון Document
    9. הגדרת מאפייני טקסט ב-Property inspector
    10. בדיקת איות בדף אינטרנט
    11. שימוש בכללים אופקיים ב-Dreamweaver
    12. הוספה ושינוי של שילובי גופנים ב-Dreamweaver
    13. עבודה עם נכסים
    14. הכנסה ועדכון של תאריכים ב-Dreamweaver
    15. יצירה וניהול של נכסים מועדפים ב-Dreamweaver
    16. הכנסה ועריכה של תמונות ב-Dreamweaver
    17. הוספת אובייקטי מדיה
    18. הוספת סרטוני וידאו ב-Dreamweaver
    19. הכנסת וידאו של HTML5
    20. הכנסת קובצי SWF
    21. הוספת אפקטי שמע
    22. הכנסת שמע של HTML5 ב-Dreamweaver
    23. עבודה עם פריטי ספרייה
    24. שימוש בטקסט ערבי ועברי ב-Dreamweaver
  10. קישור וניווט
    1. אודות קישור וניווט
    2. קישור
    3. מפות תמונה
    4. פתרון בעיות של קישורים
  11. רכיבים גרפיים ואפקטים של jQuery
    1. שימוש ברכיבים גרפיים של jQuery לממשק משתמש ולמכשירים ניידים ב-Dreamweaver
    2. שימוש באפקטים של jQuery ב-Dreamweaver
  12. כתיבת קוד של אתרי אינטרנט
    1. כתיבת קוד ב-Dreamweaver
    2. סביבה של כתיבת קוד ב-Dreamweaver
    3. הגדרת העדפות לכתיבת קוד
    4. התאמה אישית של העדפות צבעי קוד
    5. כתיבה ועריכה של קוד
    6. אפשרויות של רמזי קוד והשלמת קוד
    7. צמצום והרחבה של קוד
    8. שימוש חוזר בקוד עם גזירי קוד
    9. איתור שגיאות בקוד (Linting)
    10. מטוב הקוד
    11. עריכת קוד בתצוגת Design
    12. עבודה עם תוכן כותרת של דפים
    13. הכנסת קבצים נכללים בצד השרת ב-Dreamweaver
    14. שימוש בספריות תגים ב-Dreamweaver
    15. ייבוא תגים מותאמים אישית אל Dreamweaver
    16. שימוש בהתנהגויות של JavaScript (הוראות כלליות)
    17. החלת התנהגויות מובנות של JavaScript
    18. על XML ו-XSLT
    19. ביצוע המרות XSL בצד השרת ב-Dreamweaver
    20. ביצוע המרות XSL בצד הלקוח ב-Dreamweaver
    21. הוספת ישויות תו עבור XSLT ב-Dreamweaver
    22. עיצוב קוד
  13. תהליכי עבודה המותאמים למגוון מוצרים
    1. התקנה הרחבות אל Dreamweaver והשימוש בהן
    2. עדכונים בתוך היישום ב-Dreamweaver
    3. הכנסת מסמכי Microsoft Office ב-Dreamweaver‏ ‏(Windows בלבד)
    4. עבודה עם Fireworks ו-Dreamweaver
    5. עריכת תוכן באתרי Dreamweaver באמצעות Contribute
    6. שילוב של Dreamweaver עם Business Catalyst
    7. יצירת מסעות פרסום בדוא"ל מותאמים אישים
  14. תבניות
    1. על תבניות Dreamweaver
    2. זיהוי תבניות ומסמכים המבוססים על תבניות
    3. יצירת תבנית Dreamweaver
    4. יצירת אזורים ניתנים לעריכה בתבניות
    5. יצירת אזורים חוזרים וטבלאות חוזרות ב-Dreamweaver
    6. שימוש באזורים אופציונליים בתבניות
    7. הגדרת תכונות תג ניתנות לעריכה ב-Dreamweaver
    8. כיצד ליצור תבניות מקוננות ב-Dreamweaver
    9. עריכה, עדכון ומחיקה של תבניות
    10. ייצוא וייבוא תוכן XML ב-Dreamweaver
    11. החלה של תבנית על מסמך קיים או הסרתה ממנו
    12. עריכת תוכן בתבניות Dreamweaver
    13. כללי תחביר של תגי תבנית ב-Dreamweaver
    14. הגדרת העדפות סימון לאזורי תבנית
    15. היתרונות של שימוש בתבניות ב-Dreamweaver
  15. מכשירים ניידים ומסכים מרובים
    1. יצירת שאילתות מדיה
    2. שינוי כיוון דף עבור מכשירים ניידים
    3. יצירת יישומי אינטרנט עבור מכשירים ניידים באמצעות Dreamweaver
  16. אתרי אינטרנט, דפים וטופסי אינטרנט דינמיים
    1. הבנת יישומי אינטרנט
    2. הגדרת המחשב לפיתוח יישומים
    3. פתרון בעיות בחיבורים למסדי נתונים
    4. הסרת סקריפטים של חיבור ב-Dreamweaver
    5. עיצוב דפים דינמיים
    6. סקירת מקורות של תוכן דינמי
    7. הגדרת מקורות של תוכן דינמי
    8. הוספת תוכן דינמי לדפים
    9. שינוי תוכן דינמי ב-Dreamweaver
    10. הצגת רשומות של מסד נתונים
    11. אספקת נתונים בזמן אמת ב-Dreamweaver ופתרון בעיות בהם
    12. הוספת התנהגויות שרת מותאמות אישית ב-Dreamweaver
    13. בניית טפסים באמצעות Dreamweaver
    14. שימוש בטפסים לאיסוף מידע ממשתמשים
    15. יצירה והפעלה של טופסי ColdFusion ב-Dreamweaver
    16. יצירת טופסי אינטרנט
    17. תמיכה משופרת ב-HTML5 עבור רכיבי טופס
    18. פיתוח טופס באמצעות Dreamweaver
  17. בנייה חזותית של יישומים
    1. בניית דפי אב ופרטים ב-Dreamweaver
    2. בניית דפי חיפוש ותוצאות
    3. בניית דף להכנסת רשומות
    4. בניית דף לעדכון רשומות ב-Dreamweaver
    5. בניית דפים למחיקת רשומות ב-Dreamweaver
    6. שימוש בפקודות ASP כדי לשנות מסד נתונים ב-Dreamweaver
    7. בניית דף רישום
    8. בניית דף כניסה
    9. בניית דף המאפשר גישה למשתמשים מורשים בלבד
    10. אבטחת תיקיות ב-ColdFusion באמצעות Dreamweaver
    11. שימוש ברכיבי ColdFusion ב-Dreamweaver
  18. בדיקה, תצוגה מקדימה ופרסום של אתרי אינטרנט
    1. תצוגה מקדימה של דפים
    2. תצוגה מקדימה עבור דפי אינטרנט של Dreamweaver במכשירים מרובים
    3. בדיקת אתר Dreamweaver שלך
  19. פתרון בעיות
    1. בעיות שתוקנו
    2. בעיות ידועות

 

 

אודות 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, ניתן גם לבחור לשתף אותם עם משתמשים אחרים.

  1. בחר Site >‏ Manage Sites.
  2. בתיבת הדו-שיח Manage Sites, בחר אתר אינטרנט ולאחר מכן לחץ על Edit.
  3. בתיבת הדו-שיח Site Setup, הרחב את Advanced Settings ובחר את הקטגוריה Design Notes.
  4. להפעלת Design Notes, בחר באפשרות Maintain Design Notes (בטל את הבחירה באפשרות כדי לבטל אותם).
  5. אם ברצונך למחוק את כל קובצי Design Notes המקומיים של האתר, לחץ על Clean Up, ולאחר מכן לחץ על Yes. ‏(אם ברצונך למחוק קובצי Design Notes מרוחקים, עלייך למחוק אותם ידנית).
    הערה:

    הפקודה Clean Up Design Notes מוחקת רק קובצי MNO ‏(Design Notes). היא אינה מוחקת את התיקייה ‎_notes או את הקובץ dwsync.xml שבתיקייה ‎_notes. Dreamweaver משתמש בקובץ dwsync.xml לשמירת מידע על סינכרון האתר.

  6. בחר באפשרות 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.

  1. בצע אחת מהפעולות הבאות:
    • פתח את הקובץ בחלון Document ובחר File >‏ Design Notes.

    • בחלונית Files ‏(Window >‏ Files), לחץ לחיצה ימנית (Windows) או הקש Control תוך כדי לחיצה (Macintosh) על הקובץ, ולאחר מכן בחר Design Notes.

    הערה:

    אם הקובץ שמור באתר מרוחק, יש להוציא אותו מאחסון או להוריד אותו תחילה, ולאחר מכן לבחור בו בתיקייה המקומית.

  2. בכרטיסייה Basic Info, בחר מצב למסמך מתפריט Status.
  3. לחץ על סמל התאריך (מעל לתיבה Notes) כדי להוסיף את התאריך המקומי הנוכחי להערות.
  4. הקלד הערות בתיבה Notes.
  5. בחר Show When File Is Opened כדי שקובץ Design Notes יופיע בכל פעם שפותחים את הקובץ.
  6. בכרטיסייה All Info, לחץ על לחצן הפלוס (+) להוספת צמד מפתח-ערך חדש; בחר צמד ולחץ על לחצן המינוס (–) כדי להסירו.

    לדוגמה, ניתן להקליד למפתח את השם Author (בתיבה Name) ולהגדיר את הערך כ-Heidi (בתיבה Value).

  7. לחץ על OK ושמור את ההערות.

    Dreamweaver שומר את ההערות בתיקייה ‎_notes, במיקום זהה למיקום הקובץ הנוכחי. שם הקובץ הוא שם הקובץ של המסמך, בתוספת הסיומת .mno. לדוגמה, אם שם הקובץ הוא index.html, קובץ Design Notes המקושר נקרא index.html.mno.

עבודה עם Design Notes

לאחר שיוך Design Note לקובץ, ניתן לפתוח Design Note, לשנות את מצבו או למחוק אותו.

פתיחת Design Notes המשויכים לקובץ

  1. כדי לפתוח 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 מותאם אישית

  1. פתח Design Notes לקובץ או לאובייקט (ראה בהליך הקודם).
  2. לחץ על הכרטיסייה All Info.
  3. לחץ על לחצן הפלוס (+).
  4. בשדה Name, הזן את המילה status.
  5. בשדה Value, הזן את המצב.

    אם כבר יש ערך מצב, הוא מוחלף בערך החדש.

  6. לחץ על הכרטיסייה Basic Info וודא שערך המצב החדש מופיע בתפריט הנפתח Status.
    הערה:

    תפריט המצב יכול להכיל ערך מותאם אישית אחד בלבד בכל פעם. אם תבצע הליך זה שוב, Dreamweaver יחליף את ערך המצב שהזנת בפעם הראשונה בערך המצב החדש שתזין.

מחיקת Design Notes לא משויכים מאתר אינטרנט

  1. בחר Site >‏ Manage Sites.
  2. בחר באתר ולחץ על Edit.
  3. בתיבת הדו-שיח Site Definition, בחר Design Notes מרשימת הקטגוריות מצד שמאל.
  4. לחץ על הלחצן Clean Up.

    Dreamweaver מבקש ממך לאשר את המחיקה של Design Notes שאינם משויכים לקובץ כלשהו באתר.

    בעת השימוש ב-Dreamweaver למחיקת קובץ ששויך לו קובץ Design Notes, ‏Dreamweaver מוחק גם את קובץ Design Notes. כך שבדרך כלל, קובצי Design Notes יתומים מופיעים רק בעת מחיקה או שינוי שם של קובץ מחוץ ל-Dreamweaver.

    הערה:

    אם תבטל את הבחירה באפשרות Maintain Design Notes לפני הלחיצה על Clean Up, ‏Dreamweaver ימחק את כל קובצי Design Notes של האתר.

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

משתמש חדש?