اخوانى فى البدايه كنت بعرض ستايل للبيع على صفحات الويب العربى
و هذا الاستيل بتكنولوجيا الويب 2.0 و دخل الاخ star services معى فى نقاش حول الويب 2.0
و رغم ان النقاش كان حاد بعض الشئ ولكن حبيت الكل يستفيد منه
و الموضوع الاصلى هـــــــــــنا للى يحب يشوف الكلام كاملا بس انا وضعت هنا الكلام اللى يفيد بس بدون الردود اللى تخص الاستيل
هذا هو كلامى فى البدايه
لويب تو يعتمد على التالى باختصار
1- الخطوط الكبيره نسبيا و التى تتيح للمستخدم قراه محتويات الموقع بسهوله دون ان يكون شكل الموقع سئ
2- الشعارات الجديده و التى تحتمل انعكاسات اضائه
3- انعكاسات الازرار و المحتويات الخاصه بالموقع على الموقع مثل الانعكاسات التى تشبه انعكاسات المرأه
4- صغر حجم الصور الى درجه كبيره للغايه و حيث تقل معضم احجام الصور بشكل كبير جدا مع الاعتماد على السى اس اس فى تكرارها للحصول على الشكل المطلوب
5- الاعتماد على الايكونات الكبيره التى تعبر عن المغذى الذى تريد توصيله للمستخدم مما يتيح البساطه فى الاستخدام و الوضوح للمستخدمين الذين لا يجيدون لغه موقعك
6- الاعتماد على الاشكال الدائريه فى التصميمات و الازرار و و تدرج الالوان الذى يعطى نوع من التجسيم
و طبعا الاخ star services رد على الرد التالى
أنا يالي راح أفهمك بإختصار ماهو الويب 2.0
في الحقيقة لا يوجد تعريف واضح للويب 2.0 متفق عليه و لهذا قد يطلق على موقع ما أنه من مواقع ويب 2.0 و لا يطلق المسمى على موقع آخر شبيه به . أو قد تجد من قد يطلق على موقع (س) أنه موقع ويب 2.0 و تجد شخصا آخر يخالفه في ذلك. و من خلال هذا المقال إن شاء الله سوف نحاول أن نوضح المعالم الرئيسة لهذا المصطلح أو الظاهرة إن صح التعبير.
كان أول ظهور لهذا المصطلح في سلسلة من الاجتماعات التسويقية عام 2004 لشركتي O’Reilly Media و MediaLive ليصف جيلا جديدا من مواقع و خدمات الانترنت التي تتيح للمستخدمين المشاركة و التعاون بأشكال و صور غير مسبوقة.
بالنظر في العديد من التعريفات و المقالات التي كتبت في هذا الموضوع أستطيع أن أقول حول تحديد ماهية الويب 2.0 أنها جيل جديد من مواقع الانترنت يتميز ببعض أو أحد الصفات التالية:
- يقدم الموقع خدمات اجتماعية و شبكات اجتماعية لربط مستخدمي الموقع (حسب الموقع الجغرافي ، حسب الاهتمام ، حسب الفئة العمرية… الخ) مثال على ذلك موقع linkedin الذي يربط المستخدمين حسب المعرفة و علاقات العمل ليكوّن كل مستخدم شبكة ممتدة من المعارف و زملاء العمل و العلاقات المرتبطة بعمله. مثال آخر مشهور غربيّا MySpace و المخصص للمراهقين و علاقاتهم الاجتماعية
- يقدم الموقع تجربة استخدام غنية شبيهة تماما بالبرامج المكتبية على جهاز الحاسوب الشخصي بدون الحاجة لإعادة تحميل الصفحات و الانتظار لوقت طويل أو استخدام برامج إضافية و أشهر مثال على ذلك Google Maps و Writely و هذا الأخير عبارة عن برنامج معالجة نصوص متكامل شبيه بمايكروسوفت وورد لكنه عن طريق الانترنت يعطيك الإحساس أنه يعمل على جهازك مباشرة بكثرة خصائصه و عدم تحميل الصفحة في كل مرة تنفذ عملية ما.
- غالبا ما يكون المستخدم هو من يملك المحتوى و يتحكم فيه ، و تقوم هذه المواقع عادة على هيكلية تعتمد اعتماد رئيس على المشاركة. فالمستخدم هو من يزود الموقع بالمحتوى و هو من يتحكم فيه و يضيف للموقع قيمة مضافة . و بدون هذه المشاركة و التعاون يصبح الموقع لا شئ. مثال على ذلك موقع الموسوعة المشهورة Wikipedia و الذي يمتلئ بملايين الصفحات من المعلومات الموسوعية كلها من كتابة و إضافة و تحرير مستخدمي الموقع الذين يحررونه و يقررون المناسب للظهور و الغير مناسب لذلك و لا تتدخل إدارة الموقع التي لا تتجاوز 5 أشخاص في المحتوى.
من المميزات الأخرى التي قد تراها أيضا في الكثير من مواقع الويب 2.0
- استخدام تقنية الـ Ajax و هي طريقة لتحديث محتويات الصفحة أو جزء منها باستخدام الـ JavaScript بدون الحاجة لإعادة تحميل الصفحة من جديد و هي تستخدم لعمل مواقع شبيهة بالتطبيقات المكتبية كما ذكر سابقا. و أشهر من استخدم هذه التقنية و شهرها هي Google.
- استخدام الكلمات المفتاحية أو ما يعرف بالـ Tags التي يضيفها المستخدم كما يراه مناسبا لتصنيف المحتويات بدلا من الأقسام المعرّفة مسبقا من قبل إدارة الموقع.
هل كل هذا متواجد في استايك حتى يكون أول استايل عربي للفي بليوتن بتكنولوجيا الـويب 2.0 ؟؟؟
طبعا الكلام رد على كلامى
ثم العمل بالنصيحة وعنجد استفدت كتير من كلامي مع حضرتك ويارب تستفيد أكتر من خبرة حضرتك وماتكون انزعجت من مشاركتي والله اني تعبت في كتابة الرد هذا بس لاني حابيت اعرف أكتر عن الموضوع وكمان حابيت اوصل المعلومة لاشخاص مثلي لا يعرفون الـ تكنولوجيا الويب 2.0 وقد يمعون عناه لأول مرة في موضوعك وأعيد وأكررها تصميمك روعة في قمة الإبداع ما عليه مشاكل بس الكلام كله عن تكنولوجيا الويب 2.0 وهذا باحتصار ما فهمته ::
الويب 2.0 هو جيل جديد من مواقع الانترنت يقدم خدمات عديده منها :
1ـ خدمات اجتماعية و شبكات اجتماعية .
2ـ يربط المستخدمين حسب المعرفة و علاقات العمل .
3ـ يقدم الموقع تجربة استخدام غنية شبيهة تماما بالبرامج المكتبية على جهاز الحاسوب الشخصي بدون الحاجة لإعادة تحميل الصفحات و الانتظار لوقت طويل .
4ـ استخدام تقنية الـ Ajax .
5ـ استخدام الكلمات المفتاحية أو ما يعرف بالـ Tags .
6ـ استخدام الـ XHTML و CSS بدلا من الـ HTML لتوصيف الصفحات .
7ـ استخدام الـ RSS بدلا من النشرات البريدية للتواصل مع الزوار و إبلاغهم بتحديثات الموقع.
8ـ استخدام البروتوكولات REST و SOAP للوصول للخدمات التي يقدمها الموقع أو للربط بها.
وأخيرا >> تصميم الصفحات بسيط مع استخدام خطوط كبيرة الحجم و الكثير من المساحات البيضاء و استخدام المربعات الملونة ذات الحواف الدائرية و استخدام التدرّجات اللونية بكثرة
ورديت انا مره اخرى
مثلا موضوع تكرار الصور اللى حضرتك اتكلمت عنه هو فعلا موضوع بسيط و ممكن اى اح يستخدمه للجداول مثلا و شروحات الفى بى اللى هتلاقيها فى جميع المواقع تذكر هذا بالفعل اما اخى اللى انا اقصده او استعملها عن كريق السى اس اس و اللى بيقدر يخليك تتحكم فيها بطريقه عمرك ما تقدر تعملها عن طريق الفرونت بيج مثلا
اما اخى عن موضوع الخطوط الكبيره فانا هعطيك مثال صغير فى موقع من اساتذه الويب 2.0 http://technorati.com/
هذا الموقع يندرج فيه مقالات لاكثلر من نصف الكره الارضيه و يعتبر من المواقع ذات الشهره العالميه و ان لم يكن مشهور على النطاق العربى
ادخل اخى عليه و شوف احجام الخطوط و كيف يستخدمونها و يخصصونها
اما اخى بشان موضوع الانعكاسات و الشعارات اللى ما تعجبك برضوا ممكن تشاهد هذا الموضوع عن عمل بنر للويب 2.0 بالفوتوشوب http://www.photoshoplab.com/web20-design-kit.html
الشرح فى قمه الروعه و ارجوا ان يستفيد منه اعضاء الويب
اما اخى لو كنت تتكلم عن الاستداره انا ممكن افيدك برضوا فى هذا الموضوع http://www.photoshoplab.com/web-20-d...it-part-2.html
هذه تكمله الجذء الاول من الشرح انظر فى اخره هتفهم قصدى مع العلم ان الموضوعين يناقشون من الاساس الويب 2.0
و اخيرا و علشان اكون عملت اللى على ممكن الكل يشاهد الروابط التاليه
و اخيرا يا جماعه اود ان اشكر الاخ star services لان لولاه ما كان الموضوع
و تكنولوجيا الويب 2.0 الخاصه بالتصميم هى جديده نوع ما و نرجوا ان ياخذ العرب وضعهم فيها حتى لا نكون نحن دائما اخر من يستفيد من التطور التكنولوجى فى المجالات المختلفه
و اللى عندوا شئ يضيفه علشان يكون نقاش جاد ومصول عن الويب 2.0
مشكورين اخوانى والله على تثبيت الموضوع الامر الذى دعانى الى اكماله بترجمه الشرح المصور للويب 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 web
النمط المتتابع
