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

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

Element Quick View

עיין בסימונים במסמך שלך באמצעות Element Quick View החדש, שהעיבוד שלו נעשה באמצעות עץ HTML אינטאקטיבי עבור תוכן סטטי ודינמי. שנה את המבנה של התוכן הסטטי ישירות בתוך עץ ה- HTML.

Element Quick View
Element Quick View

השקה של Element Quick View ‏(View ‏> Element Quick View) על מנת להאיץ את תהליך הפיתוח. במהדורות קודמות של Dreamweaver, הדגשת רכיבי HTML ב- Live View, עברת לתצוגת קוד וערכת את הרכיבים. לאחר העריכה, חזרת שוב ל-Live View כדי להציג את השינויים בתצוגה מקדימה. כעת, עם Element Quick View, ניתן לראות את כל הרכיבים בדף בתצוגה אחת וקלה לקריאה ולערוך תוכן סטטי.

לקבלת מידע נוסף, ראה Element Quick View.

יכולות עריכה חדשות ב-Live View

בחן ושנה את המאפיינים של רכיבי HTML ישירות ב-Live View וראה כיצד הם נראים מבלי לרענן שום דבר.  

Quick Property Inspector

Live View מציג כעת את Quick Property Inspector עבור רכיבי HTML בדפים שלך. בהתבסס על רכיב ה-HTML שאתה בוחר, Quick Property Inspector מאפשר לך לערוך תכונות או טקסט ישירות ב-Live View.

Quick PI לעריכת תכונות תמונה
Quick PI לעריכת תכונות תמונה

Live View PI לעיצוב טקסט
Quick PI לעיצוב טקסט


לקבלת מידע נוסף, ראה Quick View Property Inspector.

Element Display

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

Element Display לעריכת מחלקות ומזהים
Element Display לעריכת מחלקות ומזהים

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

עריכת טקסט בזמן אמת

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

לחץ לחיצה כפולה על רכיב הטקסט ב-Live View כדי לעבור למצב עריכה. לקבלת מידע נוסף, ראה עריכת טקסט ישירות ב-Live View.

ערוך טקסט ישירות ב-Live View. עריכת טקסט בזמן אמת.
עריכת טקסט ישירות ב-Live View

Live View Property Inspector

Property Inspector זמין כעת ב-Live View כך שבאפשרותך לבצע עריכות בדף שלך במהירות מבלי לעבור לתצוגת Design או Code.

לקבלת מידע נוסף, ראה Live View Property Inspector.

Live View Property Inspector
Live View Property Inspector

Live Insert

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

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

גרירה ושחרור ב-Live View מהחלונית Insert
גרירה ושחרור ב-Live View מהחלונית Insert

שיפורים ב-CSS Designer

ממשק משתמש משופר לבקרת גבול

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

  • פקד המכיל כרטיסיות המונע הצגה של כל הערכים בבת אחת כדי להפחית את הבלבול.
  • סמלים אינטואיטיביים וידידותיים שכל משתמש מתחיל יוכל להבין אותם.
  • שתי סדרות של סמלים לציון מצב לא מוגדר/נמחק ומצב מושבת.
  • הכרטיסייה הכוללת “All sides” להגדרת כל מאפייני הגבול בבת אחת.
  • שורה מחושבת המכוונת אותך לכרטיסייה המתאימה ביותר בעת הבחינה. 
מאפייני בקרת גבול לפני מהדורת 2014 של Dreamweaver CC
מאפייני בקרת גבול לפני מהדורת 2014 של Dreamweaver CC

מאפייני בקרת גבול במהדורת 2014 של Dreamweaver CC
מאפייני בקרת גבול במהדורת 2014 של Dreamweaver CC


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

סגנונות של העתקה והדבקה

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

לחץ לחיצה ימנית על בורר ובחר מתוך האפשרויות הזמינות:  

העתק סגנונות באמצעות CSS Designer
העתק סגנונות באמצעות CSS Designer

  • אם לבורר אין סגנונות, האפשרויות Copy ו-Copy All Styles מושבתות.
  • האפשרות Paste Styles מושבתת עבור אתרים מרוחקים שאינם ניתנים לעריכה. עם זאת, הסגנונות Copy ו-Copy All
    זמינים.
  • Pasting Styles שקיים בחלקו בבורר (Overlapping) פועל כרגיל. מתבצעת
    הדבקה של איחוד כל הבוררים.
  • סגנונות של העתקה והדבקה פועלים גם עבור קישורים שונים של קובצי CSS – Import,‏ Link,‏ Inline
    Styles.

תיבות טקסט לעריכה מהירה

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

תיבות טקסט לעריכה מהירה
תיבות טקסט לעריכה מהירה

ציון מאפיינים
ציון מאפיינים


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

בעבר, לחצת על + בחלונית Properties של CSS Designer כדי להוסיף מאפיינים מסוג Other (או מותאמים אישית). כעת, קיימת סדרה של תיבות טקסט - של שמות וערכים של מאפיינים - הזמינות בסוף הרשימה Properties. תיבות טקסט אלה מאפשרות לך להקליד ישירות בשם המאפיין ובערך שלו מבלי ללחוץ על +.

כדי להוסיף שורות נוספות של מאפיינים מותאמים אישית, הקש Tab.

השם של קבוצת המאפיינים Other משתנה ל-Custom.

תיבות טקסט להוספת שם מאפיין וערך
תיבות טקסט להוספת שם מאפיין וערך

קיצורי מקשים

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

קיצור תהליך עבודה
CTRL + Alt + [Shift =]‎ הוספת בורר (אם הפקד נמצא במקטע הבורר)
CTRL + Alt + S הוספת בורר (אם הפקד נמצא במקום כלשהו ביישום)
CTRL + Alt + [Shift =]‎ הוספת מאפיין (אם הפקד נמצא במקטע המאפיין)
CTRL + Alt + P הוספת מאפיין (אם הפקד נמצא במקום כלשהו ביישום)
בחירה + Delete מחיקת הבורר, אם נבחר בורר
CTRL + Alt + (PgUp/PgDn)‎ דילוג בין מקטעים - בחלונית המשנה של המאפיינים 

בוררים ספציפיים יותר/ספציפיים פחות

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

בוררים ספציפיים יותר/ספציפיים פחות
בוררים ספציפיים יותר/ספציפיים פחות

גלילה לקטגוריה

בעבר, כשלחצת על הקטגוריה Background או Other בראש החלונית Properties ב-CSS Designer, קטגוריות אלה הפכו לגלויות בחלונית. הקטגוריות לא הוצגו בפועל בראש החלונית.

כעת, הקטגוריות Background ו-Other (ששמה השתנה ל-Custom) מוצגות בראש החלונית בעת הלחיצה עליהן.

גלילה לקטגוריה
גלילה לקטגוריה

תמיכה בחיבורי SFTP באמצעות Identity File

מהדורת 2014 של Dreamweaver CC מאפשרת לך להתחבר ל-publishing servers ב-SFTP באמצעות צמדי מפתח פרטי-ציבורי ומפתחות זהות (עם או ללא ביטוי סיסמה). שיפור זה ב-Dreamweaver מרחיב את הבחירה שלך בספקי שירותי אירוח של אתרי אינטרנט - באפשרותך להירשם כמנוי לכל ספק שירות שדורש ממך שימוש בצמדי מפתח פרטי-ציבורי לאימות.

הערה:

Dreamweaver תומך רק בקובצי מפתח מסוג OpenSSH.

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

שיפורים בביטול/בביצוע חוזר

עד עתה, כדי לבטל/לבצע מחדש פעולה שבוצעה בחלונית CSS Designer, היית צריך ללחוץ על קובץ ה-CSS (בקבצים הקשורים) ולאחר מכן לבטל/לבצע מחדש את הפעולה. 

בזכות השיפורים החדשים בתכונת הביטול/הביצוע מחדש, תוכל לבטל/לבצע מחדש פעולות ישירות מתוך Live View של המסמך או מהחלונית CSS Designer. לאחר מכן, שינויים אלה משתקפים באופן אוטומטי בקובץ ה-CSS המשויך. כדי להודיע לך שהקובץ הקשור השתנה, הכרטיסייה של הקובץ המושפע מודגשת לזמן מה (כ-8 שניות).

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

כל הפעולות של הביטול/הביצוע מחדש מתועדות ברמת קובץ ה-HTML. כלומר, אפשר לבטל כל שינוי ידני בקובץ CSS מכל קובץ קשור. לדוגמה, חשוב על style1.css ועל style2.css כקשורים ל-index.html. אם אתה מוסיף סגנונות ל-‎.h1 ב-style1.css, ולאחר מכן מבצע ביטול מתוך style2.css, סגנון ‎.h1 נמחק מתוך style1.css.  

הערה:

כדי לבטל/לבצע מחדש את השינויים בקובצי JavaScript, עליך לעבור לקובץ JS המתאים ולאחר מכן לבצע את הביטול/הביצוע מחדש. 

שינויים בתהליכי עבודה של Business Catalyst ושל PhoneGap Build

Business Catalyst ו-PhoneGap Build זמינים כעת עבור Dreamweaver, כתוספים. כעת, התקן את Business Catalyst ואת PhoneGap Build כהרחבות ולאחר מכן המשך להשתמש בשירותים האלו כמו בעבר.

כדי להתקין את ההרחבות Business Catalyst ו-PhoneGap Build, עבור אל Manage ‏> Browse Add-Ons, חפש את ההרחבות והתקן אותן.

שינויים בגישה אל הרחבות עבור Dreamweaver

כעת ניתן להציג הרחבות של Dreamweaver ולהתקין אותן באמצעות Adobe Creative Cloud. כעת הרחבות נקראות 'תוספים'.

כדי לחפש ב-Adobe Creative Cloud תוספים, לחץ על Window ‏> Browse Add-Ons ב-Dreamweaver. כעת תראה את הדף Adobe Creative Cloud Add-Ons. 

Window ‏> Extensions ב-Dreamweaver CC 13.0
Window ‏> Extensions ב-Dreamweaver CC 13.0

Window ‏> Browse Add-Ons ב-Dreamweaver CC 2014
Window ‏> Browse Add-Ons במהדורת 2014 של Dreamweaver CC


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

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

תכונת הגדרות הסנכרון ב-Dreamweaver מאפשרת לך לשמור על סנכרון ההגדרות שלך עם מופעי Dreamweaver במחשבים שלך וב-Creative Cloud. מהדורת 2014 של ‏Dreamweaver CC מזהה באופן אוטומטי אם הפעלת הגדרות סנכרון בגרסה המוקדמת יותר של Dreamweaver, ומאפשרת לך לייבא את ההגדרות האלו מ-Creative Cloud.

בעת הפעלה של מהדורת 2014 של Dreamweaver CC בפעם הראשונה לאחר התקנתה, תראה את תיבת הדו-שיח הבאה: 

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

  • כדי לייבא הגדרות השמורות ב-Creative Cloud, לחץ על Import Sync Settings

הערה: אפשרות זו אינה זמינה במועד מאוחר יותר. 

  • כדי לסנכרן את ההגדרות שבמופע Dreamweaver הנוכחי עם Creative Cloud, לחץ על Sync Local.
  • כדי לבצע סנכרון אוטומטי של ההגדרות, בחר Always Sync Settings Automatically.
  • כדי להציג אפשרויות מתקדמות של הגדרות סנכרון, לחץ על Advanced.

שליחת בקשת באג/תכונה ישירות מ-Dreamweaver

כעת ניתן לגשת ישירות לטופס Wishlist ולטופס דיווחי באגים מתוך Dreamweaver - Help ‏> Submit Bug/Feature Request.

תפריט Submit Bug/Feature Request in Help
תפריט Submit Bug/Feature Request in Help

Help Center

למד כיצד להשתמש בתכונות חדשות וכיצד להתמודד עם משימות נפוצות מתוך Dreamweaver בעזרת Help Center החדש. 

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

סיור בתכונות החדשות

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

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

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

הסיור בתכונות החדשות
הסיור בתכונות החדשות

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

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

גלריית הווידאו

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

גלריית הווידאו
גלריית הווידאו

הערה:

יש לך אפשרות לגשת לסיור בתכונות החדשות ולגלריית הווידאו בכל שלב בעת
השימוש ב-Dreamweaver. לשם כך, עבור לתפריט Help או למסך Welcome ולחץ על האפשרות הרצויה.

הודעות בתוך היישום

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

ההודעות מופיעות בהתבסס על "גורמים מפעילים" ספציפיים. לדוגמה, בעת הלחיצה על בוררי Tag
בתצוגה כלשהי או בעת לחיצה ימנית על רכיב כדי לבחון אותו, מופיעה ההודעה של Element
Quick View. ‏‏Element Quick View הוא תכונה חדשה לגמרי אשר עוזרת לך להציג
ולערוך סימוני HTML בקלות רבה יותר מאשר באמצעות השיטות האחרות שניסית (גורמים מפעילים).

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

יש לך אפשרות להשבית את ההצגה של הודעות בתוך היישום דרך Preferences. לקבלת מידע
נוסף, ראה השבתה או איפוס של הודעות בתוך היישום ובתוך המוצר

דוגמאות של הודעות בתוך היישום: 

Element Quick View

גורמים מפעילים:

  • לחיצה על בוררי תגים (כל התצוגות)
  • Live + Inspect או לחיצה ימנית + Inspect ברכיב

הודעה:

הודעה של Element Quick View
הודעה של Element Quick View

Live View Property Inspector עבור מחלקות ומזהים 

גורמים מפעילים:

  • עריכת מזהה באמצעות PI בתצוגת Design

הודעה:

הודעה של ‏Live View
הודעה של ‏Live View

הודעות בתוך המוצר

Dreamweaver משתלב בצורה חלקה עם יישומים רבים ואחרים ב-Creative Cloud,
והודעות בתוך המוצר מציגות בפניך תהליכי עבודה שכאלה של שילוב. השימוש בתהליכי
עבודה שכאלה מאפשר לך למנף את Adobe Creative Cloud ואת היישומים שהוא מציע בצורה טובה יותר.

הודעות בתוך המוצר מוצגות בהתבסס על "גורמים מפעילים" מזוהים. לדוגמה, כאשר
אתה מנסה להשתמש ב-CSS Transitions, תהליך העבודה ‘Edge Animate’ מוצע באמצעות
ההודעה בתוך המוצר.

הודעות בתוך המוצר מכילות תיאור קצר של תהליך העבודה החלופי
(או העדיף) שבו תוכל להשתמש בתרחיש ספציפי. הן גם כוללות תמונה ממוזערת של וידאו שניתן
ללחוץ עליה כדי לצפות בווידאו המסביר את תהליך העבודה. הלחצן Tell Me More מקשר אותך
למאמר/לבלוג המספק מידע נוסף.

הודעות בתוך המוצר מוצגות פעם אחת בלבד כשהגורם המפעיל המזוהה מתרחש.

הערה:

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

דוגמאות של הודעות בתוך המוצר: 

Edge Animate

גורם מפעיל:

  • לחיצה על מעבר CSS ולחיצה על +

הודעה:

הודעה של Edge Animate
הודעה של Edge Animate

Parfait

גורם מפעיל:

  • Insert Image >‏ Edit Image Settings

הודעה:

עריכת הגדרות תמונה
עריכת הגדרות תמונה

השבתה או איפוס של הודעות בתוך היישום ובתוך המוצר

עבור אל Preferences ‏> תיבת הדו-שיח Accessibility ובצע את הפעולות הבאות:

  • להשבתת ההודעות, בטל את הבחירה של תיבת הסימון Show In-app Help.

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

  • להצגת ההודעות שהוצגו קודם לכן, לחץ על Reset.
עצות להשבתה. השבתת הודעות בתוך היישום.
העדפות להשבתה או לאיפוס של עזרה בתוך היישום

שינויים בתפריט Help

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

תפריט Help לפני Dreamweaver CC 2014
תפריט Help לפני מהדורת 2014 של Dreamweaver CC

תפריט Help ב-Dreamweaver CC 2014
תפריט Help במהדורת 2014 של Dreamweaver CC


עבודה זו בוצעה ברישיון של Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  הודעות המתפרסמות ב- Twitter™‎ ו- Facebook אינן מכוסות בתנאי Creative Commons.

הצהרות משפטיות   |   מדיניות פרטיות מקוונת