مدونة الويب 2.0

  • الرئيسية
  • تعريف بالمدونة
  • المصادر
  • تواصل معي
  • أخبار المدونة
  • أفكار
  • إضافات
  • برمجة
  • تصميم
  • تطوير
  • فعاليات
  • كتب
  • لقاءات
  • مدونات عربية
  • مشاريع
  • مهمات
  • مواقع

كيف يكون موقعي من مواقع الويب 2.0

July 23, 2008 - الأربعاء 21 رجب 1429 التصنيف: تصميم

بسم الله الرحمن الرحيم،

آخر تدوينة من سلسلة تحدي البداية القوية

هذه التدوينة شاركت بها أيضاً بمسابقة المدون الكبير محمد سعيد أحجيوج

كيف يكون موقعي من مواقع الويب 2.0

ماهو الويب 2.0؟

يعتبر الجيل الثاني من المواقع الإلكترونية التي ظهرت في منتصف التسعينات، وهو مصطلح يطلق على المواقع الإلكترونية التي تحتوي على الميزات التالية:

1- التفاعل مع الزوار وأشهر أمثلتها تعليقات الزوار في المنتديات ومشاركات المستخدمين في المنتديات.

2- تتمتع مواقع الويب 2.0 بحجم خفيف ومظهر جميل يعتمد في تصميمه بشكل كامل على الـ CSS.

3- التقيد بالمعايير العالمية في تصميم الموقع (W3C)1 لضمان توافقية عالية مع كل المتصفحات.

4- من الناحية التقنية يعتمد على تقنيات حديثة أهمها الأجاكس (AJAX) و (RSS).

بدأ ظهور مفهوم الويب 2.0 في بدايات الـ 2004 وسرعان ما انتشر هذا المفهوم انتشار النار في الهشيم وبدأت مواقع الويب 2.0 بالظهور بشكل ملفت للنظر، وهنا يجب التنويه إلى أن عالمنا العربي نادراً ماتجد فيه هذا النوع من المواقع (نستثني من هذا الأنظمة الجاهزة كالمدونات والمنتديات وأنظمة إدارة المحتوى).

إذن ما هي الخطوات الواجب اتباعها لكي أجعل موقعي من مواقع الويب 2.0؟

يوجد محوريين رئيسيين للتغيير بهما وهما التصميم والبرمجة:

· من ناحية التصميم:

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

ستحتاج لقراءة كتاب أو أكثر عن CSS حتى تتعلم أساسياتها. ومن ثم تعمل على تحويل الجداول وخلاياها لحاويات تسمى div. طبعاً على المدى القريب ستعاني كثيراً وربما ستفكر بالتخلي عن الويب 2.0 لكن عندما تنظر لحسناته ستعيد التفكير في هذا الأمر وبعد مدة سيصبح مستواك جيداً في الـ CSS وستعتاد عليه ولن تفكر بالرجوع أبداً للجداول.

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

أيضاً عليك بتجريب موقعك على أشهر المتصفحات للتأكد من أنه التصميم واحد في كل المتصفحات. الاختبار الأصعب هو تجريبه على Internet Explorer نظراً لعدم احترامه للمعايير العالمية، حاول قدر الإمكان أن تجعله يعطي تصميماً صحيحاً فجمهورك يستخدم جميع المتصفحات ولايمكنك إهمال أيٍ منها.

دعونا نأخذ بعض الأمثلة التصميمية:

1- الزوايا الدائرية2

الزوايا الدائرية

الزوايا الدائرية

2- مستطيل الطلب المنسق3

المستطيل المنسق

المستطيل المنسق

3- الجداول المتناوبة الألوان4

الجداول المتناوبة الألوان

الجداول المتناوبة الألوان

· من ناحية البرمجة:

البرمجة لا تقل أهمية عن التصميم … لكن بما أنها الجانب الغير مرئي من الموقع لذلك لايتم الانتباه إليها كثيراً.

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

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

هذه كانت جولة سريعة في تقنيات الويب 2.0 ولايمكن حصر هذا الموضوع بمقال أو كتاب فهو موضوع كبير وينمو بشكل سريع كل يوم. فالأفضل البقاء مطلعاً على هذه التقنيات من مصادر مختلفة5.

http://w3c.org

1.

http://www.cssjuice.com/25-rounded-corners-techniques-with-css/

2.

http://www.noupe.com/css/47-excellent-ajax-css-forms.html

3.

http://validweb.nl/artikelen/javascript/better-zebra-tables/

4.

http://cssbit.com , http://noupe.com

5.

شارك هذه التدوينة:
إضافة 'كيف يكون موقعي من مواقع الويب 2.0' إلى Del.icio.usإضافة 'كيف يكون موقعي من مواقع الويب 2.0' إلى diggإضافة 'كيف يكون موقعي من مواقع الويب 2.0' إلى Technoratiإضافة 'كيف يكون موقعي من مواقع الويب 2.0' إلى Stumble Uponإضافة 'كيف يكون موقعي من مواقع الويب 2.0' إلى Google Bookmarksإضافة 'كيف يكون موقعي من مواقع الويب 2.0' إلى FaceBookإضافة 'كيف يكون موقعي من مواقع الويب 2.0' إلى MySpaceإضافة 'كيف يكون موقعي من مواقع الويب 2.0' إلى Twitterإضافة 'كيف يكون موقعي من مواقع الويب 2.0' إلى FriendFeed
الوسوم: برمجة, تصميم, تكتيك, نصائح
أرسل هذه التدوينة لصديق أرسل هذه التدوينة لصديق
طباعة هذه التدوينة طباعة هذه التدوينة

    إقرأ أيضاً:

    • أخطاء يرتكبها مطوروا المواقع
    • تنقيح الكود باستخدام PDT + Xdebug
    • كيف تحسن مستوى فريقك البرمجي
    • كيف تحسن مستواك البرمجي
    • تنظيم الوقت البرمجي

7 تعليق في “كيف يكون موقعي من مواقع الويب 2.0”

  1. روابط 1 « Technology is life style: July 23, 2008 - الأربعاء 21 رجب 1429 في 5:11 م

    [...] كيف يكون موقعي من مواقع الويب 2.0 [...]


  2. LibyanDEVeloper: July 23, 2008 - الأربعاء 21 رجب 1429 في 9:03 م

    في الحقيقة لا أملك أي تعقيب عمّا ذكرت ، ولكني بعدما قرأت التدوينة واستفدت منها ، لم أشأ أن أذهب بدون كلمة شكر :)


  3. Khaled: July 23, 2008 - الأربعاء 21 رجب 1429 في 9:14 م

    جزاك الله خيراً دعوة صالحة منك تكفي


  4. إحسان: August 8, 2008 - الجمعة 06 شعبان 1429 في 8:33 م

    السلام عليكم

    شكرًا لمقالك .

    يختلف المطورون كثيرًا حول تحديد خصائص معينة لمواقع ويب2 ، وحيث ذكرت أنت بأنَّ أنظمة إدارة المحتوى لا تصنف ضمن ويب 2 ، فإني قرأت مقالاً آخر يصنفها في ويب1 ، ويستثني منها أنظمة الـWiki !.

    يمكن القول بأن الـCMS تصنف ضمن ويب2 إذا ما اتصفت بخصائص الويب2 – وجلها تقريبًا تتصف بها – .

    لدي سؤال أخي الكريم إذا تركمت :

    * ظهور ويب2 ، هل يعتبر تطوير أدى إلى ظهور جيل جديد من المواقع ، أم إلى تصنيفٍ جديد منها ، بمعنى : هل ستموت مواقع الويب1 بعد زمن لظهور جيل الويب2 ؟!.. إذا تجاهلنا فكرة أنَّ بعض مواقع ويب2 كانت موجودة قبل ظهور هذا المصطلح .

    كل الشكر لك والتقدير


  5. خالد: August 9, 2008 - السبت 07 شعبان 1429 في 12:09 ص

    هو بالأصل كان تصنيف جديد … لفت النظر إليه أثناء اجتماع O’Reilly وبعدها تواصلت التطورات الطبيعية لتقنيات الإنترنت ولم يكن الويب 2 هو سبب ظهورها بل كان تسمية لها … حيث كلما ظهرت تقنية جديدة أصبح استخدامها يدل على أن المطور ملاحق للويب 2.0

    بالأخير هي تسمية فقط وليست تقنية ما … هي عبارة عن تقنيات وأفكار منها واهمها المشاركة الجماعية … وعندما فطن الناس لأهمية مشاركة الجميع في المحتويات ظهرت آلاف المواقع منها digg و delicious و twiter وكلها تعتمد على التشاركية والاجتماعية بدل أن يكون المحتوى جافاً جامداً


  6. links for 2008-08-19 « Free Open Source Directory: August 20, 2008 - الأربعاء 18 شعبان 1429 في 4:32 ص

    [...] كيف يكون موقعي من مواقع الويب 2.0 | مدونة الويب 2.0 كيف يكون موقعي من مواقع الويب 2.0 ماهو الويب 2.0؟ يعتبر الجيل الثاني من المواقع الإلكترونية التي ظهرت في منتصف التسعينات، وهو مصطلح يطلق على المواقع الإلكترونية التي تحتوي على الميزات التالية: 1- التفاعل مع الزوار وأشهر أمثلتها تعليقات الزوار في المنتديات ومشاركات المستخدمين في المنتديات. 2- تتمتع مواقع الويب 2.0 بحجم خفيف ومظهر جميل يعتمد في تصميمه بشكل كامل على الـ CSS. 3- التقيد بالمعايير العالمية في تصميم الموقع (W3C)1 لضمان توافقية عالية مع كل المتصفحات. 4- من الناحية التقنية يعتمد على تقنيات حديثة أهمها الأجاكس (AJAX) و (RSS). بدأ ظهور مفهوم الويب 2.0 في بدايات الـ 2004 وسرعان ما انتشر هذا المفهوم انتشار النار في الهشيم وبدأت مواقع الويب 2.0 بالظهور بشكل ملفت للنظر، وهنا يجب التنويه إلى أن عالمنا العربي نادراً ماتجد فيه هذا النوع من المواقع (نستثني من هذا الأنظمة الجاهزة كالمدونات والمنتديات وأنظمة إدارة المحتوى). (tags: كيف يكون موقعي من مواقع الويب 2.0) [...]


  7. مهدي محمد: September 20, 2008 - السبت 20 رمضان 1429 في 10:17 م

    مشكور اخي …
    احزنتني فكرة الاستغناء عن الجداول


شاركنا برأيك؟

الرجاء الكتابة باللغة العربية الفصحى، وإذا كنت تريد كتابة سؤال حاول البحث في غوغل أولاً فغالباً ستجد عنده الخبر اليقين.

  • الأكثر قراءة
  • الأحدث
  • الأرشيف
  • تعلم الكيك وتطوير المواقع بالبيت
  • أفضل الأدوات لرفع الملفات
  • تنظيم الوقت البرمجي
  • مقدمة في CakePHP
  • أفكار ومواقع ويب 2 شهيرة
  • لماذا غوغل شريرة!
  • الخطوط العربية
  • هل تريد أن تكسب 1000 دولار؟
  • تصميم قاعدة البيانات
  • مواقع عربية بالدروبال
    1. كتب مطلوبة
    2. إصلاح علة أمنية في دروبال 7.3 و 7.4
    3. حل المشكلة أم الترقيع؟
    4. مراجعة كتاب 50 Tips and Tricks for MongoDB Developers
    5. تعريب الوحدات الإضافية
    6. البرامج العربية
    7. تعريب الدروبال 7 – العد التنازلي للنواة
    8. تعريب الدروبال 7 – اليوم الثالث
    9. تعريب الدروبال 7 – اليوم الثاني
    10. تعريب الدروبال 7 – اليوم اﻷول
    11. تعريب الدروبال 7
    1. يونيو 2011
    2. مايو 2011
    3. أبريل 2011
    4. مارس 2011
    5. فبراير 2011
    6. يناير 2011
    7. ديسمبر 2010
    8. نوفمبر 2010
    9. أكتوبر 2010
    10. أغسطس 2010
    11. مارس 2010
    12. فبراير 2010
    13. يناير 2010
    14. ديسمبر 2009
    15. سبتمبر 2009
    16. أغسطس 2009
    17. يوليو 2009
    18. يونيو 2009
    19. مايو 2009
    20. مارس 2009
    21. فبراير 2009
    22. يناير 2009
    23. ديسمبر 2008
    24. نوفمبر 2008
    25. أكتوبر 2008
    26. سبتمبر 2008
    27. أغسطس 2008
    28. يوليو 2008
    29. يونيو 2008
    • اشترك بآخر الأخبار RSS

      Feeds Counter

      أو

    • أشارك بتعريب دروبال 7

    • أراجع كتب Oreilly

      I review for the O'Reilly Blogger Review Program
    • أفضل هدية تقدمها لي

    • تقنية الطماطم

      I Use the Pomodoro Technique
    • عشرون عام لمشروع اللينكس

      I'll be celebrating 20 years of Linux with
The Linux Foundation!
    • وسوم

      Ajax css IDE jQuery php SEO TinyMCE أخبار المدونة أذكار أطر العمل أفكار أمازون إدارة المحتوى إدارة محتوى إضافات استبيان الأجاكس الأمان الاختبارات الآلية الكيك اللغة العربية برمجة تحديثات تحميل تدوينات رمضان تصميم تطوير تعريب تعلم الكيك وتطوير المواقع بالبيت تكتيك تنظيم الوقت جوائز حديث دروبال دعاية فايرفوكس فرص عمل كتب مسابقات مشاريع مهمات مواقع نصائح هندسة برمجيات وورد بريس

    حول المدونة

    • 2008-2012 مدونة الويب 2.0.
    • يمكنك نقل المحتويات أو اقتباس أي جزء منها ويفضل ذكر المصدر.
    • من الممكن أن تساعدك خريطة الموقع.

    عروض العمل

    • يمكنك أن تناقشني حول عروض العمل للمدونات أو لمواقع الويب 2.0.
    • أيضاً يمكنك استشارتي في وضع التفاصيل لمدونة أو لفكرة مشروع جديد.
    • سيرتي الذاتية على My Linkedin Profile

    تواصل معي

    • خالد الحوراني مطور ويب 2.0
    • تابع أخباري على My Twitter account
    • أو راسلني فوراً

    Switch to our mobile site