الطريقه بوضحها لك على الهيدر وانت قيس على باقي محتويات الصفحة
عشان نعمل هيدر متمدد حسب مقاس الشاشه اعمل جدول في الفرونت بيج صف واحد مكون من ثلاث خانات
مثل الويب العربي كمثال
في اليمين تلاقي صورة اللوقو
في الخانه اللي في النص تعمل خلفيه للخليه وليست صورة
وهذي هي اللي راح تتمدد لذلك الافضل تكون ساده او اذا فيها مؤثرات تكون افقيه حتى اذا تمددت ما يخرب الشكل
في الخانه اليسرى تضع الجزا الايسر من صورة الهيدر كما في الجزأ الأيمن
السلام عليكم ورحمة الله وبركاته
أخي لنأخذ على كلام الأخ الراسم في الشرح واليكن مثل ما بدأ به الشرح يكون على هيدر الويب العربي
مثل ما قال نعمل في الفرونت بيج جدولة مكونة من ثلاث خانات
نبدأ من الأيسر ؛ وكأننا مثلاً نعمَل هيدر للويب العربي
نضع في الخانة اليسرى هذا :
وهذهِ الصورة تكون مقاسها ثابتة بدون تمديد
ونضع بعدها الصورة في الخانة اليمنى وتكون بمقاس ثابت أيضاً دون تمديد :
الآن نأتي للخانة الوسطى وهي البؤرة (النقطة المهمة) لعمل التمديد ؛ تكون الخلفية عبارة عن صورة مكملة للهيدر حتى لا يؤثر في اتزان وانضباط التصميم بأكمله وتكون منسجم مع بعض ؛ ونضع هذهِ الصورة هي خلفية للخلية :
انظر لصورة الخلفية هي ذات ائتلاف مع اكمال الهيدر وهذهِ هي تتمدد وباستطاعتك تكبير صورة الخلفية او تصغيرها شريطة أن لا تتعارض مع شكل التصميم
انظر كيف ستكون طريقة التمديد
نفس الصورة هي تتمدد دون التأثير على محتوى التصميم وشكله
هذا كمثال فقط ولكنك يمكنك جعل التمديد في الخانة اليسرى او الخانة اليمنى ؛ على ما يناسب تصميمك
وهذهِ صورة كاملة للهيدر على الرابط التالي بمقاس الشاشة التي استخدمها : http://www.saa7.com/images/b/hdr.jpg
وضعت الرابط حتى لا تنحاس الصفحة على اللي شاشاتهم مقاسهم أصغر
أتمنى أن يكون الشرح واضح
آخر تعديل بواسطة صــح ، 20-02-2005 الساعة 04:32 AM.
ماهي الطريقة التي تجعل الموقع يتعامل تلقائيا مع مقاسات الشاشة
السلام عليكم ورحمة الله وبركاته
النمط المتتابع
