Adobe Dreamweaver

Adobe Dreamweaver (אדובי דרימוויבר) היא תוכנה המשמשת ליצירה ועריכה של דפי אינטרנט ואתרי אינטרנט אשר פותחה במקור על ידי חברת Macromedia, עד אשר נרכשה החברה על ידי אדובי מערכות ב-2005. קיימות גרסאות של התוכנה למערכות ההפעלה חלונות ו-Mac OS.

Adobe Dreamweaver
Adobe Dreamweaver CS6 Icon.png
Dreamweaver CC 2019 במערכת ההפעלה Windows 10. שימו לב לפיצול חלון העבודה לשני חלקים: תצוגת ה-WYSIWYG הוויזואלית בצד הימני לצד קוד המקור בשמאל.
Dreamweaver CC 2019 במערכת ההפעלה Windows 10.
שימו לב לפיצול חלון העבודה לשני חלקים: תצוגת ה-WYSIWYG הוויזואלית בצד הימני לצד קוד המקור בשמאל.
מפתח אדובי מערכות (לשעבר מקרומדיה)
גרסה אחרונה 20.2 (יוני 2020, 16 ביוני 2020) עריכת הנתון בוויקינתונים
מערכת הפעלה OS X ,Windows
נכתבה בשפות C++
סוג רישיון קנייני (עד גרסה CS6)
תוכנה כשירות (כחלק משירות Creative Cloud, החל מגרסה CC)
קטגוריה עורך HTML, סביבת פיתוח משולבת
adobe.com/products/dreamweaver/
לעריכה בוויקינתונים שמשמש מקור לחלק מהמידע בתבנית OOjs UI icon info big.svg

סקירהעריכה

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

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

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

עם כניסתה של גרסת ה-MX, שולבו בה כלים דינמיים ליצירת תוכן. באותה הרוח של WYSIWYG, מאפשרת דרימוויבר התחברות לשרת בסיס נתונים דרך ממשק ויזואלי, כמו גם סינון והצגה של תוכן, כאשר הקוד מוחדר באופן אוטומטי לתוך דפי האתר. החל מגרסה 8 והלאה, לאחר הרכישה על ידי אדובי, הותאמה התוכנה כך שתייצר קוד תקני יותר בהתאם להנחיות W3C. בגרסאות יותר מאוחרות, נוספו לתוכנה תמיכה ב-HTML5 ובעיצוב אתרים רספונסיבי, והחל מגרסת CC 2015 יש אינטגרציה מלאה עם סביבת העבודה Bootstrap לפיתוח בצד לקוח.

היבט מכובד של דרימוויבר בגרסאותיה החדשות הוא המבנה בר-ההרחבה. כעת ניתן להרכיב תוספות לתוכנה ("Extensions"), אשר כל אחד יכול לפתח, בדרך כלל ב-HTML או Javascript. דרימוויבר נתמכת בקהילה רחבה של מפתחים, המפתחים הרחבות מגוונות, ומאפשרים את הורדתם או רכישתם של אלה דרך אתר התוכנה.

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

  • ActionScript
  • ASP "קלאסי"[1] (התמיכה נפסקה בגרסת CS5)
  • סי שארפ
  • CSS
  • ColdFusion (או CFML. שפת פיתוח לאינטרנט פרי פיתוחה של מקרומדיה)
  • EDML
  • XML
  • XSLT
  • HTML כולל XHTML לגרסאותיו, והחל מגרסת CS5.5 גם בHTML5.
  • ג'אווה
  • JSP (ראשי תיבות של Java Server Pages, שפת צד שרת הדומה ל־ASP ול־PHP אך מבוססת על ג'אווה) (התמיכה נפסקה בגרסת CS5)
  • ג'אווה סקריפט
  • PHP
  • ויז'ואל בייסיק
  • VBScript
  • WML (שפה הדומה ל־HTML שמשמשת ליצירת דפי אינטרנט בטכנולוגיית WAP, לטלפונים ניידים מיושנים)

תמיכה בעבריתעריכה

עד גרסה CS3, כדי לעצב דפים המכילים עברית או ערבית היה צורך בהתקנת הרחבות חיצוניות שפותחו על ידי מפתחים צד שלישי. בין ההרחבות שהיו נפוצות, לדוגמה, עבור גרסת MX לצורך כתיבת עברית נכללו "חלומות" (שתמכה בקידוד לעברית ויזואלית, ISO-8859-8 (אנ')) ו-DreamHebrew (שתמכה גם בתקן הוויזואלי ISO-8859-8 וגם בתקן הישן של חלונות, Windows-1255)[2]. גרסת CS3, שהייתה כאמור הגרסה הראשונה שפותחה לאחר הרכישה של אדובי, נמכרה, בדומה לתוכנות אדובי רבות, גם גרסה מזרח-תיכונית (Middle Eastern Version) שאפשרה הקלדת שפות מזרח תיכוניות כעברית, ערבית, אורדו ופרסית בצורה טבעית גם כשהמשתמש עבר למצב עריכת קוד-מקור[3].

גרסאותעריכה

 
העורך החזותי (WYSIWYGׂ) ב-Dreamweaver MX.
 
מסך הכניסה של דרימוויבר MX 2004
 
Dreamweaver 8 במערכת ההפעלה Windows XP
החברה המפתחת גרסה שווקה כ: תאריך יציאה הערות
מקרומדיה 1.0 1.0 דצמבר 1997 הגרסה הראשונה, אשר פותחה עבור מקינטוש בלבד.
1.2 מרץ 1998 הגרסה הראשונה שפותחה עבור חלונות
2.0 2.0 דצמבר 1998 כללה שיפורי ממשק, שיפורים בעורך ה-WYSIWYG ותמכה באינטגרציה עם עורכי קוד חיצוניים דוגמת HomeSite[4].
3.0 3.0 דצמבר 1999 תמיכה בעריכה מהירה של תגיות HTML ישירות מתוך עורך ה-WYSIWYG, יצירה ועיצוב של תבניות סגנון מבוססות HTML, אינטגרציה טובה יותר עם Fireworks, כלים לשיתוף פעולה בין מפתחים בשרת מרוחק[5].
UltraDev 1.0 דצמבר 1999 גרסה זו זהה למדי לגרסה 3 אך כללה מספר תוספות עבור שפות צד שרת כ-ASP, JSP ו-ColdFusion[6].
4.0 4.0 דצמבר 2000 תמיכה בתצוגת קוד מקור מלאה (בכל הגרסאות שקדמו לגרסה זו, תצוגת קוד המקור הייתה זמינה כחלונית קופצת או דרך עורך התגיות המהיר), ובתצוגה מפוצלת (עורך ויזואלי לצד קוד המקור).

תמיכה בניפוי שגיאות עבור שפת JavaScript. תמיכה ב-Layout mode עבור יצירה נוחה יותר של טבלאות במסמך. הוספת חלונית לניהול משאבי האתר (תמונות, קובצי קול, סרטונים וכדומה)[7].

UltraDev 4.0 דצמבר 2000 זהה לגרסה 4 אך עם הרחבות שסייעו למפתחי צד-שרת, בדומה לגרסת UltraDev 1.0.
6.0 MX 29 במאי 2002 הגרסה הראשונה שנתמכה באופן מלא בMac OS X[8].

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

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

אינטגרציה טובה יותר מול תוכנות מקרומדיה נוספות (פלאש ופיירוורקס)[9].

7.0 MX 2004 10 בספטמבר 2003 שיפורים בכלי העיצוב הוויזואלי ובפרט בעיצוב באמצעות CSS. שיפור האינטגרציה עם תוכנות מקרומדיה נוספות וכן עם תוכנות חיצוניות, הוספת אופציות התאמה של ממשק המשתמש עבור מעצבים או מתכנתים[10].
8.0 8 8 באוגוסט 2005 הגרסה האחרונה שפותחה על ידי מקרומדיה, ולאחר הרכישה על ידי אדובי, שווקה כחלק מ Creative Suite 2.3. הציגה שיפורים בעבודה מול XML ו-CSS וכן בעורך הוויזואלי[11].
אדובי 9.0 CS3 27 במרץ 2007 החליפה את GoLive של אדובי. החידוש העיקרי הוא הצגת סביבת עבודה בשם Spry לצורך עבודה מול רכיבי Ajax[12].
10 CS4 23 בספטמבר 2008 ראו רשימת שינויים כאן (זמינה במגוון שפות).
11 CS5 12 באפריל 2010 שיפורים בעריכת CSS ישירות מתוך העורך הוויזואלי, הוספת תמיכה בעבודה מול מערכות ניהול תוכן דוגמת ג'ומלה או וורדפרס, השלמה אוטומטית טובה יותר עבור PHP, ושינויים נוספים[13].
11.5 CS5.5 11 באפריל 2011 הוספת תמיכה ב-HTML5, CSS3, ב-jQuery עבור מובייל, ובפיתוח דפי אינטרנט שיוצגו בצורה מיטבית במכשירים ניידים מבוססי iOS או אנדרואיד[14].
12 CS6 21 באפריל 2012 הגרסה האחרונה שיצאה כמוצר עצמאי.
13 CC 17 ביוני 2013 החל מגרסה זו, התוכנה תהיה כלולה כחלק משירות הענן Creative Cloud בלבד ולא תהיה זמינה לרכישה בנפרד.
14 CC 2014 18 ביוני 2014 תמיכה בהצגה נוחה של אלמנטים במסמך על פי מודל DOM, שיפורים רבים בעורך הוויזואלי[15].
15 CC 2014.1 6 באוקטובר 2014 מסך פתיחה חדש, הוספת אפשרות של ייבוא נתוני עיצוב מתוכנות כמו פוטושופ אל המסמך, שיפורים נוספים בעורך הוויזואלי, תמיכה בארכיטקטורה של 64 סיביות[16].
16 CC 2015 16 ביוני 2015 תמיכה בעיצוב אתרים רספונסיבי, אינטגרציה עם סביבת העבודה Bootstrap[17].
17 CC 2017 2 בנובמבר 2016 עורך קוד משופר, תמיכה בהרחבות של CSS כמו Sass ו-LESS, תצוגה מקדימה "חיה" בדפדפן (כל שינוי שיישמר יהיה מוצג באופן מיידי בדפדפן כל עוד הוא פתוח), שיפורים בממשק המשתמש.

תמיכה בניהול גרסאות בעזרת Git (בגרסה 17.5)[18].

18 CC 2018 19 באוקטובר 2017 ראו רשימת שינויים כאן.
19 CC 2019 15 באוקטובר 2018 ראו רשימת שינויים כאן.
20 CC 2020 4 בנובמבר 2019 ראו רשימת שינויים כאן.
21 CC 2021 31 באוקטובר 2020 ראו רשימת שינויים כאן.

תוכנות מתחרותעריכה

קישורים חיצונייםעריכה

הערות שולייםעריכה

  1. ^ להבדיל מASP.NET, שהיא סביבת עבודה שניתן לכתוב דרכה בשפות כמו סי שארפ או VB
  2. ^ מירי פרידמן, דקל מועלם וטל ניניו, Dreamweaver MX - המדריך הרשמי המלא, פרק "עבודה עברית" עמ' 521 ואילך
  3. ^ Using Arabic and Hebrew text in Dreamweaver, באתר אדובי. המדריך תקף לגרסת CS6.
  4. ^ Macromedia Dreamweaver - What's new in 2.0, web.archive.org, ‏1999-04-29
  5. ^ Macromedia - Dreamweaver : Product info, web.archive.org
  6. ^ About Macromedia UltraDev, web.archive.org, ‏2000-08-15
  7. ^ Macromedia Dreamweaver New Features, web.archive.org, ‏2001-02-07
  8. ^ What's New in Dreamweaver MX, web.wellesley.edu
  9. ^ Macromedia - Dreamweaver MX : Product Overview, web.archive.org, ‏2002-08-02
  10. ^ Macromedia - Developer Center: Dreamweaver MX 2004 New Features and Benefits, web.archive.org, ‏2006-10-04
  11. ^ Macromedia - Dreamweaver 8, web.archive.org, ‏2005-08-10
  12. ^ Adobe - Dreamweaver CS3, Upgrade from Dreamweaver 8, MX 2004, 4, web.archive.org, ‏2007-04-08
  13. ^ web design, web interface design | Adobe Dreamweaver CS5, web.archive.org, ‏2010-04-15
  14. ^ Web design software, HTML editor | Adobe Dreamweaver CS5.5, web.archive.org, ‏2011-04-12
  15. ^ Learn what's new in Dreamweaver CC 2014, Adobe Help
  16. ^ Adobe Dreamweaver CC 2014.1 (October 2014), Adobe Help
  17. ^ What's New in Dreamweaver CC 2015?, Adobe Help Center
  18. ^ 2017 releases of Dreamweaver CC, Adobe Help Center