الويب العربي - ماهي الطريقة التي تجعل الموقع يتعامل تلقائيا مع مقاسات الشاشة

الويب العربي (http://www.arabwebtalk.com/index.php)

- طلبات البرمجة والتصميم والتطوير (http://www.arabwebtalk.com/forumdisplay.php?f=6)

ماهي الطريقة التي تجعل الموقع يتعامل تلقائيا مع مقاسات الشاشة

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

ماهي الطريقة التي تمكنك من جعل صفحة الموقع المصممة على الفرونت بيج مثلا تتعامل مع المقاسات الخاصة بالمتصفح
800 *600
1024*768

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

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

عشان نعمل هيدر متمدد حسب مقاس الشاشه اعمل جدول في الفرونت بيج صف واحد مكون من ثلاث خانات

مثل الويب العربي كمثال

في اليمين تلاقي صورة اللوقو

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

في الخانه اليسرى تضع الجزا الايسر من صورة الهيدر كما في الجزأ الأيمن

اتمنى اكون عرفت اوضح لك

تحياتي

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

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

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

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

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

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

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

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

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

تسلم يالراسم والله يجملنا معاك يا شييييييخ :)

=
=
عزيزي صح ........ انت صح صدقني ... تسلم يارجل
النقطة اصبحت وااااااضحة والحمد لله