درس في كيفية جعل صفحة الموقع تتمدد بتمدد شاشة المتصفح

:: درس في كيفية جعل صفحة الموقع تتمدد بتمدد شاشة المتصفح ::
نشاهد جميعاً بعض صفحات المواقع تتمدد كلما كبرت شاشة المتصفح ..
وتصغر بصغرها كذلك ...
طريقة عمل التمدد سهلة للغاية ...
واليوم سنقوم بشرحها ..
نحتاج طبعا لبرنامج الفرونت بيج للعمل عليه ...
سنأخذ مثال توضيحي فقط ...
ويقاس عليه كل الاشياء الاخرى ...

لنبدأ على بركة الله ...
1) نفتح البرنامج ... ونبدأ بصفحة جديدة
2) نقوم بإدراج جدول مكون من ثلاث خانات بالطول وبالعرض ..

3) على الجدول نقوم بالضغط بالزر الايمن للفأرة ..
ونختار خصائص الجدول ..

ثم نجعل الخصائص كما بالصورة ..

لاحظ أننا قمنا بجعل الجدول متمدد بنسبة 100%
حتى تكون الصفحة متمددة ..
ستصبح الصفحة هكذا ..

4) الآن سنأخذ بعض الصور كمثال .. وسندرجها بالجدول ..

سنقوم الآن بإدراجها من خلال قائمة إدراج >>
إدراج صورة من مجلد

لاحظ الصور وأماكن إدراجها ..

ستصبح هكذا ..

5) الآن يبقى لدينا صور مناطق التمدد ..

لجعل الصور متمددة فإننا ندرجها على شكل خلفية ..
وليس على شكل صورة .. لاحظ ..



ثم ندرج باقي الصور بنفس الطريقة

سيصبح هكذا

6) الآن نقوم بسحب أطراف الخلايا ..

لنرى الناتج النهائي ..



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

كيف نجعلها تتمدد ...
أولا يجب علينا اختيار منطقة معينة تصلح لأن تكون منطقة تمدد ...
لاحظ اختياري في الصورة ..!

ثم علينا أن نقسم تلك الصورة الى عدة صور
من ظمنها صورة خاصة بمنطقة التمدد ..
الجزء الأيسر:

منطقة التمدد:

الجزء الأيمن:

بعد ذلك نقوم بإدراج الصور ..
وكذلك بإدراج صورة منطقة التمدد على شكل خلفية ..
لنحصل على شكل متمدد ..


وبهذه الطريقة تستطيع عمل صفحة موقعك بشكل متمدد ...
وقس على ذلك عمل استايلات المنتديات المتمددة ..
وثيمات المجلات ...
لانها في النهاية هي نفس الطريقة المستخدمة ... !

اتمنى أكون وفقت في شرح الطريقة

​