أدوبي دريمويفر CS6 مراجعة وتقييم

لقد سيطر Adobe Dreamweaver (399.99 دولارًا ؛ ترقية 199.00 دولارًا مباشرًا) على حقل تحرير الويب لفترة أطول مما يتذكره معظم الناس ، ولكن في السنوات القليلة الماضية بدا أنه على استعداد لتجاوز سمعته ، حيث يقدم ترقيات جديرة ولكن غير مقنعة مع كل إصدار حديث.. إصدار Dreamweaver CS6 مختلف. إنها ترقية أساسية لأي شخص يريد إنشاء صفحات ويب أو تطبيقات تتكيف تلقائيًا عند عرضها في مستعرض ويب على هاتف أو جهاز لوحي أو مستعرض على كمبيوتر محمول أو سطح مكتب. على مدار الأعوام القليلة الماضية ، كنت أقوم بمعظم تصميم الويب الخاص بي في Microsoft Expression Web النظيفة والكفؤة وغير المنشورة ، ولكن Dreamweaver CS6 هو أول محرر ويب مصمم لعصر الأنظمة الأساسية المتعددة ، مع دعم كامل لـ HTML5 و CSS3. مثل بقية مجموعة CS6 ، يستهدف Dreamweaver المهنيين الذين يرغبون في تسلق منحنى التعلم الحاد ، لكن حتى المبرمجين في بعض الأحيان يمكنهم استخدامه لإنشاء مواقع رائعة المظهر.

ما هو الجديد؟

الميزات الجديدة الكبيرة في Dreamweaver هي هذه. الأول هو "تخطيطات الشبكة المرنة" التي تتيح لك تحديد كيفية ترتيب عناصر الصفحة بدقة عند عرض موقعك على هاتف بشاشة صغيرة أو جهاز لوحي متوسط ​​الحجم أو سطح مكتب بملء الشاشة. (استمر في القراءة للحصول على مزيد من التفاصيل حول هذا الموضوع.) التالي هو دعم مدمج لـ PhoneGap Build ، وهو نظام أساسي مفتوح المصدر يجعل من السهل إنشاء تطبيق واحد يستند إلى الويب يعمل على منصات هاتف متعددة. قام Dreamweaver أيضًا بتحسين تكامله مع Query Mobile ، وهي عبارة عن نظام أساسي يستند إلى JavaScript لإنشاء تطبيقات للهاتف والكمبيوتر اللوحي تعتمد على المستعرض. يتم الآن دعم CSS Transitions - النظير القائم على الويب للتحولات في تطبيقات العروض التقديمية التقليدية - من خلال واجهة سهلة الاستخدام بشكل معقول.

حسّن Adobe الدقة والمرونة لمعاينة Dreamweaver "Live" ، وحسّن لوحة المعاينة "متعددة الشاشات" التي تظهر شكل صفحتك في أحجام شاشة الهاتف والجهاز اللوحي وشاشة سطح المكتب. يتيح "مختبر المستعرض" على الإنترنت من Adobe اختبار صفحاتك على الأنظمة الأساسية للمستعرضات الأقدم ، على الرغم من أن ميزة SuperPreview القابلة للمقارنة من Microsoft توفر خيارًا أوسع من المتصفحات القديمة والجديدة للاختبار فيها.

ميزة Dreamweaver الأخرى التي أردتها لسنوات ، والتي يذكرها Adobe بالكاد في العلاقات العامة الخاصة به ، هي دعم خط ويب مدمج من خلال مربع حوار بسيط يتيح لك تثبيت الخطوط على خادم الويب الخاص بك حتى تتمكن من استخدامها على صفحاتك ؛ كان هذا ممكنًا دائمًا من خلال الترميز اليدوي الشاق ولكن Dreamweaver يجعل الأمر سهلاً. تتضمن التحسينات الأخرى التي يسعدني رؤيتها وحدة FTP مجددة بالكامل وسريعة مع دعم كامل للبروتوكولات الآمنة. يضمن الدعم المدمج لأداة التحقق من صحة صفحات W3C Consortium الامتثال الكامل لمعايير الويب الحالية.

الميزة الجديدة الأكثر إثارة في Dreamweaver هي دعمها لـ "تخطيطات الشبكة المرنة" ، مما يعني أنها تنشئ صفحات منظمة وفقًا لشبكة أساسية غير مرئية تتغير وفقًا لحجم الشاشة. تقوم عناصر النص والرسومات على الصفحة تلقائيًا بإعادة ضبط موضعها عند عرض الصفحة على الهاتف أو الجهاز اللوحي أو سطح المكتب. اضطررت إلى مشاهدة فيديو توضيحي (يمكن الوصول إليه من قائمة فتح Dreamweaver) لاكتشافه ، ولكن بعد ذلك أصبح الأمر سهلاً.

يمكنك إنشاء تخطيط شبكة سائلة من خلال استهداف ثلاثة أحجام للشاشة: الهاتف والكمبيوتر اللوحي وسطح المكتب. أولاً ، تقوم بترتيب عناصر الصفحة كما تريد أن تنظر إلى حجم شاشة واحدة ، مع كل عنصر محاذي لشبكة الخلفية غير المرئية. ثم تنقر فوق رمز للتبديل إلى حجم شاشة مختلف ، وترتيب العناصر بطريقة مختلفة على الشبكة. لذلك ، على سبيل المثال ، سيعرض الهاتف صفحتك بالكامل في عمود واحد مع قائمة التنقل المنسدلة في الأعلى ، بينما يعرض الكمبيوتر اللوحي أجزاء من الصفحة في ثلاثة أعمدة ، مع شريط تنقل واسع في الأعلى. ينتقل CSS الأساسي تلقائيًا بين التنسيقات وفقًا لحجم شاشة الجهاز الذي يعرض الصفحة. تتيح لك لوحة المعاينة متعددة الشاشات تغيير أي من أحجام الشاشة المدمجة الثلاثة أو جميعها ، حتى تتمكن من اختبار الطريقة التي ستعمل بها شبكة السوائل بأي حجم تريده.

فلاش التكامل

كما هو متوقع ، يتم دمج Dreamweaver بإحكام مع تنسيق Adobe's Flash. ولكن إذا كنت تعمل على تطوير نظام iOS ، فلن تتمكن من استخدام Flash في تطبيقاتك أو صفحات الويب ، إلا إذا اشتريت Adobe Flash Server $ 4،500 لتدفق Flash بطريقة تسمح بها iOS. اسمح لي Dreamweaver بإسقاط مقطع فيديو Flash في صفحات الويب الخاصة بي دون حدوث أي عراقيل مع وجود الكثير من خيارات التخطيط ، ولكن عندما حاولت إضافة فيديو HTML5 إلى صفحتي ، كان عليّ أن أكتشف بنفسي أنني بحاجة إلى تنزيل فيديو HTML5 وتثبيته " القطعة "ثم قم بتعديل رمز القطعة باليد.

واجهه المستخدم

مثل بقية واجهة Adobe Suite في Creative Suite Dreamweaver ، توجد مجموعة من اللوحات و "مجموعات علامات التبويب" وأشرطة الأدوات التي تستغرق وقتًا لتعتاد عليها. بخلاف بقية المجموعة ، التي تستخدم واجهة رسومية لتحرير الكائنات الرسومية مثل الرسوم المتحركة والصور والرسوم التوضيحية والصفحات المطبوعة ، تعد واجهة الرسوم في Dreamweaver عبارة عن مجموعة من الأدوات لتحرير HTML HTML و CSS و JavaScript وغيرها من التعليمات البرمجية المستندة إلى النصوص. في معظم الأوقات ، يمكنك استخدام أحد الأزرار والقوائم المستندة إلى GUI في Dreamweaver لتعديل التعليمات البرمجية الأساسية ، ولكن في بعض الأحيان لا يمكنك ذلك وهذا يعني الحصول على يديك متسخة أثناء تحرير الشفرة مباشرةً. هذا أمر جيد إذا كنت تعرف كيفية تحرير التعليمات البرمجية الخام ، محبطة إذا كنت لا تعرف ذلك. في بعض الأحيان ، خاصةً أثناء العمل مع ميزة شبكة تخطيط الموائع الجديدة ، تخليت عن محاولة العثور على قائمة أو شريط أدوات لتعديل تفاصيل المخطط ، واضطررت إلى البحث عن طريق الكود الخام لإجراء التغيير. من الواضح أن ميزة شبكة تخطيط الموائع تعمل بشكل مستمر ، والإصدارات المستقبلية ستجعل هذا النوع من الأمور أسهل ، لكن يجب أن تكون مستعدًا لبعض الإحباطات البسيطة في الإصدار الأول في الوقت الحالي.

المرونة القصوى

بالنسبة لتحرير HTML و CSS الأساسي ، ما زلت أميل إلى تفضيل Microsoft Expression Web 4 ، لكن Expression Web يعمل فقط على Windows ، بينما تعمل تطبيقات Adobe بشكل أو بآخر على أجهزة Windows و Mac. أيضًا ، يعد Dreamweaver CS6 بلا شك الأداة الأولى والوحيدة لبناء الويب التي تعمل بسلاسة وقدرة في عالم متعدد المنصات الجديد. إنها ذات حواف خشنة ، لكن Adobe Dreamweaver CS6 يتمتع أيضًا بمزيد من القوة والمرونة أكثر من أي شيء آخر في فئته ، ويستحق اختيار المحرر لدينا.

المزيد من برامج الصور والفيديو والرسومات:

• ماجكس فيلم تحرير برو بريميوم

• فيغاس موفي ستوديو بلاتينيوم

• عناصر برنامج Adobe Premiere

• بيناكل ستوديو في نهاية المطاف

• أبل Final Cut Pro X

• أكثر