[طبقات صفحة الويب - Layers of Web Design] - شرح مختصر

[ESO]

[طبقات صفحة الويب - Layers of Web Design]





http://i2.sitepoint.com/graphics/threelayers_3layers.png


مكونات أو محتويات أو طبقات صفحة الويب
شرح مختصر لمحتويات صفحة الويب
صفحة الويب الحيوية أو المتطورة بتتكون من 3 طبقات :

The content layer - طبقة المحتوى :
طبقة المحتوى ودي الطبقة الأساسية بتحتوي على النصوص والصور والفيديو والدلالات والعلامات
هيا إلي بتعملنا خريطة للموقع أو تخطيط لشكل الموقع
يعني بتبين لنا مكان العنصر هيكون فين أو خطوط توضيحيه بس لا تعتبر ستايل
اللغة المستخدمة في الطبقة دي لغة (XHTML أو HTML) بإختصار الطبقة دي عبارة عن هيكل فقط
صورة للتوضيح :


http://www.picamatic.com/show/2011/08/02/07/03/7746152_800x488.jpg



Style or Presentation - طبقة النمط أو العرض :
الطبقة دي تعتبر طبقة التصميم إلي هتظهر للزائر طبقة تحتوي على الألوان وستايل الموقع
بتستخدم فيها لغة( CSS) الصفحة دي بمثابة ديكور وتزيين لطبقة التخطيط


behavior layer - طبقة السلوك :
بتدي حيوية للموقع أو زي العقل للموقع الصفحة دي بتدي للزائر إمكانية إنه يسأل وهيا ترد على الأوامر بتعته زي مهو متاح فيها أو العكس هيا تدي بعض الأوامر والمستخدم أو الزائر يجيب عليها
كأنك بتتعامل مع عقل أو روح ودي بتتعمل بلغة الجافا سكربت (JavaScript)


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