برنامج Microsoft Expression Web .. بديل الفرونت بيج
 

بسم الله الرحمن الرحيم ،،
السلام عليكم و رحمة الله و بركاته ..

أكيد كلنا كمطورين للويب وكمصممين للمواقع استخدمنا ولو مرة واحدة فى حياتنا برنامج MICROSOFT Front Page خاصة الاصدارة 2003 منه ،

وفجأة كلنا لاحظنا اختفاء دعم مايكروسوفت لهذا البرنامج
وكلا كان له وجود
وظهر كبديل له برنامجين مقسمين فى مهامهم ومميزاتهم ..
الاول هو Microsoft Share Point .. وده مايهمناش
والاخر هو Microsoft Expression Web .. وهو ده مدار موضوعنا اليوم ،،

نستعرض خلال السطور القادمة
وجهة نظري المبدئيةو السريعة جدا
وتقرير بسيط عن برنامج Microsoft Expression Web من خلال استخدامي الاولي و السريع له ..
لمزيد من المعلومات
زر موقع البرنامج الرسمي
http://www.microsoft.com/expression/

http://www.up-eibda3.com/eibda3/mew/fasel.png

شعار البرنامج ،،

http://www.up-eibda3.com/eibda3/mew/icon.png

اولا لم يعجبني باي حال من الاحوال شعار البرنامج الذي اختارته مايكروسوفت
فعلي الرغم من التفوق الكبير الذي تميزت به مايكروسوفت خلال عامي 2006 و 2007 على صعيد الجرافيكس و الاهتمام الشكل ( كما تجلي هذا فى Office 2007 و Windows Vista )
الا ان التوفيق قد خانها الى حد كبير فى تصميماتها لهذا البرنامج


http://www.up-eibda3.com/eibda3/mew/box.png

حتي التصميمات التي اختارتها مايكروسوفت للباكيتس الخاصة بالبرنامج
غريبة بعض الشكل
وصراحة اجد انها غير معبرة باي شكل من الاشكال
عكس تصميماتها لمنتجاتها المكتبة لعام 2003 التي تميزت بتصميمات راقية جدا ..

كان هذا على الصعيد الشكلي الخارجي ،،
فماذا عن الشكل الداخل ؟؟


http://www.up-eibda3.com/eibda3/mew/fasel.png

عند فتحك للبرنامج للمرة الاولي ،،
يظهر لك شعار البرنامج ( العجيب ) ..

http://www.up-eibda3.com/eibda3/mew/logo.png


ومالاحظته من النظرة المبدئية
هي السرعة الكبيرة فى فتح البرنامج .. عكس قرنائه من النسخ القديمة ،،
وهي ميزة هامة جدا جدا،،
وهو مايفتقد له برنامج اخر هام وحيوي مثل Dream Weaver Cs الجديد التابع لادوبي ..


http://www.intranetjournal.com/artic...ressionWeb.jpg


اما عن الصعيد الشكلي للبرنامج
فقد جمعت مايكروسوفت فيه التالي ..
اسلوب ترتيب وعرض الصناديق الذي يتميز به برنامج Microsoft Visual Studio ..
اناقة استايل ال Office 2007
سهولة Office 2003 وميله للون الازرق الفيروزي الهادىء ..
ترتيب مايكروسوفت التقليدي لقوائمها الاولية .. Default Menus ،،

http://www.up-eibda3.com/eibda3/mew/fasel.png


التغلب على مشكلة المتصفحات الغير مدعومة ،،

http://www.up-eibda3.com/eibda3/mew/BrowserTest.png

اول ما أثار اعجاابي فى البرنامج الجديد ،،
هو قائمة استعراض العمل فى المتصفحات
كانت مايكروسوفت دائما وابدا عملها محدد للمتصفح الخاص بها Internet Explorer 6.0 و 7.0
لكنها هنا تخلت عن ( انانيتها )
البرنامج يحتوي على محرك ذكي
يقوم باكتشاف المتصفحات المنصبة على جهازك ،ن ويتم اضافتها تلقائيا الى قائمة الاستعراض بالبرنامج ،،
كما وضحت انا اعلاه .. بالاضافة الى انه يحدد لك حجم النافذة و الصفحة المفتوحة
وهو مايسمي ب Browser Resolution ،،

http://www.up-eibda3.com/eibda3/mew/fasel.png

التعرف على واجهة البرنامج ( وما الجديد ؟ ) ..

كما ذكرت من قبل
ان مايكروسوفت اهتمت بان يكون شكل البرنامج مشابه لواجهة Microsoft Visual Basic ..
نستطيع من هذا المنطلق ان نستشف نوايا مايكروسوفت نحو توحيد واجهات برامجها
حتي لايشعر المستخدم بالاختلاف
فبرامج التصميم
مثل برامج التطوير
مثل برامج البرمجة
مادامت كلها مطورة من قبل مايكروسوفت فلابد من تشابه شكلي واختلاف تقني
لنتعرف سويا على النوافذ الافتراضية المضافة و التي لم تكن تظهر فى الفرونت بيج ،،

http://www.up-eibda3.com/eibda3/mew/FolderLest.png


نافذة Folder List ،،

من النوافذ الهامة جدا و التي تمكنك من التحكم بمجلدات موقعك بكل سهولة
واضافة ملفات
وحذف ملفات
( سيميوليشن بسيط لل FTP )

http://www.up-eibda3.com/eibda3/mew/Styles-Sheets.png

نافذة التحكم فى ال Styles

وهي بشكل عام للتحكم و اضافة و مسح و تعديل استايلات للبرنامج و للصفحة التي يتم تطويرها ،،

من اكثر النوافذ التي نالت على اعجابي
وهي نوافذ التحكم فى ال Tag Properties و CSS Properties و Attributes

http://www.up-eibda3.com/eibda3/mew/TagProperties.png

ويعرف جيدا مستخدمي برنامج ومطوروا البرامج والمبرمجين خاصة بيئة الدوت نت
مدي اهمية وروعة هاتين النافذتين ،،
وصراحة انا اعتبرها نقلة نوعية رائعة لمايكروسوفت ..
وعلى الطريق الصحيح لاستغلال لغة ال HTML بدلا من الاساليب التي اعتبرها اساليب مبتدئين و التي تم استخدامها مسبقا فى الفرونت بيج ..

http://www.up-eibda3.com/eibda3/mew/VisualAids.png

Visual Aids _

للتحكم فى اظهار و اخفاء العديد من الامور التي لا نريد اظهارها او اخفاءها
مثل البوردرز .. كائنات ASP الغير مرئية .. الخ،،

http://www.up-eibda3.com/eibda3/mew/html-controls.png

نافذة HTML Controls ،،

وهي لاضافة كائنات ( Objects ) الخاصة بلغة ال HTML
وهي اضافة رائعة من مايكروسوفت .. لتسهيل العملية
التي كانت الي حد كبير اصعب مع الفرونت بيج 2003 وماسبقه ..

http://www.up-eibda3.com/eibda3/mew/fasel.png


مايكروسوفت و اهتمامها الكبير بلغة ال Asp . net ،،

نظرا لقوة لغة ال Asp وقوتها تستمدها من لغات البرمجة التي تدعمها
ولان مايكروسوفت هي من طورتها ..
فقد ظهر اهتمام كبير من مايكروسوفت بلغة ال Asp مع برنامج Microsoft Expression Web 2007
ويمكن ان نلمس هذا الاهتمام بوجود نافذة الاوبجيكتس الخاصة باللغة فى النافذة الاساسية للبرنامج ،،

http://www.up-eibda3.com/eibda3/mew/asp-Standard.png http://www.up-eibda3.com/eibda3/mew/...on-navigat.png

http://www.up-eibda3.com/eibda3/mew/...alControls.png http://www.up-eibda3.com/eibda3/mew/asp-login.png

http://www.up-eibda3.com/eibda3/mew/asp-webParts.png


بالاضافة للعديد و العديد من الامور الاخري
التي يمكن للمستخدم العادي لمسها من خلال المرة الاولي لفتحه البرنامج ..

http://www.up-eibda3.com/eibda3/mew/fasel.png

القوائم الجديدة او المحدثة ــ

من القوائم الجديدة اتلتي نراها للمرة الاولي ،،

قائمة Data View ،،

للتحكم فى البيانات سواء من قواعد بيانات او من خلال ملفات ال XML ،،

http://www.up-eibda3.com/eibda3/mew/DataView.png

وايضا قائمة Task Pane ــ

وهي للتحكم فى فى العمليات التي يقوم بها البرنامج
ولاظهار و اخفاء العديد من القوائم
وكان بديل هذه القائمة فى فرونت بيج 2003 .. نافذة باسم Task Pane
لكنها كانت على يمين البرنامج ..

http://www.up-eibda3.com/eibda3/mew/fasel.png

مايكروسوفت وسعيها نحو مزيد من المرونة واضفاء التميز ،،

http://www.up-eibda3.com/eibda3/mew/PageSiz.png


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

وكما نلاحظ ان مايكروسوفت راعت فروق التصفح و ال Resolution عند كل مستخدم و مستعرض للصفحة
فمن غير المعقول تصميم صفحة بابعاد 1024 × 768 في حين ان ابعاد الشاشة للمستخدم هي 1024 × 768 بالفعل ،، مما قد يسبب مشاكل للمتصفح والمستخدم على حد سواء
وهو ماراعته مايكروسوفت بالفعل من خلال التقليل التلقائي من طرفي الصفحة لمراعاة ابعاد شاشات المستخدمين ..

http://www.up-eibda3.com/eibda3/mew/PageTransition.png


لم تنس مايكروسوفت ايضا ان تضيف بعضا من التميز للعمل بسهولة
ومن ضمنها التغييرات التلقائية لحالة الصفحة او الموقع واضافة تاثيرات ( شبيهة بالتأثيرات الفلاشية ) مميزة جدا
كطريقة دخول الصفحة
او خروجها

وهو ماتضح جليا فى تبويب ،، Page Transitions

http://www.up-eibda3.com/eibda3/mew/TracingImage.png

نافذة Tracing Image ــ

لاضافة نافذة فى الخلفية و الحكم فى شفافيتها
ولعل هذه ميزة جديدة تضيفها مايكروسوفت تضاف الي رصيدها ...

http://www.up-eibda3.com/eibda3/mew/fasel.png


امور تقنية جديدة و تقليدية

من الامور التي شدت انتباهي فى النسخة الجديدة من برنامج

هي القواميس Dictionaries ..

http://www.up-eibda3.com/eibda3/mew/dictionary.png


لاحظت ان مايكروسوفت اتاحت قواميس لتصحيح الاخطاء الاملائية ب 3 لغات رئيبسية
الانجليزية باللهجات التالية ( الامريكية و الكندرية و الانجليزي .. الخ )
الاسبانية باللهجات التالية ( اسبانيا والمكسيك والاكوادور .. الخ )
الفرنسية باكثر من 12 لهجة اخري
مع امكانية اضافة قواميس اخري من اعداد المستخدم فى ملف Text بسيط ..
( هناك مشروع اعمل عليه حاليا لانتاج قاموس عربي 100% للبرنامج )
وصراحة هذه اللغات تحديدا اثارت اسئلة كثيرة لدي
لماذا الاسبانية و الفرنسية تحديدا ..؟

من الامور الجديدة ايضا هي Optimize Html ..

http://www.up-eibda3.com/eibda3/mew/optimizehtml.png


لجعل لغة ال HTML أكثر سهولة ومرونة وقوة من ذي قبل ..

ايضا نافذة Behavior ..
http://www.up-eibda3.com/eibda3/mew/behavior.png


لاضافة اوامر Advanced للصفحة ..

http://www.up-eibda3.com/eibda3/mew/fasel.png

بكده تكون انتهت ملحوظاتي بخصوص برنامج Microsoft Expression Web 2007 ،،

رابط التحميل للبرنامج من هنا ..
http://www.up-eibda3.com/eibda3/Micr...ession-Web.zip

باسوورد فك الضغط : www.eibda3.com
الحجم : 192 ميجا ..

http://www.up-eibda3.com/eibda3/mew/fasel.png

القناص

بارك الله فيك

انته دائماً تمتعنا بأجمل البرامج

ننتظر الجديد

شكرا وجزاك الله خير

شكرا جزيلا

شكرا
 

شكرا جزيلا

شكراً جزيلاً، موضوع مفيد ورائع جداً، فبارك الله فيك

ألف شكككككككككككككككككككر

شششششششششككككككررررراااااا على المجهود الرائع

عمل ومجهود رائع يستحق التقدير والاعجاب جاري الاطلاع بعد الرد على الموضوع تقبل تحياتي

رد: برنامج Microsoft Expression Web .. بديل الفرونت بيج
 

مشكوووووور

رد: برنامج Microsoft Expression Web .. بديل الفرونت بيج
 

شكراااااااااا

رد: برنامج Microsoft Expression Web .. بديل الفرونت بيج
 

مشكوووووووووووووووووووور

رد: برنامج Microsoft Expression Web .. بديل الفرونت بيج
 

شكراااااااااااااااا