أدوبي دريمويفر سم مكعب الاستعراض والتقييم

كان بإمكان Adobe الاعتماد على أمجاده عند تحديث Dreamweaver إلى أحدث تجسيد له في خدمة Creative Cloud القائمة على الاشتراك باسم Dreamweaver CC. في تجسيده السابق كـ Dreamweaver CS6 ، وهو جزء من Adobe Suite Creative Suite 6 ، لم يكن محرر موقع الويب المتقدم من Adobe بالفعل منافسة جدية أو معدومة كأداة لإنشاء وصيانة مواقع الويب متعددة المنصات الحالية. على سبيل المثال ، قدم Dreamweaver CS6 تخطيطات ويب "الشبكة المرنة" الجاهزة للاستخدام التي تستخدم CSS لإعادة تشكيل صفحات الويب تلقائيًا وفقًا لحجم الشاشة ، مما يجعل من السهل إنشاء استخدام موقع واحد مع الهواتف والأجهزة اللوحية وسطح المكتب بدون المجمع CSS باليد الترميز المطلوبة سابقا.

يعمل Dreamweaver CC الجديد على تحسين ميزة الشبكة المرنة من خلال دعم العناصر الهيكلية لـ HTML5 مثل الأقسام والمقالات. ويضيف أيضًا أداة لتوفير الجهد على قدم المساواة ، وهو مصمم CSS جديد يستخدم واجهة رسومية تفاعلية لتعديل خصائص CSS مثل الظلال والزوايا المنحنية ، لذلك تحتاج فقط إلى النقر والسحب لتعديل شفرة CSS المعقدة أثناء رؤية النتائج في زمن. يتيح الدعم الكامل للخطوط المستندة إلى الويب - التي يتم تنزيلها من خوادم Adobe أثناء تحميل صفحة ما - سهولة إنشاء تصاميم جذابة. أيضًا ، مثل بقية مجموعة Creative Cloud ، يحصل Dreamweaver أيضًا على واجهة مبسطة وقابلة للتخصيص بسهولة أكبر ، ويعمل بنفس الطريقة مع كل من Windows و OS X.

برو وشبه برو

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

بدء نسج الأحلام

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

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

عندما تقوم بالتبديل بين أحجام الشاشة في نافذة تحرير Dreamweaver ، فإن محتوى موقعك يعيد ترتيب نفسه ليلائم العرض الذي حددته لنوع الشاشة المحدد ، ويمكنك استخدام لوحة CSS Designer لضبط الشكل والحجم والخصائص الأخرى من العناصر الفردية لتناسب أحجام الشاشة المختلفة.