الويب العربي - (شرح + حصري) توزيع الهيدر +الفوتر+ الأعمدة مختلفة المقاسات توزيع حر

اليوم درس جديد وأسميت الدرس ب
التقطيع + التوزيع بالأسلوب الحر
Cut and distribution of the open Style method
+++============+++

أسألة وأجوبة

1- لما تم هذا الدرس ؟
الإجابة : تم هذا الدرس على أساس تجازب الخبرات واعطاء التصميم الطابع الحر الذى تريد أن تصمم بية شمال يمين حرية + تكسير القاعدة العامة التى تعلمنا بها + قمة السهولة فى هذه الطريقه فى التوزيع أسهل من التقطيع الثابت
وأسهل كثير

2- ما الفائدة فى الدرس ؟
الدرس سوف يعالج التصميم بشكل أخر جديد رغم انه سيكون سهل للمحترفين .

3- هل هذه الطريقة تتناسب مع المتصفحات الأخرى ؟
الإجابة : الدرس يتناسب التصميم مع أى متصفح كان انتر نت أكسبلوير أوبرا فير فوكس بدون أى مشاكل لأننا لم نستخدم ادوات التحديد بالمرة

4- من صاحب الدرس او الفكرة ؟
الأجابة :من خبرتى

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

ثامر .
وطبعا مقدم الدرس لكم
اخوكم فى الله
Ali Losha

+++============+++

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

أضغط على الصورة لتراها بالوضع الموضح

من الصورة العلوية رأيتم كيف تم التقطيع

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

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

+++============+++

بعد التقطيع والحفظ نبدأ فى الدرس اليوم وهوه التوزيع الحر

نفتح الفرونت بيج
نوذيل كافة الاكواد الموضوعة ونجعل الصفحه فارغه
ثم
نحدد ثلاث خلايه عمودية موضح بالصورة التالية

ونحدد أتجاه الخلايا كى يتم التوجيه بالطريقة الصحيحة كما موضح بالصورة التالية

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

يلى الان إداخل ثلاث صفوف داخل كل خليه
مثل الصورة الموضوحه التالية

وبالتتابع كل جدول داخلة ثلاث صفوف جديدة حتى يتم عندنا هذا الشكل النهائى

وبعد الإنتهاء من ترصيص الجداول الداخليه نعطى خصائص جل جدول كما هوه موضح

وبعد أنتهائك من ألغاء الحدود سوف يظهر لك الجدول كالمعتداد
ولكم صورتان توضح قبل وبعد إلغاء الحدود

هذا الجدول قبل إلغاء الحدود كاملة

وهذه الجدول بعد الأنتهاء من إذالة الحدود

بسم الله نبدا فى التوزيع كالمعتاد ونستتدعى اول صورة
ومع أستعداء اول صورة نلاحظ ما سوف يتم الرجاء الإنتباه الله يرحم والديكم

كما موضح بالصورة تم إعطاء الخليه اليمنى نسبة مئوية 1%
ومن هنا يتم عمل الاتى إعطاء كل خليه على الأطراف نفس النسبة المئوية 1%
كما موضح
أفتراضاً الإستايل المصمم لدينا مصمم ليكون الأطراف كل طرف خليتان
فكل خلية تأخذ 1%
فأجعلونا فى التصميم الذى أمامنا كى لا تحوسوا فى الموضوع

كما ترون تم أعطاء الخليه اليمنى النسبة المئوية وعند إدراج الخليه اليسرى تم أعطائها نسبة مئوية 1%
بالله ركزو لحظه
كده أصبح مجموع النسب المئوية المعطاه 2% فاضل عندنا نسبة مئوية 98%
نقوم بإعطائها للخليه الوسطى موضح بالصورة

بكدة نكون أكملنى النسبة المئوية 100%
1% يمين + 1% يسار + 98% وسط = 100%
كما موضح بالصورة التالية

وبنائاً على هذا الأساس
يتم التوزيع لكافة الجداول
الأطراف تأخز 1% والوسط يأخذ المتبقى من النسبة المئوية
التووضيح النهائى بعد التوزيع فى الفرونت بيج

ملحوظه
أختلفت الطرق إلى الوصول للحل الصحيح
ولاكن هذا أسهلهم

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

في النهاية
وأى سؤال بإذن الله أخوكم حاضر يله بالتوفيق والخير نلتقى

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

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

سبحانك اللهم وبحمدك , أشهد أن لا اله إلا أنت أستغفرك وأتوب إليك
أخوكم فى الله
Ali Losha

لتحميل الدرس لمن لم تظهر عندة الصور

Download

لمن أردا نقل الدرس بالكامل

Download

إقتباس:

ملحوظه
هناك من يمر بموضوعك ويكون في أشد الحاجة إليه ويمنعه ضيق
الوقت من الرد عليه ويكتفي بالدعاء لك في ظاهر الغيب

( فأجعل هذا هو هدفك الذي تطمح أليه )

رابط الدرس الأصلى