[صــح]

السلام عليكم ورحمة الله وبركاته
أخي لنأخذ على كلام الأخ الراسم في الشرح واليكن مثل ما بدأ به الشرح يكون على هيدر الويب العربي

مثل ما قال نعمل في الفرونت بيج جدولة مكونة من ثلاث خانات
نبدأ من الأيسر ؛ وكأننا مثلاً نعمَل هيدر للويب العربي
نضع في الخانة اليسرى هذا :

وهذهِ الصورة تكون مقاسها ثابتة بدون تمديد
ونضع بعدها الصورة في الخانة اليمنى وتكون بمقاس ثابت أيضاً دون تمديد :


الآن نأتي للخانة الوسطى وهي البؤرة (النقطة المهمة) لعمل التمديد ؛ تكون الخلفية عبارة عن صورة مكملة للهيدر حتى لا يؤثر في اتزان وانضباط التصميم بأكمله وتكون منسجم مع بعض ؛ ونضع هذهِ الصورة هي خلفية للخلية :


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



نفس الصورة هي تتمدد دون التأثير على محتوى التصميم وشكله

هذا كمثال فقط ولكنك يمكنك جعل التمديد في الخانة اليسرى او الخانة اليمنى ؛ على ما يناسب تصميمك
وهذهِ صورة كاملة للهيدر على الرابط التالي بمقاس الشاشة التي استخدمها :
http://www.saa7.com/images/b/hdr.jpg

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

أتمنى أن يكون الشرح واضح