[FanZan]

مشكورين اخوانى والله على تثبيت الموضوع الامر الذى دعانى الى اكماله بترجمه الشرح المصور للويب 2.0


الويب 2.0 هى الاصداره الجديده لمواقع الويب و التى تجعل هذه المواقع اكثر اثاره و بساطه و فائده وذلك بتصميمها تصميم
يتوافق مع الويب 2.0 و الويب 2.0 لا تغير فقط الشكل اخارجى للمحتوى ولاكن يمتد ذلك الى تغيير شامل فى صناعه المحتوى
و تغيير شامل فى طرق البرمجه و لكى يمكنك ان تتخيل ما هو الويب 2.0 انظر الى الصور التاليه



و الان نحن سنشرح ستايل الويب 2.0 خطوه بخطوه , و يمكنك عبر ذلك الشرح ان تجد العديد من الخامات التى تساعدك على

عمل ستايل ويب 2.0 خاص بك

الخطوط الرئيسيه


البساطه Simplicity :

و يجب ان تكون مواقع الويب 2.0 متميزه بالبساطه و خاليه من الاشكال الكبيره التى تتواجد بلا فائده بقليل من المحتويات (

للتصميم وليس الموقع) و القليل من الصور و بالطبع الخطوط الكبيره التى تحدثنا عنها سابقا , انظر الى الصور التايه لتساعدك

على تخيل البساطه فى التصميم










توسيط المحتوى Centralized Contents :

و محتوى الصفحات يجب ان يكون فى منتصف الصفحه مثل الامثله التاليه , فيمكنك هنا ان ترى المحتوى فى المنتصف و يحيط به
خلفيه الصفحه من الجانبان








شريط القوائم Navigation :

و الشريط الافقى هو الذى ينصح به غالبا فيما يخص القوائم لستيلات الويب 2.0 و يجب ان تكون ذات خطوط كبيره وواضحه جدا









الخلفيات Backgrounds :

و خلفيات الويب 2.0 لها عده اشكال فقد تكون تلك الخلفيات ذات الوان متدرجه , او على شكل شرائط (خطوط)





استخدم الفوتوشوب لصناعه الخلفيات المتدرجه او على شكل شرائط عبر الدروس التاليه





الانعكاسات Reflections :

ومن اساسيات الويب 2.0 هى صناعه انعكاسات للصور المستخدمه , انظر الى الصور التاليه







دروس صناعه الانعكاسات عن طريق الفوتوشوب
اذا كنت لا تعرف الفوتوشوب استخدم صانع شعارات الويب 2.0






الاطراف المستديره Round Corners:

و الشكل الجديد فى الاطراف هى ان تكون مستديره سواء فى محتويات الموقع او فى الازرار





يمكنك استخدام الفوتوشوب لصناعه الاطراف المستديره او استخدم صانع الاطراف المستديره






الصور المضيئه lightbox:

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



يمكنك استخدام مرجع lightbox لصناعه الصور المضيئه






اجاكسس Ajax :

عندما نتحدث عن الويب 2.0 فاننا فى الغالب نتحدث عن الاجكسس , فتكنولوجيا الاجكسس تجعل الموقع فى الغالب اكثر

فائده , وجاذبيه و سرعه .



يمكنك استخدام دليل المبتداين فى الاجكسس





مواقع التدوين bookmarking :

قد لا تكون هذه المواقع مستخدمه بصفه كبيره فى العالم العربى ولكن يبقى لها اهميتها ايضا و يجب ذكرها بذكر ويب 2.0 ,

وتمكن هذه المواقع زوارك من اضافه موقعك الى مجموعتهم المفضله فى اى موقع مثل digg, delicious ,

reddit



و يمكنك ان تقرا المذيد عن تلك الخدمات هنـــــــــا






الخطوط الكبيره large fonts :

استخدم دائما الخطوط الكبيره فى تصميمات الويب 2.0



استخدم خطوط الويب 2.0 لكى تختار خطوط جيده لموقعك وشعاره






الالوان القويه strong colors :

استخدم الالوان القويه فى تصميمات الويب 2.0



مجموعه الوان الويب 2.0اختار لونك المفضل من الوان الويب 2.0