النتائج 1 إلى 6 من 6

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

  1. #1
    عضو سوبر نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    605

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





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





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

    ( فأجعل هذا هو هدفك الذي تطمح أليه )
    رابط الدرس الأصلى









    __________________
    ۞---لوشا لخدمات وتطبيقات الويب---۞

    { سُبْحَانَكَ لاَ عِلْمَ لَنَا إِلاَّ مَا عَلَّمْتَنَا إِنَّكَ أَنتَ الْعَلِيمُ الْحَكِيمُ }


  2. #2
    عضو فعال
    تاريخ التسجيل
    Sep 2004
    المشاركات
    1,157


    يعطيك ربي العاافيه اخوي Losha.Net
    شرح كافي ووافي ..
    لاتحرمنا من جدبدك ..





    __________________
    مدونتي

  3. #3
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    156


    اللــه يجزاك كل خير اخوي علي ..


    بيض اللــه وجهك ما قصرت






  4. #4
    عضو فعال
    تاريخ التسجيل
    May 2006
    المشاركات
    1,477


    بيض الله وجهك لوشا لي رجعه لان عند كذا سؤال بس رايح تكون بالتطبيق بعون الله





    __________________
    استمع واشكرني

  5. #5


    بارك الله فيييك

    طريقة جميله وفعالة

    كل عام وانت بالف خير





    __________________
    ..
    كود PHP:
    //سبحان الله وبحمده
    سبحان الله العظيم 

  6. #6
    عضو سوبر نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    605


    سلمو اخوانى على مروركم الطيب
    والمرجو الأفادة والخير للجميع





    __________________
    ۞---لوشا لخدمات وتطبيقات الويب---۞

    { سُبْحَانَكَ لاَ عِلْمَ لَنَا إِلاَّ مَا عَلَّمْتَنَا إِنَّكَ أَنتَ الْعَلِيمُ الْحَكِيمُ }





ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  
0
أضف موقعك هنا