ביקורת: Expression Web Designer

פיתוח, כלי פיתוח, כללי הוסף תגובה

Microsoft® Expression® Web Designer Cover Picture
הכלי החדש שMS הוציאה הכלול בחבילה הקרויה Expression. חבילה זאת כוללת תוכנת עיצוב הפונה לקהל המעצבים הגרפיים המשתמשים בPS, וכלי למעצבים אינטראקטיביים הפונה לקהל מפתחי פלאש.

הכלי המיועד לנו, הוא Microsoft Expression Web Designer. כלי זה הוא מתחרה ישיר ועיקרי מול Dream Weaver, ומשלים את חבילת הפיתוח של מיקרוסופט- Visual Studio.

כלי זה הינו כלי הפיתוח המוביל בתחום הWebDesign לדעתי. הוא מעוצב ברוח Visual Studio 8, כך שמי שעבד או נחשף לVisual Studio ירגיש מאוד בבית.

במסמך זה אציין את יתרונות EWD על פני מקבילתו בשוק: דרימוויבר.

אינטגרציה עם NET2.
קיימים בו פאנלים ואינטגרציה של פקדי דוט נט, Web Parts, סנכרון עם מאסטר פייג’ כך שעבודה בסביבת הפיתוח של VS יחד עם EWD תקל על חיי המפתח והארגון עצמו.

Expression Web Designer ScreenShot

וולידציה onTheFly
היתרון הענקי כלכך הקיים בVS ולא היה קיים בכלי פיתוח אחר למפתח צד הלקוח, הוטמע כעת בכלי זה.
יכולת זאת היא יתרון וכוח ענקי כלכך לנו המפתחים מבחינת חיסכון העריכה ובדיקת העמוד לאחר סיומו
הוולידציה מתרחשת בעת הכתיבה- דבר גם יפיפה לצפיה, וגם מעשיר ומלמד. EWD Validation onTheFly

CSS Intellisense
שמירה על חוקיות סדר ערכי התכונות במסמך CSS לא היתה קלה מעולם.
CSS Intellisense

(הגדרת ערכים לסלקטור h5)

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

תיקון שגיאות כתיב, ובעברית במיוחד.
EWD קיבלה מספר תכונות וורד, ואחת מהן היא שימוש במילון המותקן על המחשב. בחלון העיצוב ניתן לראות תיקוני שגיאות, ובקליק ימני פשוט לבחור את המילה המתאימה או להוסיף למילון.
תכונה נוספת היא איסוף ההעתקות בסביבת העריכה. כאשר Ctrl+C כפול יתרחש, חלון איסוף ההעתקות יפתח מימין.

עץ המסמך
כשם שMS הכניסה לVS8 את עץ מבנה הדום ושלד המסמך, היא גם הכניסה לEWD את יכולת זו שמופיעה גם בDW.

דוחות
אחד מעזרי הפיתוח המשמעותיים המופיעים באפליקציה זו הן הדוחות.
Press to enlarge the image
Reports PS

חבורת הדוחות המשמעותיים הן דוחות התאימות והCSS.

compatibility report
CSS report

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

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

חסרונות
code coloring- אפשרויות צביעת הקוד הן כשל VS8, ולא מתקרבות לעומק והמרחב של DW יקירתינו. כשאני כותב בEWD אני מתגעגע לDW ולצבעוניות שלה.
קיצורי מקלדת
יש לEWD מין Ctrl+Enter מוזר שפותח חלון עם קיצורים אותם הגדרת, ורק לאחר סקרילה אתה לוחץ על הקיצור והוא מודבק לך במסך. חבל…

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

שלכם
שלומי.א


(תוספת למסמך 29.7.06)
טוב.
לאחר עבודה עם EWD, דרים וויבר היא עדיין סביבת הפיתוח שלי.
חסר לי המון, אבל המון דברים קטנים בEWD שעושים את החיים קלים כלכך:
קיצורי מקשים לטאגיות שימושיות כמו B, משפחת H, שבירת שורה וכו’.
חסר לי קיצור ALT+T שיש בDW, שעוטף כל בלוק טקסט באיזה טאג ontheFly שבא לך.
חסר לי אפשרויות הSelection שיש בDW8, שכל מקטע טקסט בו תבחר, תוכל לשים תחת איזו הערה שבא לך, או להכיל על הטקסט LowerCase או ההפך.

דברים קטנים אלו, פלוס codeColoring צר וחלש כלכך, קובעים עם איזו תוכנה תעבוד, ולאו דווקא מנועי הואלידציה או דברים גדולים יותר.
(אבל EWD נשאר עדיין כלי עריכת JS עדיף יותר מDW. יש לו אינטליסנס מלאים לנושא זה.)

האמת בפרטים הקטנים ;)

3 תגובות ל“ביקורת: Expression Web Designer”

  1. ניר אמר:

    אם זה ככה אני חושב שפשוט עדיף להישאר עם VS או DW. זה סתם אתה גברת בשינוי אדרת.

  2. אופיר אמר:

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

  3. Shlomi Asaf אמר:

    ניר, EWD אינה אותה גברת כמו DW.
    יכולות הולידציה onTheFly, ודוחות הCSS והתאימות שלה הופכות אותה לכלי עדיף על DW.
    בגדול הממשק זהה, אך ולידציה תוך כתיבה גורם לי לעבוד רק עימה.
    בד”כ הייתי מנתח את הקוד בסוף הדף. כעת בעת כתיבתו הדף מנותח- וזה חוסך המון זמן.

    אופיר, לא היית רוצה לדעת איך VS מקמפלת לי גרסאות ;)

הגב למאמר זה

#טאגי קוד נתמכים: [html][/html] , [css][/css] , [js][/js] , [code][/code]

הירשם לקבלת תגובות, ללא השארת תגובה בפועל

WP Theme & Icons by N.Design Studio
רסס מאמרים רסס תגובות התחבר למערכת