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

עבודה עם Fireworks ו-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. בעיות ידועות

 

 

השתמש ב-Fireworks וב-Dreamweaver לקבלת תהליך עבודה יעיל של עריכה, מיטוב והצבת גרפיקה לאינטרנט בדפי HTML.

הערה:

התכונה אינה נתמכת בגרסאות של Adobe Dreamweaver.

הוספת תמונה של Fireworks

Dreamweaver ו-Fireworks מזהים ומשתפים הליכים רבים ודומים לעריכת קבצים, כולל שינויים בקישורים, מפות תמונה, פרוסות טבלה ועוד. יחדיו, שני היישומים מספקים תהליך עבודה יעיל לעריכה, למיטוב ולמיקום של קובצי גרפיקה לאינטרנט בדפי HTML.

ניתן למקם גרפיקה שיוצאה מתוך Fireworks ישירות במסמך Dreamweaver באמצעות הפקודה Insert Image, או ליצור גרפיקת Fireworks חדשה מתוך מציין מיקום של תמונת Dreamweaver.

  1. במסמך Dreamweaver, הצב את נקודת ההכנסה במיקום שבו תרצה שהתמונה תופיע, ובצע אחת מהפעולות הבאות:
    • בחר Insert >‏ Image.

    • בקטגוריה Common של החלונית Insert, לחץ על הלחצן Image או גרור אותו אל המסמך.

  2. נווט אל הקובץ הרצוי שייצאת מתוך Fireworks ולחץ על OK ‏(Windows) או על Open ‏(Macintosh).
    הערה:

    אם קובץ Fireworks לא נמצא באתר Dreamweaver הנוכחי, תופיע הודעה השואלת אם ברצונך להעתיק את הקובץ אל תיקיית השורש. לחץ על Yes.

עריכת תמונה או טבלה של Fireworks מתוך Dreamweaver

בעת פתיחה או עריכה של תמונה או פרוסת תמונה שהיא חלק מטבלת Fireworks, ‏Dreamweaver מפעיל את Fireworks, שפותח את קובץ PNG שממנו יוצאה התמונה או הטבלה.

הערה:

זאת בהנחה ש-Fireworks מוגדר כעורך התמונות החיצוני העיקרי של קובצי PNG. לעתים קרובות, Fireworks מוגדר גם כעורך ברירת המחדל לקובצי JPEG ו-GIF, למרות שייתכן שתרצה להגדיר את Photoshop כעורך ברירת המחדל לסוגי קובץ אלה.

כאשר התמונה היא חלק מטבלת Fireworks, ניתן לפתוח את טבלת Fireworks במלואה ולבצע שינויי עריכה, כל עוד הערת <!--fw table--> קיימת בקוד HTML. אם ייצאת את קובץ PNG המקורי מ-Fireworks לאתר Dreamweaver באמצעות ההגדרה Style HTML And Images של Dreamweaver, ההערה של טבלת Fireworks נוספת באופן אוטומטי לקוד HTML.

  1. ב-Dreamweaver, פתח את מפקח המאפיינים ‏(Window ‏> Properties), אם הוא אינו פתוח עדיין.
  2. לחץ על התמונה או על פרוסת התמונה כדי לבחור בה.

    כשתבחר בתמונה שיוצאה מ-Fireworks, מפקח המאפיינים מזהה את הבחירה כתמונה או כטבלה של Fireworks ומציג את השם של קובץ PNG המקורי.

  3. כדי להפעיל את Fireworks לביצוע שינויי עריכה, בצע אחת מהפעולות הבאות:
    • ב-Property inspector, לחץ על Edit.

    • הקש Control ‏(Windows) או Command ‏(Macintosh) ולחץ פעמיים על התמונה שנבחרה.

    • לחץ לחיצה ימנית (Windows) או הקש Control תוך כדי לחיצה (Macintosh) על התמונה שנבחרה ובחר Edit With Fireworks מתוך התפריט תלוי-ההקשר.

    הערה:

    אם Fireworks לא יכול לאתר את קובץ PNG המקורי, תתבקש לאתר אותו. בעבודה בקובץ המקור של Fireworks, השינויים נשמרים הן בקובץ המקור והן בקובץ המיוצא; אחרת, יעודכן רק הקובץ המיוצא.  

  4. ב-Fireworks, ערוך את קובץ PNG המקורי ולחץ על Done.

    Fireworks שומר את השינויים בקובץ PNG, מייצא את התמונה המעודכנת (או HTML ותמונות) ומחזיר את המיקוד אל Dreamweaver. ב-Dreamweaver, מופיעה התמונה או הטבלה המעודכנת.

    לקבלת ערכת לימוד לגבי שילוב Dreamweaver ו-Fireworks, ראה www.adobe.com/go/vid0188_il.

מיטוב תמונת Fireworks מתוך Dreamweaver

ניתן להשתמש ב-Dreamweaver לביצוע שינויים מהירים בתמונות ובהנפשות של Fireworks. תוך Dreamweaver, ניתן לשנות את הגדרות המיטוב, הגדרות ההנפשה ואת הגודל והאזור של התמונה המיוצאת.

  1. ב-Dreamweaver, בחר את התמונה הרצויה ובצע אחת מהפעולות הבאות:
    • בחר Command ‏> Optimize Image.

    • לחץ על הלחצן Edit Image Settings ב-Property inspector.

  2. בצע את שינויי העריכה בתיבת הדו-שיח Image Preview:
    • לעריכה של הגדרות המיטוב, לחץ על הכרטיסייה Options.

    • כדי לערוך את הגודל והאזור של התמונה המיוצאת, לחץ על הכרטיסייה File.

  3. לסיום, לחץ על OK.

שימוש ב-Fireworks לשינוי של מצייני מיקום תמונה של Dreamweaver

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

כדי ליצור תמונה חדשה מתוך מציין מיקום של תמונה, Dreamweaver ו-Fireworks צריכים להיות מותקנים במחשב.

  1. ודא שכבר הגדרת את Fireworks כעורך התמונות לקובצי PNG.
  2. בחלון המסמך, לחץ על מציין מיקום התמונה כדי לבחור בו.
  3. הפעל את Fireworks במצב Editing From Dreamweaver, באחת מהדרכים הבאות:
    • ב-Property inspector, לחץ על Create.

    • הקש Control ‏(Windows) או Command ‏(Macintosh) ולחץ פעמיים על מציין מיקום התמונה.

    • לחץ לחיצה ימנית (Windows) או הקש Control תוך כדי לחיצה (Macintosh) על מציין מיקום התמונה, ולאחר מכן בחר Create Image In Fireworks.

  4. השתמש באפשרויות של Fireworks לעיצוב התמונה.

    Fireworks מזהה את ההגדרות הבאות של מצייני מיקום תמונה, שייתכן שהגדרת בעת העבודה עם מציין מיקום התמונה ב-Dreamweaver: גודל תמונה (התואם לגודל בד הציור של Fireworks), מזהה תמונה (המשמש את Fireworks כברירת מחדל לשם מסמך בקובץ המקור ובקובץ המיוצא שאתה יוצר) ויישור טקסט. Fireworks מזהה גם קישורים והתנהגויות מסוימות (כגון Swap Image, ‏Pop‑up Menu, ו-Set Text) שצירפת למציין מיקום התמונה במהלך העבודה ב-Dreamweaver.

    הערה:

    על אף ש-Fireworks לא מציג קישורים שהוספת למציין מיקום תמונה, הקישורים נשמרים. אם אתה מצייר נקודה חמה ומוסיף קישור ב-Fireworks, הקישור שהוספת למציין מיקום התמונה לא יימחק ב-Dreamweaver; עם זאת, אם אתה גוזר פרוסה בתמונה החדשה ב-Fireworks, ‏Fireworks מוחק את הקישור במסמך Dreamweaver כשאתה מחליף את מציין מיקום התמונה.

    Fireworks לא מכיר את ההגדרות של מצייני מיקום התמונה הבאים: יישור תמונה, צבע, Vspace ו-Hspace ומפות. הגדרות אלה אינן פעילות ב-Property inspector של מציין מיקום התמונה.

  5. לסיום, לחץ על Done כדי להציג את בקשת השמירה.
  6. בתיבת הטקסט Save In, בחר את התיקייה שהגדרת כתיקיית האתר המקומי שלך ב-Dreamweaver.

    אם נתת שם למציין מיקום התמונה בעת הוספתו למסמך Dreamweaver, ‏Fireworks ממלא שם זה בתיבה File Name. ניתן לשנות את השם.

  7. לחץ על Save כדי לשמור את הקובץ כקובץ PNG.

    תיבת הדו-שיח Export מופיעה. השתמש בה כדי לייצא את התמונה כקובץ GIF או JPEG, או כ-HTML ותמונות במקרה של תמונות שנפרסו.

  8. בתיבה Save In, בחר את תיקיית האתר המקומי של Dreamweaver.

    התיבה Name מציגה באופן אוטומטי את השם שבו השתמשת לקובץ PNG. ניתן לשנות את השם.

  9. באפשרות Save As Type, בחר את סוג הקובץ או הקבצים שברצונך לייצא; למשל Images Only לתמונות בלבד או HTML And Images ל-HTML ותמונות.
  10. לחץ על Save כדי לשמור את הקובץ המיוצא.

    הקובץ נשמר והמיקוד חוזר אל Dreamweaver. במסמך Dreamweaver, הקובץ המיוצא או טבלת Fireworks מחליפים את מציין מיקום התמונה.

אודות תפריטים נפתחים של Fireworks

Fireworks מאפשר ליצור בקלות ובמהירות תפריטים נפתחים מבוססי CSS.

בנוסף להיותם ניתנים להרחבה ולהורדה מהירה, התפריטים הנפתחים שתיצור ב-Fireworks מעניקים את היתרונות הבאים:

  • מנועי חיפוש יכולים למפתח את פריטי התפריט.

  • קוראי מסך יכולים להקריא את פריטי התפריט ובכך להפוך את הדפים לנגישים יותר.

  • הקוד ש-Fireworks יוצר תואם לתקנים וניתן לאימות.

    ניתן לערוך את התפריטים הנפתחים של Fireworks ב-Dreamweaver או ב-Fireworks, אך לא בשניהם. שינויים המבוצעים ב-Dreamweaver לא נשמרים ב-Fireworks.

עריכת תפריטים נפתחים של Fireworks ב-Dreamweaver

ניתן ליצור תפריט נפתח ב-Fireworks 8 ואילך ולאחר מכן לערוך אותו ב-Dreamweaver או ב-Fireworks (בעריכה דו-כיוונית), אך לא בשניהם. אם אתה עורך את התפריטים שלך ב-Dreamweaver ולאחר מכן עורך אותם שוב ב-Fireworks, תאבד את כל השינויים הקודמים שביצעת, פרט לתוכן הטקסט.

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

אם אתה מעדיף לערוך את התפריטים ב-Fireworks, תוכל להשתמש בתכונת העריכה הדו-כיוונית ב-Dreamweaver, אך אל תערוך את התפריטים ישירות ב-Dreamweaver.

  1. ב-Dreamweaver, בחר את טבלת Fireworks המכילה את התפריט הנפתח ולחץ על Edit ב-Property inspector.

    קובץ PNG המקורי נפתח ב-Fireworks.

  2. ב-Fireworks, ערוך את התפריט עם Pop‑up Menu Editor. לסיום, לחץ על Done בסרגל הכלים של Fireworks.

    Fireworks שולח את התפריט הנפתח שערכת בחזרה ל-Dreamweaver.

    אם יצרת תפריט נפתח ב-Fireworks MX 2004 או בגרסה מוקדמת יותר, ניתן לערוך אותו ב-Dreamweaver באמצעות תיבת הדו-שיח Show Pop‑Up Menu, הזמינה מהחלונית Behaviors.

עריכת תפריט נפתח שנוצר ב-Fireworks MX 2004 או בגרסה מוקדמת יותר

  1. ב-Dreamweaver, בחר את הנקודה החמה או התמונה המפעילה את התפריט הנפתח.
  2. בחלונית Behaviors ‏(Shift+F3), לחץ פעמיים על Show Pop‑Up Menu ברשימה Actions.
  3. בצע את השינויים הרצויים בתיבת הדו-שיח Pop‑Up Menu ולחץ על OK.

ציון העדפות הפעלה-ועריכה לקובצי מקור של Fireworks

כשמשתמשים ב-Fireworks לעריכת תמונות, Fireworks בדרך כלל מייצא את התמונות שבדפי האתר שלך מקובץ מקור בתבנית PNG. בעת פתיחת קובץ תמונה לעריכה ב-Dreamweaver, ‏Fireworks פותח באופן אוטומטי את קובץ PNG המקורי ומבקש ממך לאתר אותו, אם הוא לא נמצא. לחלופין, ניתן להגדיר העדפות ב-Fireworks שייגרמו ל-Dreamweaver לפתוח את התמונה שאתה מוסיף, או להורות ל-Fireworks לאפשר לך להשתמש בקובץ התמונה שאתה מוסיף או בקובץ המקור של Fireworks בכל פעם שאתה פותח תמונה ב-Dreamweaver.

הערה:

Dreamweaver מזהה את העדפות ההפעלה והעריכה של Fireworks רק במקרים מסוימים. בפרט, עליך לפתוח ולמטב תמונה שאינה חלק מטבלת Fireworks ושמכילה נתיב נכון של Design Notes אל קובץ מקור בתבנית PNG.

  1. ב-Fireworks, בחר Edit ‏> Preferences ‏(Windows) או Fireworks ‏> Preferences ‏(Macintosh) ולאחר מכן לחץ על הכרטיסייה Launch And Edit ‏(Windows) או בחר בפריט Launch And Edit מתוך התפריט הנפתח (Macintosh).
  2. ציין את אפשרויות ההעדפות שישמשו בעריכה או במיטוב של תמונות Fireworks שמוקמו ביישום חיצוני:

    Always Use Source PNG

    פותחת באופן אוטומטי את קובץ PNG של Fireworks, המוגדר ב-Design Note כמקור התמונה שתמקם. עדכונים יבוצעו בקובץ PNG המקורי ובתמונה התואמת שתמקם.

    Never Use Source PNG

    פותחת באופן אוטומטי את תמונת Fireworks שתמקם, בין אם קיים קובץ מקור בתבנית PNG ובין אם לאו. עדכונים יבוצעו רק בתמונה שתמקם.

    Ask When Launching

    מציגה הודעה השואלת האם לפתוח את קובץ המקור בתבנית PNG. מתוך הודעה זו ניתן לציין גם העדפות הפעלה-ועריכה כוללות.

הוספת קוד HTML של Fireworks למסמך Dreamweaver

ניתן להשתמש בפקודה Export מתוך Fireworks כדי לייצא קובצי תמונות ו-HTML ממוטבים ולשמור אותם במיקום מסוים בתיקייה של אתר Dreamweaver. לאחר מכן ניתן להוסיף את הקובץ ב-Dreamweaver. ‏Dreamweaver מאפשר להוסיף למסמך קוד HTML שנוצר ב-Fireworks, כולל תמונות, פרוסות וקוד JavaScript המשויכים לו.

  1. במסמך Dreamweaver, הצב את נקודת ההכנסה במקום שבו תרצה להוסיף קוד HTML של Fireworks.
  2. יש לבצע אחת מהפעולות הבאות:
    • בחר Insert ‏> Image Objects ‏> Fireworks HTML.

    • בקטגוריה Common של החלונית Insert, לחץ על הלחצן Images ובחר Insert Fireworks HTML מהתפריט הנפתח.

  3. לחץ על Browse כדי לבחור בקובץ HTML של Fireworks.
  4. אם אין בכוונתך להשתמש בקובץ בעתיד, בחר באפשרות Delete File After Insertion. לבחירה באפשרות זו אין כל השפעה על קובץ PNG המקורי המשויך לקובץ HTML זה.
    הערה:

    אם קובץ HTML זה נמצא בכונן רשת, הוא נמחק לצמיתות ולא מועבר ל-Recycle Bin או ל-Trash.

  5. לחץ על OK כדי להוסיף למסמך Dreamweaver את קוד HTML, כולל התמונות, הפרוסות וקוד JavaScript המשויכים לו.

הדבקת קוד HTML של Fireworks אל Dreamweaver

דרך מהירה למקם ב-Dreamweaver תמונות וטבלאות שנוצרו ב-Fireworks היא להעתיק ולהדביק קוד HTML של Fireworks ישירות במסמך Dreamweaver.

העתקת קוד HTML של Fireworks והדבקתו ב-Dreamweaver

  1. ב-Fireworks, בחר Edit ‏> Copy HTML Code.
  2. בצע את הוראות האשף המדריך אותך בהגדרות לייצוא HTML ותמונות. כשתתבקש לעשות זאת, ציין את התיקייה של אתר Dreamweaver כיעד לתמונות המיוצאות.

    האשף מייצא את התמונות ליעד שציינת ומעתיק את קוד HTML אל הלוח.

  3. במסמך Dreamweaver, הצב את נקודת ההכנסה במקום שבו תרצה להדביק את קוד HTML שהעתקת, ובחר Edit ‏> Paste Fireworks HTML.

    כל קוד HTML ו-JavaScript המשויך לקובצי Fireworks שייצאת מועתק למסמך Dreamweaver וכל הקישורים לתמונות מתעדכנים.

ייצוא קוד HTML של Fireworks והדבקתו ב-Dreamweaver

  1. ב-Fireworks, בחר File ‏> Export.
  2. ציין את התיקייה של אתר Dreamweaver כיעד לתמונות המיוצאות.
  3. בתפריט הנפתח Export, בחר HTML And Images.
  4. בתפריט הנפתח HTML, בחר Copy To Clipboard ולאחר מכן לחץ על Export.
  5. במסמך Dreamweaver, הצב את נקודת ההכנסה במיקום שבו תרצה להדביק את קוד HTML שייצאת ובחר Edit ‏> Paste Fireworks HTML.

    כל קוד HTML ו-JavaScript המשויך לקובצי Fireworks שייצאת מועתק למסמך Dreamweaver וכל הקישורים לתמונות מתעדכנים.

עדכון קוד HTML של Fireworks הממוקם ב-Dreamweaver

ב-Fireworks, הפקודה File ‏> Update HTML מספקת חלופה לשיטת ההפעלה והעריכה לעדכון קובצי Fireworks שמוקמו ב-Dreamweaver. פקודה זו מאפשרת לערוך ב-Fireworks תמונת מקור בתבנית PNG ולאחר מכן לעדכן באופן אוטומטי כל קוד HTML וקובצי תמונה שיוצאו ומוקמו במסמך Dreamweaver. הפקודה מאפשרת לעדכן קובצי Dreamweaver גם כאשר Dreamweaver לא פועל.

  1. ב-Fireworks, פתח את קובץ PNG המקורי ובצע את שינויי העריכה.
  2. בחר File ‏> Save.
  3. ב-Fireworks, בחר File ‏> Update HTML.
  4. נווט לקובץ Dreamweaver המכיל את קוד HTML שברצונך לעדכן ולחץ על Open.
  5. נווט לתיקיית היעד שבה ברצונך למקם את קובצי התמונה המעודכנים ולחץ על Select ‏(Windows) או על Choose ‏(Macintosh).

    Fireworks מעדכן את קוד HTML ו-JavaScript במסמך Dreamweaver. בנוסף, Fireworks מייצא את תמונות מעודכנות המשויכות לקוד HTML וממקם את התמונות בתיקיית היעד שצוינה.

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

יצירת אלבום תמונות באינטרנט

התכונה Create Web Photo Album הושמטה מ-Dreamweaver CS5.

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

משתמש חדש?