סיכום תכונות חדשות

העדכונים האחרונים למהדורת 2014 של Dreamweaver CC כוללים שילוב עם Extract כדי לסייע לך לבנות אתרים למחשבים שולחניים וניידים מקומפוזיציית PSD ישירות ב-Dreamweaver‏. מחווני Live Guide חדשים מקלים עליך למקם ולארגן מחדש רכיבי HTML במדויק, ותכונות העריכה המשופרות של תצוגת Live מאפשרות לערוך שינויים בזמן אמת.

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

מסך Welcome Screen חדש

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

העדכון האחרון למהדורת Dreamweaver CC 2014 של Dreamweaver מספק גישה מהירה מהמסך Welcome Screen לסרטוני וידאו (כולל תכונות חדשות), ערכות לימוד מפורטות, שיטות עבודה, עצות ועוד.

שיפורים בחלונית Extract

הסמלים Live Guides ו-Element Quick View מופיעים כעת ב-Live View בעת גרירת תמונות מהחלונית Extract. כלים חזותיים אלו עוזרים לך למקם את התמונה במיקום הנדרש במהירות ובאופן מדויק.

שיפורים בעריכה ב-Live View

גרירה ושחרור של רכיבים

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

בחירה באמצעות הכלי Marquee

כעת ניתן לבחור טקסט, תמונות או רכיבים אחרים בתג, על-ידי לחיצה וגרירה בכל מקום בתוך תג (בחירה באמצעות הכלי Marquee). בחירה באמצעות הכלי Marquee עוזרת לך לבחור בקלות רכיבים מרובים בתוך תג.

שיפורים ב-Element Display

Element Display מציג כעת את טקסט העזרה 'Class/ID', כדי לציין בבירור שניתן להגדיר class או ID.

בנוסף, השינויים שנעשים ב-Element Display נשמרים בעת לחיצה על '+'. ניתן גם להקיש על Enter או על Return כדי לשמור שינויים, כמו בגרסאות קודמות של Dreamweaver. 

ערכות נושא חדשות ב-Code View

ב-Code View נוספו עשר ערכות צבע חדשות:

• RecognEyes
• Havenjark
• Solarized Dark
• Solarized Light
• Wombat
• Monaki
• Schuss
• Tango
• Cool Light
• Roboticket

לקבלת מידע נוסף על ערכות הנושא ב-Code View, ראה הגדרת ערכת הנושא של צבעים ב-Code View.

שיפורים ב-CSS Designer

עדכון זה כולל מספר שינויים בממשק המשתמש של CSS Designer, ושינוי בהגדרת ברירת המחדל של תיבת הסימון Show Set.

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

להלן השינויים בממשק המשתמש:

• החלונית CSS Designer נגללת בעת הוספת מאפיין: בעת לחיצה על '+' במקטע Properties, החלונית נגללת כך שהשורה Add Property מגיעה כמעט למרכז החלונית Properties. אם המקטע Properties קטן מדי, החלונית נגללת כך שהשורה Add Property מופיעה בחלק התחתון של המקטע.
• סימון רקע: כאשר תיבת הטקסט Add New Property פעילה, השורה מסומנת ברקע אפור. 
• מיקום הלחצן '+' והלחצן '-': הלחצן '+' והלחצן '-', שמופיעים בכל מקטע של החלונית CSS Designer (‏Source, ‏Selectors, ‏Media query ו-Properties), הועברו שמאלה מהקצה הימני כדי להפוך אותם לגלויים יותר לעין.
• הקטגוריה Custom נקראת כעת More

איתור באגים מרחוק של Live View

כעת באפשרותך לאתר באגים מרחוק במסמכי Dreamweaver הפתוחים ב-Live View באמצעות Google Chrome DevTools. ב-Google Chrome, באפשרותך להשתמש ביציאה 5471, שאותה ניתן להפעיל על-ידי ביצוע השלבים הבאים:

שיפורים נוספים

שינויים בתהליכי העבודה של איפוס ההעדפות

כעת, בעת איפוס ההעדפות באמצעות קיצורי מקשים, גיבוי של ההעדפות נוצר על-ידי Dreamweaver בתיקייה Adobe Dreamweaver CC 2014.1 Backups. תיקייה זו נוצרת באופן אוטומטי באותה התיקייה שבה נמצאת תיקיית ההעדפות המקורית של Dreamweaver ב-Windows וב-Mac.

הנתיב המלא של תיקיית הגיבוי מוצג בתיבת הדו-שיח של איפוס ההעדפות.

שינויים במצב התצוגה של מסמכים דינמיים

מסמכים דינמיים, כגון PHP‏, CFM ו-ASP, לא נפתחים עוד ב-Code View כברירת מחדל. הם נפתחים במצב של המסמך האחרון שנסגר (Code/Live/Split‎), או במצב של המסמך האחרון שהיה פעיל.

Adobe Dreamweaver CC 2014.1 (אוקטובר 2014)

Extract ב-Dreamweaver

השילוב של Extract ב-Dreamweaver מאפשר למפתחי ומעצבי אתרים להחיל נתוני עיצוב ולחלץ נכסים ממוטבים לאינטרנט ישירות בתוך סביבת כתיבת הקודים. Extract מספק פתרון מקיף ועצמאי לחילוץ נתוני עיצוב ונכסים מקומפוזיציות PSD ומפחית את הצורך במעברים הלוך ושוב בין Photoshop ל-Dreamweaver‏.

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

• גישה ישירה לקובצי ה-PSD שלך ב-Creative Cloud ולקובצי ה-PSD המשותפים בתיקיית השיתוף
• השלמת קודים לפי הקשר המאפשרת להגדיר בקלות גופנים, צבעים ומעברי צבע ב-CSS‏
• תמיכה בגרירה ושחרור ליצירת תגי תמונות משכבות PSD
• הדבקת סגנונות הישר ב-Live View‏ (לדוגמה, CSS Designer ו-Element Display‏)

בסביבת העבודה המוגדרת כברירת מחדל ב-Dreamweaver (בשם Extract) החלונית Extract מוצגת בצד שמאל, כדי לאפשר לך להתחיל בעבודה במהירות. עם ההפעלה הראשונה של Dreamweaver, החלונית Extract מציגה ערכת לימוד פשוטה המסייעת ללמוד על תהליכי העבודה של Extract‏. לחץ על Get Started כדי להתחיל להשתמש ב-Extract‏.

לקבלת מידע נוסף על תהליכי העבודה של Extract ב- Dreamweaver, ראה שילוב של Dreamweaver עם Extract.

ארכיטקטורת 64 סיביות

גרסת 64 סיביות של Dreamweaver זמינה כעת והיא תומכת בכל התכונות הנתמכות בגרסת 32 סיביות. תוספת זו מאפשרת לך להוריד את המבנים הבאים של Dreamweaver מהיישום Adobe Creative Cloud:

שאלות נפוצות

• האם יישום בגרסת 64 סיביות יפעל בגרסת 32 סיביות של Windows? - לא
• האם ניתן להתקין גם גרסת 32 סיביות וגם גרסת 64 סיביות באותו מחשב עם מערכת הפעלה של Windows? - לא
  
• כיצד אוכל לבדוק אם במערכת שלי מופעלת גרסת 32 סיביות או 64 סיביות של Dreamweaver?
  • Windows: הפעל את Dreamweaver. פתח את מנהל המשימות וחפש את ההליך של Dreamweaver. אם המבנה של Dreamweaver שהופעל הוא מבנה של 64 סיביות, שם ההליך יהיה Dreamweaver.exe. אם המבנה שהופעל הוא מבנה של 32 סיביות, שם ההליך יהיה Dreamweaver.exe *32.
    
  • Mac: פתח את Activity Monitor ועבור אל View‏ > Columns‏ > Kind. חפש את Dreamweaver ב-Activity Monitor והבט בעמודה Kind. אם מדובר בגרסת 64 סיביות של Dreamweaver, בעמודה Kind יוצג הכיתוב 64‎ bit.
    

התקנה של Dreamweaver בגרסת 64 סיביות

שיפורים ב-Live View

• מחווני Live Guide
• הוספת רכיבים מבניים במיקום מדויק
• תפריט תלוי הקשר ב-Live View
• שינויים ב-Element Display
• הזזת רכיבים ב-Live View
• ניווט בעזרת המקלדת ב-Live View
• Quick Tag Editor ב-Live View

מחווני Live Guide

מחווני Live Guide מהווים משוב חזותי בתצוגת Live המציין מיקומים אפשריים להוספת רכיב בתרחישים הבאים:

• בעת גרירה מהחלונית Insert‏
• בעת גרירה מהחלונית Asset‏‏
• בגרירה (הזזה) של רכיבים בתוך Live View.

מחווני Live Guides מוצגים כאשר אתה מעביר את הסמן של העכבר מעל רכיבים שונים בדף לפני שחרור רכיב. הם יכולים להופיע מעל הרכיב שמעליו אתה מרחף, מתחתיו, מימינו או משמאלו.

• מעל ומתחת - מוצג בעת ריחוף מעל כל סוגי הרכיבים/תגים, למעט תגים בתוך שורה. ריחוף עם סמן העכבר מעל 50% העליונים של רכיב יגרום להצגת מחוונים מעל אותו רכיב. ריחוף עם סמן העכבר מעל 50% התחתונים של רכיב יגרום להצגת מחוונים מתחת לאותו רכיב.

• מימין ומשמאל - מוצג בעת ריחוף מעל תגים בתוך שורה, לדוגמה <a>‏, <span> או מעל תגים שהוגדר להם 'מאפיין ציפה'.

הוספת רכיב מבני במיקום מדויק

ניתן להשתמש ב-Element Quick View בשילוב עם מחווני Live Guides כדי להוסיף רכיב HTML למבנה המסמך באופן מדויק יותר.  

כשאתה משתהה לזמן מה לפני שחרור רכיב, מוצג לך הסמל של Element Quick View‏ (</>) כאשר אתה מרחף עם סמן העכבר מעל סמל זה, Element Quick View נפתח ויש לך אפשרות לשחרר את הרכיב בתוך Element Quick View.

תפריט תלוי הקשר ב-Live View

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

ראשית בחר רכיב ב-Live View כדי להציג את Element Display. לאחר מכן, לחץ לחיצה ימנית בתוך אזור התג, כדי שיוצגו לך האפשרויות הכלולות בתפריט תלוי ההקשר המוצג לעיל. ניתן להפעיל את האפשרויות ברמת התג. 

שינויים ב-Element Display

לא זו בלבד שניתן להחיל בוררים על רכיבים, אלא ניתן גם ליצור בורר במקור ה-CSS הרצוי ולהקצות שאילתת מדיה באמצעות Element Display‏. כאשר לוחצים על בורר אשר אינו קיים בשום גיליון סגנונות ומקישים Enter‏, Element Display מספק את האפשרויות לבחור מקור CSS ושאילתת מדיה.

אם אינך מעוניין לבחור מקור CSS או שאילתת מדיה, הקש על Esc כדי לבטל את האפשרויות.

כעת ניתן גם ללחוץ לחיצה ימנית על בורר מוחל כדי לעבור לקוד המתאים (אפשרות Go To Code‏) או להדביק סגנונות שהועתקו (אפשרות Paste Styles‏).

הזזת רכיבים ב-Live View

כעת, Dreamweaver תומך בהזזת רכיבים (ברמת התג) ב-Live View. ניתן לבחור רכיב ב-Live View, לגרור אותו ולשחרר אותו בכל מיקום אחר.

כשאתה משתהה לזמן מה לפני שחרור רכיב, מוצג לך הסמל של Element Quick View‏ (</>) כאשר אתה מרחף עם סמן העכבר מעל סמל זה, Element Quick View נפתח ויש לך אפשרות לשחרר את הרכיב בתוך Element Quick View. 

ניווט בעזרת המקלדת ב-Live View

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

• במקש החץ למעלה ובמקש החץ למטה כדי לנווט בין רכיבים בדף. ניווט בעזרת המקלדת ב-Live View מאפשר לגשת בקלות לרכיבים מקוננים ולרכיבים מוקפים.
• במקש Tab כדי לעבור בין הבוררים ב-Element Display

לקבלת מידע נוסף, ראה ניווט בעזרת המקלדת ב-Live View.

Quick Tag Editor ב-Live View

הקשה על Ctrl+T ב-Windows או על Cmd+T ב-Mac ב-Live View מעלה כעת Quick Tag Editor עבור הרכיב שנבחר. ל-Quick Tag Editor יש שלושה מצבים: Edit Tag‏, Wrap Tag ו-Insert HTML‏. ניתן לעבור בין המצבים בהקשה על Ctrl/Cmd + T‏.

שינויים בסביבת העבודה של Dreamweaver

שינויים בסרגל הכלים Document

נערכו שינויים בסרגל הכלים Document וכעת השימוש בו פשוט.

• האפשרויות Design ו-Live View ממוזגות תחת פקד יחיד (תפריט נפתח).

• השדה Document Title הועבר ל-Property Inspector.

• הלחצנים Inspect ו-Live Code הוחלפו בסמלים.

• האפשרויות Back‏, Forward ו-Refresh קובצו בשילוב עם סרגל הכתובות והוצבו במרכז סרגל הכלים Document.

• האפשרויות Preview/‏Debug in Browser‏, Live View והסמלים של File Management קובצו יחד ויושרו בצדו הימני של סרגל הכלים Document.

שינויים בסביבת העבודה המוגדרת כברירת מחדל

סביבות עבודה מוכנות לשימוש הזמינות ב-Dreamweaver השתנו וכעת הן נראות כך:

• Code
• Design
• Extract

סביבת העבודה המוגדרת כברירת מחדל היא Extract כעת. סביבת עבודה זו מציגה את חלונית Extract משמאל ואת דף האינטרנט מימין. עם ההפעלה הראשונה של Dreamweaver, החלונית Extract מציגה ערכת לימוד פשוטה המסייעת ללמוד על תהליכי העבודה של Extract‏. כדי להתחיל להשתמש ב-Extract‏, לחץ על Get Started‏‏.

התצוגה המוגדרת כברירת מחדל עבור מסמכי HTML היא כעת תצוגת Split View‏, המפוצלת בצורה אופקית כדי להציג את Live View ו-Code View‏. קבצים דינמיים כגון אלו המפורטים ברשימה להלן נפתחים ב-Code View כברירת מחדל. בעת פיצול התצוגה, המסמכים הללו מוצגים ב-Design וב-Code View‏.

• PHP
• תבנית PHP ‏(Example.dwt.php)
• ASP
• תבנית ASP ‏(Example.dwt.asp)
• JSP
• תבנית JSP ‏(Example.dwt.jsp)
• CFM
• תבנית CFM ‏(Example.dwt.php)

עצה: כדי לעבור לתצוגת Design, לחץ על הרשימה הנפתחת בסמוך ל-'Live' ולחץ על Design. כדי להפוך פיצול אופקי לפיצול אנכי, בחר View‏ > Split Vertically. תצוגת Live/Design מופיעה כעת בצד שמאל. כדי לקבל את תצוגת Live/Design מימין, בטל את בחירת האפשרות View ‏> Live View On Left או Design View On Left.

Dreamweaver זוכר כעת את מצב תצוגת Live שבחרת עבור מסמך HTML‏, ולאחר מכן מחיל תצוגה זהה על כל מסמכי ה-HTML שאתה פותח בהמשך. לדוגמה, נניח ש-HTML1 הוא המסמך שפתחת ראשון. תצוגת המסמך מפוצלת עם Code View ו-Live View‏. נניח ששינית את תצוגת המסמך לתצוגת Live View מלאה. המסמך הבא שתפתח, לדוגמה HTML2‎‏, מוצג בתצוגת Live View מלאה.  

שינויים במסמכי Fluid Grid

תמיכה בעריכה ב-Live View

יכולות עריכה חדשות ב-Live View נוספו כבר לגרסה הקודמת של Dreamweaver CC. במהדורה זו, תכונות עריכה אלה ב-Live View זמינות גם במסמכי Fluid Grid. עריכה ב-Live View מאיצה את העבודה על פיתוח דפי אינטרנט זורמים, שכן ניתן לערוך את השינויים ולהציג באופן מיידי תצוגה מקדימה שלהם באותה תצוגה.

התכונות הבאות מסייעות לך לערוך מסמכי Fluid Grid ב-Live View:

• Element Display
• Quick Property Inspector
• Live View Property Inspector
• ‎הוסף רכיבים וערוך טקסט היישר ב-Live View

כעת ניתן גם להציג באופן חזותי את מבנה HTML DOM של מסמך Fluid Grid באמצעות Element Quick View.

הערה: Element Quick View בפריסות Fluid Grid אינו מאפשר להעתיק, להדביק, לשכפל או לסדר מחדש את רכיבי ה-HTML.

ממשק המשתמש המשמש להצגה ועריכה של מסמכי Fluid Grid השתנה כדי שיתאים לתכונות העריכה ב-Live View. כעת, כאשר אתה בוחר רכיב במסמך Fluid Grid‏, Element Display מוצג יחד עם פקדים נוספים כגון Hide Elements ו-Start A New Row‏.

בנוסף, כעת מסמכי Fluid Grid נפתחים ישירות ב-Live View. כבר לא ניתן להציג או לערוך מסמכי Fluid Grid בתצוגה Design.

לקבלת מידע נוסף על מסמכי Fluid Grid, ראה יצירת עיצוב מגיב בעזרת פריסות Fluid Grid.

שינויים בתהליכי העבודה של Insert

כעת, תיבת הדו-שיח Insert המיועדת למסמכי Fluid Grid כוללת אפשרויות 'סיוע במיקום'. הסיוע במיקום מאפשר לך למקם את הרכיב שאתה מוסיף לפני, אחרי או בתוך הרכיב המסומן (ב-Live View). לקבלת מידע נוסף על רכיבי Fluid Grid‏, ראה הוספת רכיבי Fluid Grid‏.

שינויים באפשרות Manage Hidden Elements

האפשרות Manage Hidden Elements (לחצן העין בסרגל הכלים Document‏) הועברה לתפריט תלוי ההקשר במסמך Fluid Grid.

כדי שתוכל לנהל רכיבים מוסתרים, לחץ לחיצה ימנית בדף Fluid Grid ובחר באפשרות Manage Hidden Elements על מנת להציג רכיבים מוסתרים. כדי להסתיר רכיבים אלה ניתן ללחוץ על סמל העין ב-HUD. 

ערכות נושא של צבעים המוכנות לשימוש מיידי ב-Code View

כעת ניתן לבחור אחת מערכות הנושא הבאות של צבעים הזמינות לשימוש עבור Code View::

• Classic (ברירת המחדל; זהה לערכה שהייתה בגרסה הקודמת של Dreamweaver)
• Raven
• Slate
• Blanche
• Geneva

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

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

כל ההגדרות בערכת נושא שעברו התאמה אישית נשמרות בעת לחיצה על Apply וערכת הנושא שנערכו בה התאמות אישיות זמינה לשימוש בכל ההפעלות של Dreamweaver.

לקבלת מידע נוסף, ראה הגדרה של ערכת נושא לצבעים ב-Code View.

סנכרון בין Code View ל-Live View

סנכרון בין Code View ל-Live View מאפשר לך להציג באופן מיידי תצוגה מקדימה של שינויים שאתה מבצע בקוד ב-Live View. שלא כמו בגרסאות קודמות של Dreamweaver, אין צורך ללחוץ על לחצן הרענון כדי להציג תצוגה מקדימה של שינויים ב-Live View.

תוכל לראות כיצד פועל הסנכרון בין Code View ל-Live View בתהליכי העבודה הבאים (כאשר ההתמקדות היא ב-Code View):

• פעולות המתבצעות בטקסט, כגון גזירה/העתקה/הדבקה/מחיקה, ביטול/ביצוע מחדש.
• הזזת רכיבים ב-Element Quick View תוך התמקדות ב-Code View.
• הקלדה ב-Code View.
• הפעולות Delete/Duplicate/Copy/Paste ב-Element Quick View (אפשרויות המוצגות בלחיצה ימנית).
• פעולות ב-Property Inspector, כגון שינוי תבניות הטקסט - המאפיינים Bold/Italic‏, Changing Class‏, ID‏, Format‏, Page והחלת גופנים.
• הוספה/מחיקה של מחלקות או מזהים בעזרת השלמות קוד ב-Code View.
• הוספת רכיבים כגון קובץ Div, תמונה, היפר-קישור ורכיבים מבניים מהחלונית Insert ל-Code View.
• הוספה/עריכה של סגנונות CSS בתג <style>. 
• עריכת קוד בקובצי CSS.

החלונית Assets ב-Live View

החלונית Assets ‏(Windows‏ > Assets) זמינה כעת ב-Live View. באמצעות החלונית Assets ניתן לבצע בקלות את המשימות הבאות:

• גרירה או הוספה של נכסים (תמונות, כתובות URL, צבעים או מדיה) מחלונית התצוגה המקדימה או מתצוגת הרשימה בחלונית Assets.

הערה: באפשרותך לגרור נכסים מחלונית התצוגה המקדימה ב-Mac בלבד.

• העתק ערך צבע והדבק אותו בכל שדה טקסט ב-Dreamweaver לדוגמה, במאפייני CSS Designer‏, Code View‏, Color Picker או אפילו ביישומים אחרים כגון Notepad.
  

לקבלת הוראות מפורטות על אופן השימוש בחלונית Assets, ראה עבודה עם Assets.

תבניות Starter חדשות

כעת Dreamweaver כולל תבניות Starter חדשות ומהירות תגובה המסייעות לך להתחיל לעצב אתרים מהירי תגובה במהירות רבה יותר. תוכל לבחור אחת מהתבניות הבאות מתוך תיבת הדו-שיח New Document‏ (File‏ > New‏ > Starter Templates):

• About Page
• Blog Post
• eCommerce
• Email
• Portfolio‏

כאשר אתה בוחר תבנית ולוחץ על Create בתיבת הדו-שיח New Document‏, Dreamweaver מנחה אותך לשמור את המסמך החדש. שמירת המסמך יוצרת עותק של התבנית, שלאחר מכן תוכל לבצע בו התאמות אישיות כך שיתאים לצרכיך.

איפוס של ההעדפות בעת הפעלה

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

ניתן לפתוח את תיבת הדו-שיח Reset Preferences על-ידי לחיצה ממושכת על קיצורי המקשים הבאים תוך הפעלה של Dreamweaver‏:

• (Win‏) מקש Windows + Ctrl + Shift
• (Mac‏) Cmd + Option + Shift

ב-Mac‏, הקש ממושכות על Cmd‏ + Option‏ + Shift בעת הפעלת Dreamweaver ‏(על-ידי לחיצה על סמל Dreamweaver ב-Dock‏).

ב-Windows‏, בצע את השלבים הבאים:

הקפד להחזיק את מקשי הקיצור המוזכרים לעיל גם כאשר תיבת הדו-שיח 'בקרת חשבון משתמש' (UAC) מופיעה. 

שיפורים נוספים

שינויים בהגדרות הסנכרון

ניתן כעת לייבא הגדרות מהגרסה הקודמת של Dreamweaver אשר נשמרו ב-Creative Cloud באמצעות תיבת הדו-שיח Preferences‏. כל ההגדרות המקומיות יוחלפו בהגדרות המיובאות מהענן, והן ייכנסו לתוקף בהפעלה הבאה של Dreamweaver‏.

כמו כן, ממהדורה זו ואילך, בנוסף להגדרות אשר סונכרנו בגרסאות קודמות, ההגדרות הבאות מסונכרנות גם הן עם Creative Cloud:‏

• ערכות נושא חדשות שנוספו של צבעי קוד
• הגדרות סרגל היישום ומסגרת היישום ב-Mac

שינויים ב-CSS Designer‏

גרסה זו של Dreamweaver מציעה שיפורים רבים בחוויית המשתמש של CSS Designer‏. החלונית CSS Designer כוללת גם חוויה המיועדת למשתמשים חדשים כדי לסייע להם להתחיל להשתמש במהירות בתהליכי העבודה.

שינויים במסך Welcome

האפשרות Site Templates במסך Welcome הוחלפה כעת ב-Starter Templates‏. ניתן לגשת ל-Site Templates בתיבת הדו-שיח New Document‏ (File >‏ New‏).

עדכונים בגרסת jQuery

Dreamweaver כולל כעת את ספריות jQuery המעודכנות הבאות:

• jQuery ‏- 1.8.3 עד jQuery - 1.11.1
• jQuery UI ‏- 1.9.2 עד jQuery UI - ‏1.10.4

דפי Starter של jQuery הוסרו. 

עדכון ל-PhoneGap

השילוב הישיר של Dreamweaver עם PhoneGap Build לאריזת יישומים אינו נתמך בעדכון האחרון של מהדורת 2014 של Dreamweaver CC (אוקטובר 2014), ואילך.

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