الدرس الثاني ][ تعلم تصميم قالب لـ postbit_legacy بالطول + العرض ][

[فارس قطر]

<div>بسم الله الرحمن الرحيم

والصلاة وللسلام على اشرف الانبياء والمرسلين سيدنا محمد وعلى اله وصحبه اجمعين


اما بعد


السلام عليكم ورحمة الله وبركاته


بعد الدرس الاول

الدرس الاول ][ تعلم تصميم قالب لـ postbit_legacy بالطول + العرض ][ (موضوع متعدد الصفحات 1 2 3) (http://traidnt.net/vb/showthread.php?t=1074453)



اول شي اتمنى زيارة هذه المواضيع للاستفاده منها والاقتباس منهااا

أول درس من نوعه تعلم تأطير الجداول ونبدأ بالناف بار navbar
http://traidnt.net/vb/showpost.php?p...12&postcount=4
الدرس المنتظر(شرح+حصري) كيفية تلائم تصميم الصفحات + الستايل في جميع متصفحات الانترنت
http://traidnt.net/vb/showpost.php?p...75&postcount=1

أرجو قراءة المواضيع اعلاه قبل الشروع والدخول في الدرس الثاني

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


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

والاهم هو معرفة كيف التركيب الصحيح دون حصول أي أخطاء

ومن خلال الدرس الاول

الدرس الاول ][ تعلم تصميم قالب لـ postbit_legacy بالطول + العرض ][

يمكننا المباشره الان لــ تقطيع الاستايل

بسم الله نبدأ

نحن وصلنا لهذه الخطوه : وهي الانتهاء من عمل التصميم والفكره التي رسخت في عقولنا

http://upload.traidnt.net/upfiles/L9O25173.jpg


طبعن العمل خالص (التصميم) لم يتبقى لنا سواء تقطيعه وتركيبه


الان طريقة التقطيع بهذه الاداء

http://upload.traidnt.net/upfiles/tOV14918.jpg


ولاحظنا نقاط التمدد التي من المهم مراعاتها عند التصميم كما بالصوره القبل السابقه
لاحظ معي :
1- هي المنطقه العلويه ( لاتنسى منطقة التمدد )
2- هي المنطقه الوسطيه ( لاتنسى منطقة التمدد )
3- هي المنطقه الشفليه ( لاتنسى منطقة التمدد )
4- هي المنطقى التي على اليمين ( لاتنسى منطقة التمدد )
5- هي المنطقه التي على اليسار ( لاتنسى منطقة التمدد )

وايضاً لاحظ معي واهم نقاط سنركز عليها

المنطقه الاولى وهي ستحتوي على بيانات العضو + الصورة الرمزيه

المنطقة الثانيه والتي ستحتوي على الموضوع + اسم الموضوع ويمكننا وضع التوقيع ايضا

المنطقه الثالثه ستكون لازرار الموضوع ( التعدل او الحذف) ( الاقتباس المتعدد) والخ..

الان بعد تحديد المناطق الخمس بقي لنا منطقة التمدد + الزوايه تحددهم كما تشاء ولاحظ معي كيف حددهم بالشكل ادناه

طيب من الفوتوشوب نحدد بالطرق التالية كما في الصور الاتيه مع مراعاة الخطوات :

المنطقة العلويه


http://upload.traidnt.net/upfiles/A2n58210.jpg


المنطقه اليمنى + اليسرى

http://upload.traidnt.net/upfiles/bsH58336.jpg


الان بعد التحديد لاحظ جميع المناطق كيف تم تحديدها


http://upload.traidnt.net/upfiles/Goa58458.jpg


الصوره القادمه هي اخر مراحل التقطيع كما موضح فيهاا جميع المناطق الزايه + الهيدر + الفوتر + الوسط مع الاطراف + نقاط التمدد المحدده باللون الازرق


http://upload.traidnt.net/upfiles/uPf58626.jpg


طبعن قطعتة وخلصتة الله لايهيننك روح من الادوات فوق

ملف >> حفظ كصفحة ويب :

http://upload.traidnt.net/upfiles/q7n59663.jpg

وهذه الصور بعد الحفظ

http://upload.traidnt.net/upfiles/ovb59749.jpg



الان الحمدلله تم الانتهاء من التقطيع كما في الشكل اعلاه
...........................
ياخوان طريقة التقطيع ماهي جديده ولاهي صعبه وهي افضل الطرق خاصه انها تقطع الصوور بمقاسات دقيقه

والدروس للتقطيع كثيره وكل شخص وله فكرته وطريقتة
...........................
الان جاء دور الــ front page

'' طبعن انت اللحين ذابحك البرد والدفايه على يمينك وكوب حليب (لونا) ''

[يونس المشوشي]

والله مشكور على الشرح جميل
ونشا الله نتعلم
وبارك الله فيك