[الحلقة الأولي ]الويب 2 ما له وما عليه [ما هو - طريقته - تصميمه - شرحه كامل ]

Abo_ELleal · 30-04-2008, 06:21 PM

السلام عليكم ورحمة الله وبركاتة

كيفكم يا اخوان

اليوم نتكلم عن تقنية جديدة في المواقع التي نراها يومياً

وهي تقنية الويب 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 والتي تختص بهذه المعاييرويمكنك الكشف عن موقعك ان كان متوافق ام لا من خلال هذا الرابط

تفاعل الموقع مع الزوار وتفاعل الزوار مع الموقع لان في ويب 2.0 المستخدمين هم من يبنون محتويات الموقع مع صاحب الموقع كمثال مكتبات الصور والمدونات فهي دائماً بين صاحب الموقع والزائر وثقة متبادلة بين الجانبين في حالة طرح المعلومة من الزائر او من العضو او من صاحب الموقع نفسه

استخدام افضل التقنيات واحدثها مثل AJAX و RSS ، تقنيات مشهورة مثل XML و XSLT ، و محاولة الحفاظ على المعايير القياسية في التصميم من الناحية الفنية XHTML و CSS كما اشرنا في البند رقم 2

بناء الموقع يعتمد علي معايير SEO وهي أختصار لـ Search Engine Optimization وهي خاصية توافق الموقع مع محركات البحث من حيث الاكواد والميتا تاج META TAG والعبارات الدليلة KEY WORDS

وهذه بعض وليس كل النقاط التي يعتمد عليها الويب 2.0 او يعتمد عليها
ولنناقشها ونفرزها بند بند
النقطة الاولي
شكل الموقع يكون بسيط وفيه حس ابداعي كبير :-
أي ان الموقع تصميمه خفيف لا يعمد بشكل كبير علي الصور مثل اغلب ومعظم مواقعنا العربية
ولكن نأتي لمواقع الويب 2.0 الاجنبية نجدها كثيرة كمثال موسوعة ويكيدا وهذا الموقع وكل ما تتصفح مواقع ستجد المزيد والمزيد وسنتكلم في الحلقة القادمة عن طريقة التصميم وبرمجة وضبط كل الامور ليكون موقعنا web 2.0

النقطة الثانية
محتوي الموقع يكون متوافق مع المعايير القياسية والتي حددتها منظمة World Wide Web Consortium والتي تختص بهذه المعاييرويمكنك الكشف عن موقعك ان كان متوافق ام لا من خلال هذا الرابط :-
وطبعاً الكل سيقول الفرنت بيج .. وثبت فعلياً فشل الفرنت بيج في صنع اكواد متوافقة او تعمل طبق المعايير القياسية
وكل من يصنع موقعه بالفرنت بيج فليتحمل النتائج
والافضل استخدام اما برنامج Microsoft Office SharePoint أو Microsoft Expression Web وسنتعرف علي كيفية التعامل معهم في بعض النقاط الهامة في الحلق القادمة

النقطة الثالثة
تفاعل الموقع مع الزوار وتفاعل الزوار مع الموقع لان في ويب 2.0 المستخدمين هم من يبنون محتويات الموقع مع صاحب الموقع :-
انتهي عصر واجهات الواقع التي تكون مجرد صفحات وضعت للمشاهدة فالويب 2.0 يجب ان يتفاعل العضو مع صفحتك يجب ان يساعدك الزائر في اضافة كل جديد لموقعك كمثال بسيط موقع You TUBE الكل يشارك والموقع بأكمله قائم علي الاعضاء به وعلي رفع ملفات الفيديو الخاصة بهم وكذلك اغلب مكتبات الصور والبطاقات بل وتعليقات الاعضاء تعتبر ضمن مشاركة العضو لصاحب الموقع كمالقالات الاخبارية

النقطة الرابعة
استخدام افضل التقنيات واحدثها مثل 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 ولنستعد جميعاً للحلقة المقبلة لانها ستكون دسمة جداً وفيها اشياء جديدة واول مرة تطرح بالمنتديات العربية
وهي حصرياً لمعهدنا أول ستايل ومعهد ترايدنت

والمقالات والحلقات هذه من كتاباتي الشخصية ولا اسمح بنقلها دون الاشارة للكاتب والمصدر المنقوله منه
أخيراً اتمني اكون افدتكم وتحت امركم دائماً
أخوكم Abo_ELleal

الموضوع الأصلي : [الحلقة الأولي ]الويب 2 ما له وما عليه [ما هو - طريقته - تصميمه - شرحه كامل ] -||- المصدر : |: معهد أول ستايل :| -||- الكاتب : Abo_ELleal

Abo_ELleal · 01-05-2008, 12:38 AM

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

Mohammed Hassan · 01-05-2008, 09:20 PM

ماشاء الله لا قوة الا بالله

أعذرني يا بو الليل ما قدرت امر الا واترك دعاء

موضوع غاية في الروعة يا بو حسن والله

جاري القراءة علي رواقة مع كوب الشاي :d

وبأنتظار البقية بامر الرحمن

بارك الله فيك وجعل متواك الجنة

أخوك

Abo_ELleal · 02-05-2008, 06:59 AM

اشكرك اخوي سكوربين

وفي انتظار عودتك بعد ان تتربع علي عرش القرائة بكوب الشاي

Abo_ELleal · 05-05-2008, 03:36 PM

الحلقة الثانية في الطريق

op4host · 11-05-2008, 08:54 PM

ماشاء الله موضع مميز كصاحبة ويستحق كل التقدير

وهذا ما ينتظرة الجميع من اخى ابو الليل

لك تقديرى واحترامى

بارك الله فيك ورعاك المولى عز وجل

ماكي · 11-05-2008, 09:09 PM

اشكرك على الموضوع الرائع
وما طلبت هو حقك في الموضوع
احترامي ووتقديري

Abo_ELleal · 12-05-2008, 05:02 PM

مشكورين يا اخوان
وشرفتم الموضوع بردودكم

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)

[الحلقة الأولي ]الويب 2 ما له وما عليه [ما هو - طريقته - تصميمه - شرحه كامل ]

منتدي تطوير المواقع