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

[Losha]

http://00op.com/up/uploads06-11-11/de50d3c9d6.gif

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

أسألة وأجوبة

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


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

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

4- من صاحب الدرس او الفكرة ؟
الأجابة :من خبرتىhttp://www.traidnt.net/vb/images/smilies/shiny.gif مع التعامل فى عالم توزيع الإستيلات التى أكتسبتها مع ومن أروع المصممين
فكان الدرس من شروحات اخى الحبيب وفننا الغالى
أبو فيصل الملقب بالمتميز السعودى (http://www.vip4ksa.com/)الحبيب إلى قلبىhttp://www.traidnt.net/vb/images/smilies/icon26.gif ثامر .
وطبعا مقدم الدرس لكم
اخوكم فى الله
Ali Losha
+++============+++

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

أضغط على الصورة لتراها بالوضع الموضح
http://www.losha.net/shro7/twze3/001.jpg (http://www.losha.net/shro7/twze3/0001.jpg)

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

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

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

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

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

نفتح الفرونت بيج
نوذيل كافة الاكواد الموضوعة ونجعل الصفحه فارغه
ثم
نحدد ثلاث خلايه عمودية موضح بالصورة التالية
http://www.losha.net/shro7/twze3/01.jpg (http://www.losha.net/vb/index.php)

ونحدد أتجاه الخلايا كى يتم التوجيه بالطريقة الصحيحة كما موضح بالصورة التالية
http://www.losha.net/shro7/twze3/02.jpg (http://www.losha.net/vb/index.php)

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

يلى الان إداخل ثلاث صفوف داخل كل خليه
مثل الصورة الموضوحه التالية
http://www.losha.net/shro7/twze3/07.jpg (http://www.losha.net/vb/index.php)

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

http://www.losha.net/shro7/twze3/08.jpg (http://www.losha.net/vb/index.php)

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

http://www.losha.net/shro7/twze3/02.jpg (http://www.losha.net/vb/index.php)

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

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

http://www.losha.net/shro7/twze3/03.jpg (http://www.losha.net/vb/index.php)

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

http://www.losha.net/shro7/twze3/04.jpg (http://www.losha.net/vb/index.php)

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

http://www.losha.net/shro7/twze3/09.jpg (http://www.losha.net/vb/index.php)

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

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

http://www.losha.net/shro7/twze3/06.jpg (http://www.losha.net/vb/index.php)

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

http://www.losha.net/shro7/twze3/011.jpg (http://www.losha.net/vb/index.php)

وبنائاً على هذا الأساس
يتم التوزيع لكافة الجداول
الأطراف تأخز 1% والوسط يأخذ المتبقى من النسبة المئوية
التووضيح النهائى بعد التوزيع فى الفرونت بيج
http://www.losha.net/shro7/twze3/012.jpg
مشاهدة الإستايل الذى تم أجراء الدرس عليه

هنـــــــــــــــــــــــــــــا (http://www.losha.net/style/index.php?styleid=7)

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

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


في النهاية
وأى سؤال بإذن الله أخوكم حاضر يله بالتوفيق والخير نلتقى
http://00op.com/up/uploads06-08-17/6008c7257f.gif
فالسماح على الخطأ والنسيان
فإن كان بيه خطأ فإنه منى وأنسانى إياه الشيطان الرجيم
وإن أصبت http://www.traidnt.net/vb/images/smilies/clap.gif فلله الحمد والمنة أن وفقت في ذلك

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

سبحانك اللهم وبحمدك , أشهد أن لا اله إلا أنت أستغفرك وأتوب إليك
أخوكم فى الله
Ali Losha
http://www.ojqji.net/vb/images/welcom/75.gif


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

http://www.losha.net/shro7/tsmim/gobutton.gif Download (http://www.traidnt.net/vb/attachment.php?attachmentid=95751&stc=1&d=1166705293)

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

http://www.losha.net/shro7/tsmim/gobutton.gif Download (http://www.losha.net/shro7/twze3/txt.zip)



http://00op.com/up/uploads06-11-11/7ca72686c2.gif




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

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

رابط الدرس الأصلى (http://www.losha.net/vb/showthread.php?p=15142)



http://00op.com/up/uploads06-12-16/fac976ee30.gif (http://www.traidnt.net/vb/showthread.php?t=272554)

[الحسين]

شكرا لك اخي losha

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

بارك الله فيك

[عاشق السمراء]

مسااااااااااااء جميل!!

شرح مفيد اخي لوشا

[أخت عاشق السمراء]

شكرا لك أخي على الشرح الوافي

يعطيك العافية

[خلود]

يزاك الله خير اخويه
مشكور ويعطيك العافيه