كيف يتم ضبط "الـبـانـر" في التصميم لملائمة جميع الشاشات - 800*600 أو 1152*864 . . ؟؟؟

[ابو نوف]

ياخوان

نبغى شرح عملي

مو تحطون لنا الهيدر والصور ولا تحله لواحد

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

[ilash.net]

شكراً لكل المهتمين بالموضوع واللي شاركه فيه ، لكن لهادي اللحظة ما حصلنا على حـــــل !!

يعني يا ريت شرح ولو غير مفصل لكيفية عمل وحل المشكلة !


وللجميع خالص تحياتي وتقديري

[ilash.net]

[k8ncom]

حل بسيط

إذا كان طرفا الصورة متشابهان

خذ 1 بكسل من أي طرف وأحفظه على هيئة صورة وإجعله خلفية للجدول..

وإذا كانت غير متشابه..
فأعمل خلية في الطرف الأول...
وخلية في الطرف الثاني
الأولى أجعل خلفيتها بصورة 1 بكسل من طرف البانر الأيمن
والخلية الثانية اللي هي اليسرى أجعل خلفيتها من طرف الصورة الأيسر..

وهكذا..

ولا تنسى أن يكون عرض الجدول 100%

وعرض الخلية التي بها البانر بنفس عرض البانر..

أتمنى أكون قدمت الحل...

ومعليش على الشرح السريع...

[مـازن الضراب]

السلام عليكم أخي الكريم

تساؤل في مكانه !

وقد تحدثت عن هذا الأمر في موقعي بتفصيل أكثر .. أتركك معه


استخدم الصفحات السائلة :
هذه الطريقة تستخدم في الغالب في الصفحات الداخلية ، فهي مناسبة لهذا الغرض بشكل كبير ، والطريقة سهلة نسبيا ً وليس فيها تعقيد ، الطريقة تعتمد على " النسبة في عرض الجداول " ففي هذه الحالة يضبط عرض الجدول بالنسبة وليس بالبيكسل وبالتحديد بنسبة 100 % .
مالذي سوف يحصل ؟
يدخل زائر موقعك الموقع ، ويتم الكشف عن مقاس العرض المستخدم ، وتقوم الصفحة إما بالتمدد أو التقلص بحسب مقاس العرض في شاشة الزائر .
أمور يجب مراعاتها !
يجب عليك مراعاة استخدام لون في خلفية رأس الجدول ، أو استعمال صورة قابلة للتكرار كخلفية له !
مثال يبيّن المقال :
لنفرض أنك صممت هذا التصميم ليكون رأسا ً لصفحتي وصفحتي هذه سأصممها وفق طريقة الصفحات السائلة !

اضغط هنا لرؤية التصميم كاملا ً

ربما يكون هذا التصميم مناسبا ً لمن شاشاتهم 800 * 600 ، لكننا لن نستفيد من خاصية التمدد في الجدول إن تركنا التصميم هكذا !!
الحل يكون بتجزي هذا البانر إلى أجزاء ثلاثة ، " يجب على المصمم أن يجعل خلفية التصميم قابلة للتكرار وهذا نناقشه في درس مستقل " الجزء الأول سيكون عبارة " مدرسة مازن " ، والجزء الثاني فراغ " وهي منقطة التمدد " والجزء الأخير " شعارمدرسة مازن " قمت بهذه المهمة وكونت الصور التالية :

الجزء الأول " مدرسة مازن "



الجزء الثاني " منطقة التمدد "



(( قمت بتحديد وحدة ، لتكرارها وجعلها خلفية للجدول بحيث لو تمدد الجدول ستتمدد تبعا ً لذلك ))

الجزء الثالث " شعار المدرسة "



--------------
بهذا أكون أنجزت جزئ كبير جدا ً من المهمة ، بقي الآن دور برنامج الفرونت بيج أو أي برنامج تحرير صفحات ، علي الآن أن أنشئ جدولا ً بثلاث خلايا ، الخلية الأولى سيكون فيها الجزء الأول والثانية الثاني والثالثة الثالث ، لعمل ذلك اتبع الخطوات التالية :

قم بإنشاء جدول بثلاث خلايا بالطريقة السريعة ( انظر الشكل )




بعد ذلك قم بالدخول إلى خصائص الجدول عن طريق تحديد الجدول والضغط بالزر الأيمن واختيار خصائص الجدول Table properties

ستخرج لك نافذة خصائص الجدول ، قم بتغيير القيم كما هو مبين لك في الشكل



في أسفل هذه النافذة ستجد خيار Use Background picture معطل قم بتفعيله ، واختر الصورة التي قمنا بفصلها لجعلها خلفية للجدول " لا تنس وضع قيمة حدود الجدول بـ صفر " .



ستجد أن شكل الجدول أصبح شبيها ً بهذا



+-------------+

الآن وبسهولة قم بإدراج الجزء الأول في الخلية الأولى ، والجزء الثالث في الخلية الثالثة ، كما أني أنصحك " بمحاذاة الجزء الأيمن لليمين ، والجزء الأيسر لليسار " .

لرؤية مثال على هذا الدرس اضغط هنا

+--------------+

الدرس يحوي هذه التلميحة ، وغيرها من الحلول ويمكنك الوصول إليه عن طريق هذه الوصلة :

نحو موقع ناجح فنيا ً

---------