Eng Amr Adel
23-08-2010, 14:56
السلام عليكم ورحمة الله وبركاتة
كيفكم يا اخوان
اليوم نتكلم عن تقنية جديدة في المواقع التي نراها يومياً
وهي تقنية الويب 2.0 WEB 2.0
تقنية كبيرة وعريضة سمعنا عنها نحن المصممين والمطورين العرب وايضاً المستخدمين العرب
ولكني ورغم كثرة المواضيع التي تتكلم عن الويب 2.0 لم اجد ان الجميع قد تفهمها جيداً
مع الشكر لاخواني الذين قاموا بشرحها وقد استفدت منهم كثيراً
لذلك قررت ان اقدم لكم هذا الحلقات لشرح
فهرس الحلقات
[ الحلقة الأولي ]ما هي تقنية الويب 2.0 ( WEB2.0 )
[ الحلقة الثانية ] كيفية وشكل التصميم الخاص بالويب 2.0
[ الحلقة الثالثة ] توافق الويب 2.0 مع المعايير القياسية + SEO
[ الحلقة الرابعة ]باترن واشكال وفرش وتدرجات شاملة وحصرياً لتصميمات ويب 2.0
وان شاء الله نبدأ علي بركة الله بتعريفة
اولاً ما هي تقنية الويب 2.0
كثر الحديث عن هذه التقنية
وتعلل الكثير من الخبراء حول هذه التقنية
وفكروا كثيراً وكثيراً في هذه الخاصية
وهل كتابتها بهذه الطريقة (WEB 2.0) يعني قدوم اجيال متلاحقة كأصدارات البرامج للويب 2.0 يعني غداً هل نري ويب 3.0 او هي فقط تسمية اطلقت لكسر الملل والشكل الاساسي لاغلب المواقع وهل هي انواع جيدة من المجلات هل هي المدونات التي انتشرت اخيراً
ولكن اخيراً توصلوا للاتي تقنية الويب 2.0 هي عدة اشياء
شكل الموقع يكون بسيط وفيه حس ابداعي كبير
محتوي الموقع يكون متوافق مع المعايير القياسية والتي حددتها منظمة World Wide Web Consortium (http://www.w3.org/) والتي تختص بهذه المعاييرويمكنك الكشف عن موقعك ان كان متوافق ام لا من خلال هذا الرابط (http://validator.w3.org/)
تفاعل الموقع مع الزوار وتفاعل الزوار مع الموقع لان في ويب 2.0 المستخدمين هم من يبنون محتويات الموقع مع صاحب الموقع كمثال مكتبات الصور والمدونات فهي دائماً بين صاحب الموقع والزائر وثقة متبادلة بين الجانبين في حالة طرح المعلومة من الزائر او من العضو او من صاحب الموقع نفسه
استخدام افضل التقنيات واحدثها مثل AJAX و RSS ، تقنيات مشهورة مثل XML و XSLT ، و محاولة الحفاظ على المعايير القياسية في التصميم من الناحية الفنية XHTML و CSS كما اشرنا في البند رقم 2
بناء الموقع يعتمد علي معايير SEO وهي أختصار لـ Search Engine Optimization وهي خاصية توافق الموقع مع محركات البحث من حيث الاكواد والميتا تاج META TAG والعبارات الدليلة KEY WORDS
وهذه بعض وليس كل النقاط التي يعتمد عليها الويب 2.0 او يعتمد عليها
ولنناقشها ونفرزها بند بند
النقطة الاولي
شكل الموقع يكون بسيط وفيه حس ابداعي كبير :-
أي ان الموقع تصميمه خفيف لا يعمد بشكل كبير علي الصور مثل اغلب ومعظم مواقعنا العربية
ولكن نأتي لمواقع الويب 2.0 الاجنبية نجدها كثيرة كمثال موسوعة ويكيدا (http://en.wikipedia.org/wiki/Web_2)وهذا الموقع (http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html)وكل ما تتصفح مواقع ستجد المزيد والمزيد وسنتكلم في الحلقة القادمة عن طريقة التصميم وبرمجة وضبط كل الامور ليكون موقعنا web 2.0
النقطة الثانية
محتوي الموقع يكون متوافق مع المعايير القياسية والتي حددتها منظمة World Wide Web Consortium (http://www.w3.org/) والتي تختص بهذه المعاييرويمكنك الكشف عن موقعك ان كان متوافق ام لا من خلال هذا الرابط (http://validator.w3.org/):-
وطبعاً الكل سيقول الفرنت بيج .. وثبت فعلياً فشل الفرنت بيج في صنع اكواد متوافقة او تعمل طبق المعايير القياسية
وكل من يصنع موقعه بالفرنت بيج فليتحمل النتائج
والافضل استخدام اما برنامج Microsoft Office SharePoint أو Microsoft Expression Web وسنتعرف علي كيفية التعامل معهم في بعض النقاط الهامة في الحلق القادمة
النقطة الثالثة
تفاعل الموقع مع الزوار وتفاعل الزوار مع الموقع لان في ويب 2.0 المستخدمين هم من يبنون محتويات الموقع مع صاحب الموقع :-
انتهي عصر واجهات الواقع التي تكون مجرد صفحات وضعت للمشاهدة فالويب 2.0 يجب ان يتفاعل العضو مع صفحتك يجب ان يساعدك الزائر في اضافة كل جديد لموقعك كمثال بسيط موقع You TUBE (http://www.youtube.com/) الكل يشارك والموقع بأكمله قائم علي الاعضاء به وعلي رفع ملفات الفيديو الخاصة بهم وكذلك اغلب مكتبات الصور والبطاقات بل وتعليقات الاعضاء تعتبر ضمن مشاركة العضو لصاحب الموقع كمالقالات الاخبارية
النقطة الرابعة
استخدام افضل التقنيات واحدثها مثل AJAX و RSS ، تقنيات مشهورة مثل XML و XSLT ، و محاولة الحفاظ على المعايير القياسية في التصميم من الناحية الفنية XHTML و CSS كما اشرنا في النقطة الثانية :-
طبعاً كلها تقينات حديثة وقد يكون بعضها قديماً لكن تم تطويره بأشكال رهيبة .. وهو من افضل اللغات للتعامل وللتفاعل مع المواقع ويجب علي المصمم ان يمتلك الحس والوعي البرمجي ليكون من ضمن مصممين الويب 2.0 قبل اي شيء
ونتعلم الكثير في عده حلقات لاحتراف ويب 2.0 في الحلقات المقبلة
النقطة الخامسة
بناء الموقع يعتمد علي معايير SEO وهي أختصار لـ Search Engine Optimization وهي خاصية توافق الموقع مع محركات البحث من حيث الاكواد والميتا تاج META TAG والعبارات الدليلة KEY WORDS :-
الكل يلهث الان ليتوافق موقعه مع محركات البحث وخصوصاً جوجل ولكن هل احد منا كان يعلم انه بهذه الطريقة يجعل موقع متوافق ولو في نقطة واحدة مع نقاط وتقنيات الويب 2.0 ؟؟!! بالتأكيد اغلبنا سيقول لا ! ومن هنا اقول ان الحديث عن الـ Search Engine Optimization يطول ويطول وسأجعله احدي الفروع في الحلقات القادمة
بهذا تكون قد انتهت الحلقة الاولي من حلقات WEB2.0 ولنستعد جميعاً للحلقة المقبلة لانها ستكون دسمة جداً وفيها اشياء جديدة واول مرة تطرح بالمنتديات العربية
كيفكم يا اخوان
اليوم نتكلم عن تقنية جديدة في المواقع التي نراها يومياً
وهي تقنية الويب 2.0 WEB 2.0
تقنية كبيرة وعريضة سمعنا عنها نحن المصممين والمطورين العرب وايضاً المستخدمين العرب
ولكني ورغم كثرة المواضيع التي تتكلم عن الويب 2.0 لم اجد ان الجميع قد تفهمها جيداً
مع الشكر لاخواني الذين قاموا بشرحها وقد استفدت منهم كثيراً
لذلك قررت ان اقدم لكم هذا الحلقات لشرح
فهرس الحلقات
[ الحلقة الأولي ]ما هي تقنية الويب 2.0 ( WEB2.0 )
[ الحلقة الثانية ] كيفية وشكل التصميم الخاص بالويب 2.0
[ الحلقة الثالثة ] توافق الويب 2.0 مع المعايير القياسية + SEO
[ الحلقة الرابعة ]باترن واشكال وفرش وتدرجات شاملة وحصرياً لتصميمات ويب 2.0
وان شاء الله نبدأ علي بركة الله بتعريفة
اولاً ما هي تقنية الويب 2.0
كثر الحديث عن هذه التقنية
وتعلل الكثير من الخبراء حول هذه التقنية
وفكروا كثيراً وكثيراً في هذه الخاصية
وهل كتابتها بهذه الطريقة (WEB 2.0) يعني قدوم اجيال متلاحقة كأصدارات البرامج للويب 2.0 يعني غداً هل نري ويب 3.0 او هي فقط تسمية اطلقت لكسر الملل والشكل الاساسي لاغلب المواقع وهل هي انواع جيدة من المجلات هل هي المدونات التي انتشرت اخيراً
ولكن اخيراً توصلوا للاتي تقنية الويب 2.0 هي عدة اشياء
شكل الموقع يكون بسيط وفيه حس ابداعي كبير
محتوي الموقع يكون متوافق مع المعايير القياسية والتي حددتها منظمة World Wide Web Consortium (http://www.w3.org/) والتي تختص بهذه المعاييرويمكنك الكشف عن موقعك ان كان متوافق ام لا من خلال هذا الرابط (http://validator.w3.org/)
تفاعل الموقع مع الزوار وتفاعل الزوار مع الموقع لان في ويب 2.0 المستخدمين هم من يبنون محتويات الموقع مع صاحب الموقع كمثال مكتبات الصور والمدونات فهي دائماً بين صاحب الموقع والزائر وثقة متبادلة بين الجانبين في حالة طرح المعلومة من الزائر او من العضو او من صاحب الموقع نفسه
استخدام افضل التقنيات واحدثها مثل AJAX و RSS ، تقنيات مشهورة مثل XML و XSLT ، و محاولة الحفاظ على المعايير القياسية في التصميم من الناحية الفنية XHTML و CSS كما اشرنا في البند رقم 2
بناء الموقع يعتمد علي معايير SEO وهي أختصار لـ Search Engine Optimization وهي خاصية توافق الموقع مع محركات البحث من حيث الاكواد والميتا تاج META TAG والعبارات الدليلة KEY WORDS
وهذه بعض وليس كل النقاط التي يعتمد عليها الويب 2.0 او يعتمد عليها
ولنناقشها ونفرزها بند بند
النقطة الاولي
شكل الموقع يكون بسيط وفيه حس ابداعي كبير :-
أي ان الموقع تصميمه خفيف لا يعمد بشكل كبير علي الصور مثل اغلب ومعظم مواقعنا العربية
ولكن نأتي لمواقع الويب 2.0 الاجنبية نجدها كثيرة كمثال موسوعة ويكيدا (http://en.wikipedia.org/wiki/Web_2)وهذا الموقع (http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html)وكل ما تتصفح مواقع ستجد المزيد والمزيد وسنتكلم في الحلقة القادمة عن طريقة التصميم وبرمجة وضبط كل الامور ليكون موقعنا web 2.0
النقطة الثانية
محتوي الموقع يكون متوافق مع المعايير القياسية والتي حددتها منظمة World Wide Web Consortium (http://www.w3.org/) والتي تختص بهذه المعاييرويمكنك الكشف عن موقعك ان كان متوافق ام لا من خلال هذا الرابط (http://validator.w3.org/):-
وطبعاً الكل سيقول الفرنت بيج .. وثبت فعلياً فشل الفرنت بيج في صنع اكواد متوافقة او تعمل طبق المعايير القياسية
وكل من يصنع موقعه بالفرنت بيج فليتحمل النتائج
والافضل استخدام اما برنامج Microsoft Office SharePoint أو Microsoft Expression Web وسنتعرف علي كيفية التعامل معهم في بعض النقاط الهامة في الحلق القادمة
النقطة الثالثة
تفاعل الموقع مع الزوار وتفاعل الزوار مع الموقع لان في ويب 2.0 المستخدمين هم من يبنون محتويات الموقع مع صاحب الموقع :-
انتهي عصر واجهات الواقع التي تكون مجرد صفحات وضعت للمشاهدة فالويب 2.0 يجب ان يتفاعل العضو مع صفحتك يجب ان يساعدك الزائر في اضافة كل جديد لموقعك كمثال بسيط موقع You TUBE (http://www.youtube.com/) الكل يشارك والموقع بأكمله قائم علي الاعضاء به وعلي رفع ملفات الفيديو الخاصة بهم وكذلك اغلب مكتبات الصور والبطاقات بل وتعليقات الاعضاء تعتبر ضمن مشاركة العضو لصاحب الموقع كمالقالات الاخبارية
النقطة الرابعة
استخدام افضل التقنيات واحدثها مثل AJAX و RSS ، تقنيات مشهورة مثل XML و XSLT ، و محاولة الحفاظ على المعايير القياسية في التصميم من الناحية الفنية XHTML و CSS كما اشرنا في النقطة الثانية :-
طبعاً كلها تقينات حديثة وقد يكون بعضها قديماً لكن تم تطويره بأشكال رهيبة .. وهو من افضل اللغات للتعامل وللتفاعل مع المواقع ويجب علي المصمم ان يمتلك الحس والوعي البرمجي ليكون من ضمن مصممين الويب 2.0 قبل اي شيء
ونتعلم الكثير في عده حلقات لاحتراف ويب 2.0 في الحلقات المقبلة
النقطة الخامسة
بناء الموقع يعتمد علي معايير SEO وهي أختصار لـ Search Engine Optimization وهي خاصية توافق الموقع مع محركات البحث من حيث الاكواد والميتا تاج META TAG والعبارات الدليلة KEY WORDS :-
الكل يلهث الان ليتوافق موقعه مع محركات البحث وخصوصاً جوجل ولكن هل احد منا كان يعلم انه بهذه الطريقة يجعل موقع متوافق ولو في نقطة واحدة مع نقاط وتقنيات الويب 2.0 ؟؟!! بالتأكيد اغلبنا سيقول لا ! ومن هنا اقول ان الحديث عن الـ Search Engine Optimization يطول ويطول وسأجعله احدي الفروع في الحلقات القادمة
بهذا تكون قد انتهت الحلقة الاولي من حلقات WEB2.0 ولنستعد جميعاً للحلقة المقبلة لانها ستكون دسمة جداً وفيها اشياء جديدة واول مرة تطرح بالمنتديات العربية