Dreamweaver 13.1 הוא עדכון עבור Dreamweaver CC‏ (13.0) וכדי שתוכל להתקין אותו במחשב, נדרשת התקנה של Dreamweaver CC‏ (13.0). לקבלת רשימה של תכונות חדשות ב-Dreamweaver CC‏ (13.0), ראה מה חדש ב-Dreamweaver CC.

כעת ניתן להשתמש ב-Color Picker כדי לבחור מגוון רחב של צבעים בעת השימוש בתכונות של Dreamweaver כגון CSS Designer, החלונית Assets ו-Preferences‏.

Color Picker החדש ב-Dreamweaver מאפשר לך:

• לבחור צבעים ממודלים שונים של צבע (RGBa‏, Hexadecimal או HSLa). לכוונן את הבהירות (F) ואת האטימות (E) של הצבעים כנדרש. ולאחר מכן לשמור שילובי צבעים שונים כדוגמיות צבע.
  • כדי לאפס את הצבע החדש חזרה לצבע המקורי, לחץ על הצבע המקורי (B).
  • כדי לשנות את סדר הדוגמיות, גרור את הדוגמיות למיקום הנדרש.
  • כדי למחוק דוגמית צבע, גרור את הדוגמית מחוץ לחלונית.
• השתמש בכלי הטפטפת (H) כדי לקחת דוגמיות צבע מכל מקום במסך המחשב. כדי לבחור צבעים מכל יישום אחר מלבד Dreamweaver, לחץ על הלחצן של העכבר תוך גרירת הסמן מעל הצבע הנדרש ולאחר מכן שחרר את הלחצן.

שיפורים בסנכרון עם הענן

סנכרון של קיצורי מקשים וסביבת עבודה

כעת ניתן לסנכרן קיצורי מקשים וסביבות עבודה מותאמות אישית עם הענן (ועם מחשב נוסף שמפעיל את Dreamweaver CC באותה מערכת הפעלה).

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

שיפורים בתיבת הדו-שיח Preferences

הלחצן OK בתיבת הדו-שיח Preferences הוחלף בלחצן Apply כדי לאפשר לך לשנות הגדרות בקטגוריות רבות ולהחיל את השינויים לפני סגירה של תיבת הדו-שיח.

שיפורים ב-CSS Designer

Live Highlight

בגרסאות קודמות ל- Dreamweaver 13.1, בעת עריכת המאפיינים של בורר CSS לא הייתה דרך לזהות את הרכיבים בדף שיושפעו מהשינויים.

כעת, בעזרת Live Highlight, ניתן לזהות בקלות את הרכיבים בדף המשוייכים לבורר CSS. לאחר מכן, תוכל לבחור להמשיך לערוך את המאפיינים, או אם תרצה לשנות את המאפיינים של רכיב מסוים בלבד, ליצור בורר CSS חדש עבור אותו רכיב ולאחר מכן לערוך את המאפיינים שלו. 

לקבלת מידע נוסף, ראה זיהוי רכיבים בדף המשויכים לבורר CSS‏.

שמירה ואחזור של הקשר

שמירה ואחזור של הקשר מיושמים כעת ב- Dreamweaver כדי לשמר את ההקשר המקורי של החלונית CSS Designer בכל תהליכי העבודה של עריכה/הוספה/מחיקה.

קודם לכן, בעת עריכה/הוספה של מאפיין מתוך בורר שנכלל ברשימה מחושבת של בוררים, החלונית Properties עברה לרשימה מחושבת של מאפיינים. או שעריכה/מחיקה של ערכי שוליים גרמה לתזוזה של מקטע מאפיין השוליים כלפי מטה.

שמירה ואחזור של הקשר מטפלים בבעיות אלה.

ניתן לראות את תכונת השמירה והאחזור של הקשר בפעולה בתרחישים הבאים:

• CSS Rule Tracker – לחץ על כל בורר בחלונית Selectors. כתובת ה- IP תעודכן בקוד ה- CSS
• מחק מאפיינים בטקסט/גבול או בכל קטגוריה אחרת. החלונית Properties לא תאבד את ההקשר.
• גלילות וכרטיסיות בחלונית Properties נשמרות בכל הבוררים – אם תעבור לקטגוריה Border בבורר אחד ולאחר מכן תעבור לבורר אחר, גם בו הקטגוריה Border עדיין תוצג בחלונית Properties.

מלבד כל אלה, תוכל לראות שעריכה/הוספה של מאפיינים בתוך בורר שנכלל ברשימה מחושבת של בוררים ועריכה/מחיקה של ערכי שוליים פועלים בצורה טובה יותר.

שיפורים ב- Code View

סימון מספרי שורה

מספרים של שורות שבהן נמצא הסמן מסומנים ב- Code View‏, Live Code‏, Design View‏, Live View ו- Code Inspector. מספרי שורות מסומנים גם במקרה של שגיאות בתחביר.

סימון תג ותכונה

התג שבו נמצא הסמן (IP) מסומן. אם הסמן נמצא בתג הפותח, גם התג הסוגר יסומן ולהיפך. הסימון פועל גם בשימוש בלחיצות עכבר וגם בשימוש מקשי ניווט במקלדת. סימון התג פועל גם ב-Live Code וב-Code Inspector.

ניתן לשנות את הצבע שבו מסומן התג ב-Preferences‏ (Code Coloring).

רמיזות קוד עבור בוררי CSS

כעת ניתן לראות רמיזות קוד עבור מחלקות ומזהים הקיימים בקובצי HTML המוגדרים כקובצי אב בקובצי CSS‏, LESS‏, SASS‏, SCSS יחד עם תגי סגנון בתוך השורה.

Dreamweaver מספק רמיזות קוד כאשר אתה מקליד את התו . או # בקובץ CSS הקשור לקובץ HTML המוגדר כקובץ אב או בתגי סגנון בתוך שורה השייכים לו.

קיצור מקשים למעבר לתחילת השורה הנוכחית או לסופה

• ב- Mac‏: Cmd+חץ שמאלי כדי לעבור לתחילת השורה הנוכחית ו- Cmd+חץ ימני כדי לעבור לסוף השורה הנוכחית.
• ב- Win‏: Ctrl+חץ שמאלי כדי לעבור לתחילת השורה הנוכחית ו- Ctrl+חץ ימני כדי לעבור לסוף השורה הנוכחית.

ניתן לבצע התאמה אישית של קיצורי המקשים תחת Edit‏ > Keyboard Shortcuts‏ > Commands > המקטעCode Editing.

שילוב CEF

כעת, Dreamweaver משולב עם Chromium Embedded Framework‏ (CEF), מסגרת קוד פתוח המבוססת על פרויקט Google Chromium. שילוב זה מאפשר ל-Dreamweaver לשלוט בטעינת משאבים, ניווט, תפריטי הקשר, הדפסה ועוד, תוך ניצול ביצועים וטכנולוגיות HTML5 זהים לאלה הקיימים בדפדפן Google Chrome.

לקבלת מידע נוסף, ראה שילוב CEF.

הערה: בעקבות שילוב CEF, נדרש שינוי באופן השימוש ב-<mm:browsercontrol> בעת פיתוח הרחבות. עיין במאמר זה לקבלת מידע מפורט.

תמיכה ב- PHP 5.4

תמיכה מלאה ב- PHP 5.4 (ללא שגיאות תחביר)

עדכונים ל-Adobe Extension Manager

Adobe Extension Manager 7.1 מספק תכונות חדשות המשפרות את חוויית ההורדה והעדכון של הרחבות.

שיפורים ב-Adobe Exchange

• בעבר, צריך היה לארוז כל תוכן שהיה מיועד ל-Adobe Exchange בקובץ ZXP בעזרת תוכנות עזר כגון Adobe Exchange Packager. בוצע עדכון של Adobe Exchange ושל Extension Manager וכעת הם מאפשרים שליחה והתקנה של קובץ מכל סוג. משמעות הדבר היא ש-Adobe Exchange יכול לתמוך ביותר יישומים של Adobe CC ובהרבה יותר סוגי תוכן. Adobe Exchange יכלול תוכן תואם נבחר מתוך Adobe Exchange Classic ו-Photoshop Marketplace‏.

• כעת כל אחד יוכל לשלוח קבצים ב-Adobe Exchange Producer Portal. בעת בחירה באפשרות זו, Adobe Exchange אורז את הקבצים באופן אוטומטי בקובץ ZXP לא חתום ו-Extension Manager מתקין את הקובץ בתיקיית Downloads של המשתמש, משם הוא זמין לטעינה באותו אופן שבו נטענות הרחבות דינמיות מורכבות יותר. האפשרות החדשה לתמיכה בתוכן פועלת עם כל יישום CC תואם Exchange המיועד לשולחן העבודה, כגון Photoshop® CC‏, InDesign® CC‏, Illustrator® CC‏, Dreamweaver® CC‏, InCopy® CC‏, Prelude® CC ו-Premiere® Pro CC

עדכון הרחבות ישירות דרך Adobe Extension Manager

כעת, הרחבה שהוצעה לך דרך Extension Manager יכולה לספק קישור לעדכון, שיוביל לעדכון מידע הזמין בשרת העדכונים של הספק. Extension Manager מציג עדכונים זמינים במיקום זה ומאפשר למשתמש ליזום עדכונים. ניתן לספק כתובת URL להורדה של חבילת ZXP, ובמקרה כזה, Extension Manager יוריד ויתקין אותה באופן אוטומטי, לחילופין, ניתן להפנות לדף הכולל הנחיות שמאפשרות למשתמש להוריד ולהתקין את העדכון באופן ידני.