مدونة الويب 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' إلى MySpaceإضافة 'كيف يكون موقعي من مواقع الويب 2.0' إلى Twitterإضافة 'كيف يكون موقعي من مواقع الويب 2.0' إلى Technotizie
الوسوم: برمجة, تصميم, تكتيك, نصائح
أرسل هذه التدوينة لصديق أرسل هذه التدوينة لصديق
طباعة هذه التدوينة طباعة هذه التدوينة

    إقرأ أيضاً:

    • أخطاء يرتكبها مطوروا المواقع
    • تنقيح الكود باستخدام 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. مشاريع وخبرات
    3. أذكار والتحقق من الأحاديث
    4. Ubiquity سطر أوامر الفايرفوكس
    5. جائزة قيمتها 50 دولار
    6. موقع دعائي للمنطقة العربية
    7. دورة حياة البرامج
    8. الأجاكس في jQuery
    9. تنقيح الكود باستخدام PDT + Xdebug
    10. نظام إدارة محتوى على الكيك
    1. يونيو 2009
    2. مايو 2009
    3. مارس 2009
    4. فبراير 2009
    5. يناير 2009
    6. ديسمبر 2008
    7. نوفمبر 2008
    8. أكتوبر 2008
    9. سبتمبر 2008
    10. أغسطس 2008
    11. يوليو 2008
    12. يونيو 2008
    • اشترك بآخر الأخبار RSS

      Feeds Counter

      أو

    • الاستبيان

      هل طورت أو ساعدت بتطوير مشروع مفتوح المصدر؟

      مشاهدة النتيجة

      Loading ... Loading ...
    • أوسمة

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

    حول المدونة

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

    عروض العمل

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

    تواصل معي

    • خالد الحوراني مطور ويب 2.0
    • دمشق - سوريا
    • 153205 955 963+
    • تابع أخباري على My Twitter account
    • أو راسلني فوراً