סקירה ודירוג של Adobe Dreamweaver

אדובי הייתה יכולה לנוח על זרי הדפנה כשעדכנה את Dreamweaver לגלגול האחרון בשירות Creative Cloud המבוסס על המנוי כ- Dreamweaver CC. בגלגולו הקודם כ- Dreamweaver CS6, חלק מ- Creative Suite 6 של אדובי, עורך האתר המתקדם של אדובי כבר היה עם מעט תחרות רצינית או לא ככלי ליצירה ותחזוקה של אתרי רב-צורות בפורמט של היום. Dreamweaver CS6, למשל, הציג פריסות אינטרנט "רשת נוזלים" מוכנות לשימוש, המשתמשות ב- CSS כדי לעצב מחדש דפי אינטרנט באופן אוטומטי בהתאם לגודל המסך, מה שמקל על בניית השימוש באתר יחיד בטלפונים, טאבלטים ושולחנות עבודה ללא המתחם. קידוד ידני של CSS נדרש בעבר.

Dreamweaver CC החדש משפר את תכונת הרשת הנוזלית על ידי תמיכה באלמנטים מבניים של HTML5 כמו סעיפים ומאמרים. זה גם מוסיף כלי לחיסכון במאמץ לא פחות, מעצב CSS חדש שמשתמש בממשק גרפי אינטראקטיבי לשינוי מאפייני CSS כמו צללים ופינות מעוקלות, כך שתצטרך רק ללחוץ ולגרור כדי לשנות קוד CSS מורכב תוך כדי לראות את התוצאות בפועל- זמן. תמיכה מלאה בגופנים מבוססי אינטרנט - שהורדו משרתי אדובי בזמן שהדפדפן טוען עמוד - מקלה על יצירת עיצובים מושכי עין. כמו כן, כמו שאר חבילת Creative Cloud, Dreamweaver מקבל גם ממשק פשוט יותר וניתן להתאמה אישית יותר, ועובד באופן זהה תחת Windows ו- OS X גם יחד.

מקצוענים וחצי פרו

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

התחל לארוג חלומות

החל מדף ריק או מתווה מדגם, אתה לוחץ על פריטים בלוח הוספה כדי להוסיף אלמנטים כמו תבניות (עם אזורים ניתנים לעריכה ולא ניתנים לעריכה), מולטימדיה (HTML5 או Flash) ותכונות HTML סטנדרטיות. מסך ברירת המחדל מפוצל לחלונית קוד ולחלונית עיצוב WYSIWYG, אך אתה יכול לבחור אחד או אחר, או להפוך את חלונית העיצוב "לייב" כדי להציג תוכן מדיה כמו וידאו, או תוכן שיוגש ממסד נתונים כאשר הדף מופיע בדפדפן. דבר אחד שאני מעריץ ב- Dreamweaver הוא שהוא לא מעדיף את הטכנולוגיות הקנייניות של אדובי כמו פלאש על פני סטנדרטים פתוחים כמו וידאו HTML5, אלא מעניק תמיכה שווה לשניהם - ואפילו מספק נגן וידיאו HTML5 טוב יותר למראה ושימושי יותר מאשר המובנה שלו נגן פלאש.

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

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