كيف يكون موقعي من مواقع الويب 2.0
بسم الله الرحمن الرحيم،
آخر تدوينة من سلسلة تحدي البداية القوية
هذه التدوينة شاركت بها أيضاً بمسابقة المدون الكبير محمد سعيد أحجيوج
كيف يكون موقعي من مواقع الويب 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.
|
1. |
|
|
http://www.cssjuice.com/25-rounded-corners-techniques-with-css/ |
2. |
|
3. |
|
|
http://validweb.nl/artikelen/javascript/better-zebra-tables/ |
4. |
|
5. |
Loading ...
[...] كيف يكون موقعي من مواقع الويب 2.0 [...]
في الحقيقة لا أملك أي تعقيب عمّا ذكرت ، ولكني بعدما قرأت التدوينة واستفدت منها ، لم أشأ أن أذهب بدون كلمة شكر
جزاك الله خيراً دعوة صالحة منك تكفي
السلام عليكم
شكرًا لمقالك .
يختلف المطورون كثيرًا حول تحديد خصائص معينة لمواقع ويب2 ، وحيث ذكرت أنت بأنَّ أنظمة إدارة المحتوى لا تصنف ضمن ويب 2 ، فإني قرأت مقالاً آخر يصنفها في ويب1 ، ويستثني منها أنظمة الـWiki !.
يمكن القول بأن الـCMS تصنف ضمن ويب2 إذا ما اتصفت بخصائص الويب2 – وجلها تقريبًا تتصف بها – .
لدي سؤال أخي الكريم إذا تركمت :
* ظهور ويب2 ، هل يعتبر تطوير أدى إلى ظهور جيل جديد من المواقع ، أم إلى تصنيفٍ جديد منها ، بمعنى : هل ستموت مواقع الويب1 بعد زمن لظهور جيل الويب2 ؟!.. إذا تجاهلنا فكرة أنَّ بعض مواقع ويب2 كانت موجودة قبل ظهور هذا المصطلح .
كل الشكر لك والتقدير
هو بالأصل كان تصنيف جديد … لفت النظر إليه أثناء اجتماع O’Reilly وبعدها تواصلت التطورات الطبيعية لتقنيات الإنترنت ولم يكن الويب 2 هو سبب ظهورها بل كان تسمية لها … حيث كلما ظهرت تقنية جديدة أصبح استخدامها يدل على أن المطور ملاحق للويب 2.0
بالأخير هي تسمية فقط وليست تقنية ما … هي عبارة عن تقنيات وأفكار منها واهمها المشاركة الجماعية … وعندما فطن الناس لأهمية مشاركة الجميع في المحتويات ظهرت آلاف المواقع منها digg و delicious و twiter وكلها تعتمد على التشاركية والاجتماعية بدل أن يكون المحتوى جافاً جامداً
[...] كيف يكون موقعي من مواقع الويب 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) [...]
مشكور اخي …
احزنتني فكرة الاستغناء عن الجداول