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


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

اليوم درس جديد وأسميت الدرس ب
التقطيع + التوزيع بالأسلوب الحر
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

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





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



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