|
|
|
|
||||||
| دورات تعليم وتصميم الإستايلات قسم يهتم بتقديم دروس حول تصميم وتنسيق قوالب المنتديات المتكاملة Styles، كذلك لمناقشة الأفكار والأساليب الحديثة المتعلقة بالتصميم وطرق العرض. |
|
|
|
LinkBack | أدوات الموضوع | طرق العرض |
05 - 01 - 2009, 19:50
|
||||
|
والصلاة وللسلام على اشرف الانبياء والمرسلين سيدنا محمد وعلى اله وصحبه اجمعين اما بعد السلام عليكم ورحمة الله وبركاته بعد الدرس الاول الدرس الاول ][ تعلم تصميم قالب لـ postbit_legacy بالطول + العرض ][ (موضوع متعدد الصفحات 1 2 3) اول شي اتمنى زيارة هذه المواضيع للاستفاده منها والاقتباس منهااا أول درس من نوعه تعلم تأطير الجداول ونبدأ بالناف بار navbar http://traidnt.net/vb/showpost.php?p...12&postcount=4 الدرس المنتظر(شرح+حصري) كيفية تلائم تصميم الصفحات + الستايل في جميع متصفحات الانترنت http://traidnt.net/vb/showpost.php?p...75&postcount=1 أرجو قراءة المواضيع اعلاه قبل الشروع والدخول في الدرس الثاني ها نحن الان في الدرس الثاني بعد اتمام الدرس الاول ومعرفة كيف نصمم الشكل المطلوب بنمطين النمط العرضي او النمط الطولي بعد تصميم القالب الذي اردناه ناتي الى الخطوه التاليه وهي التقطيع والتركيب بالفرنت بيج او بأي برنامج أخر والاهم هو معرفة كيف التركيب الصحيح دون حصول أي أخطاء ومن خلال الدرس الاول الدرس الاول ][ تعلم تصميم قالب لـ postbit_legacy بالطول + العرض ][ يمكننا المباشره الان لــ تقطيع الاستايل بسم الله نبدأ نحن وصلنا لهذه الخطوه : وهي الانتهاء من عمل التصميم والفكره التي رسخت في عقولنا  طبعن العمل خالص (التصميم) لم يتبقى لنا سواء تقطيعه وتركيبه الان طريقة التقطيع بهذه الاداء  ولاحظنا نقاط التمدد التي من المهم مراعاتها عند التصميم كما بالصوره القبل السابقه لاحظ معي : 1- هي المنطقه العلويه ( لاتنسى منطقة التمدد ) 2- هي المنطقه الوسطيه ( لاتنسى منطقة التمدد ) 3- هي المنطقه الشفليه ( لاتنسى منطقة التمدد ) 4- هي المنطقى التي على اليمين ( لاتنسى منطقة التمدد ) 5- هي المنطقه التي على اليسار ( لاتنسى منطقة التمدد ) وايضاً لاحظ معي واهم نقاط سنركز عليها المنطقه الاولى وهي ستحتوي على بيانات العضو + الصورة الرمزيه المنطقة الثانيه والتي ستحتوي على الموضوع + اسم الموضوع ويمكننا وضع التوقيع ايضا المنطقه الثالثه ستكون لازرار الموضوع ( التعدل او الحذف) ( الاقتباس المتعدد) والخ.. الان بعد تحديد المناطق الخمس بقي لنا منطقة التمدد + الزوايه تحددهم كما تشاء ولاحظ معي كيف حددهم بالشكل ادناه طيب من الفوتوشوب نحدد بالطرق التالية كما في الصور الاتيه مع مراعاة الخطوات : المنطقة العلويه  المنطقه اليمنى + اليسرى  الان بعد التحديد لاحظ جميع المناطق كيف تم تحديدها  الصوره القادمه هي اخر مراحل التقطيع كما موضح فيهاا جميع المناطق الزايه + الهيدر + الفوتر + الوسط مع الاطراف + نقاط التمدد المحدده باللون الازرق  طبعن قطعتة وخلصتة الله لايهيننك روح من الادوات فوق ملف >> حفظ كصفحة ويب :  وهذه الصور بعد الحفظ  الان الحمدلله تم الانتهاء من التقطيع كما في الشكل اعلاه ........................... ياخوان طريقة التقطيع ماهي جديده ولاهي صعبه وهي افضل الطرق خاصه انها تقطع الصوور بمقاسات دقيقه والدروس للتقطيع كثيره وكل شخص وله فكرته وطريقتة ........................... الان جاء دور الــ front page '' طبعن انت اللحين ذابحك البرد والدفايه على يمينك وكوب حليب (لونا) '' << يالبيه بس  لاهنت تروح تفتح الفرنت بيج وتمسح مابداخله مسحت الملف وخلصت <<< كويس يابابا  طيب ظغطة زر بنص الصفحه واختر خصائص الصفحه واتجاه الصفحه من اليمين الى اليسارطبعن الان راح نضيف جداول ولاكن قبل مانضيف جداول راح يكون لنا سؤال كم جدول راح نضيف ؟ الجواب : نرجع للصوره التاليه شف الله لايهينك كم عمود وكم صف الي احنا قطعناهم راح تلاحظ 5 صفوف و 3 اعمده اذن من الجداول ندرج 5 صفوف و3 اعمده : ونرى كيف الترتيب على حسب التقطيع اللي قطعناه والصور اللي ظهرت بعد التقطيع والترتيب بالجدول  طبعن التركيب سهل مايبيله شرح لاكن الزياده خير من النقصان وكثر الدق يفك الحام اول شي تركيب الزوايه الــ 6  ملاحظة \ عند شد الاطراف يمين ويسار ارجو الرجوع للدرس الاول او فوق وهو درس الاخ لوشا للتوافق بين المتصفحات بدال ماتتعب واخر شي تلقاه مخترب في المتصفحات الثانيه نكمل نقاط التمد وطريقة عملها بزر الماوس الايمن خصائص الخليه >> صورة الخلفية الي هي التمدد تم تركيب جميع نقاط التمدد نقطة مهمه ( لتفادي اخطاء التمدد مكان التمد اظف صورة التمدد على انها صوره فوق التمدد ) هذا الشكل بعد تركيب الزوايه + مناطق التمدد واضفنا فوقهم صورة التمدد لتفادي زيادة في الجداول ( صورة التمدد خلهاا صغيره افضل )  طبعن للتاكد من عملك اظغط من اسفل على معاينة , لكنها لن تكون دقيقه وهذا ليس به اشكال طبعن الحمدلله وبفضل من الله عز وجل تعلمنا حتى الان !- وضع فكره لطريقة التصميم. !!- البدء بالتصميم وتقطيعه . !!!- توزيع الجداول والتصميم بالفرنت بيج. !!!!- الخطوة التاليه تركيب القالب على الاستايل طبعن احنا شغلنا بالعرض نروح للمنتدى ونسحب منه postbit اما اذا كان شغلنا بالطول نسحب قالب postbit_legacy ونروح نسحب منه اول جزء وهوى محتوى الموضوع لاحظ وضعنا نقاط اعلى واسفل القالب لاننا سوف نحتاجهااااا لان فوق واسفل النقاط سوف نضع فيه التصميم بعد مانضيف على المحتويات  طيب حلو وضعنا النقطان وبعدين ؟؟؟؟؟ اللحين نروح لبيانات العضو وصورته الشخصيه ونحددها لاحظ اننا ظغطنا على تيبل ( جدول) اي يعني ان هذا الجدول هو مانريده او يمكننا التحديد بالطريقه العاديه  الجزء اللي اعلى من التحديد سنعود له بعد الانتهاء الان حددناه ونسخناه نروح ونروح للمنطقة اللي سويناهاا تبع ابيانات العضو والصوره الرزميه ونلسق الجدول فيهااا وناتي محتوى الموضوع ونحدد بالطريقه العاديه افضل هنا نحدده كله كما بالصورة ( حدده من القالب الاصلي)  اللحين دامنا حددناه ونسخناه نوديه للتصميم ونلصقه بالمنتطقه المختصه له لاحظ المربعين الحمر وتفسيرهم فوووق + الردس الاول  المربع الثالث يمكنك وضع :   الان لاتنسى الصور تغير امتدادهااا ملخص ( ركبت المحتوى الاول + المحتوى الثاني + المتوى الاول+ ركبت الايقونات المخلفات والتحديد والتقيم ) طيب ندخل على تعليمات برمجيه ونحدد القالب ونرجع للقالب اللي عملنا فيه (*) العلامه من خدمات برمجيه نحديد اللي بين النقاط ونلص بداله القالب اللي ركبنا عليه المحتويات كيذا الحمدلله خلصنا من الشرح والتتقطيع والتركيب انسخ القالب وركبه على استايلك وجرب عملك راح تصادفكم اخطاء واتركها لكم لاكن ان لم تنجح في تخطيها ضعها هنا وسأحلها لك الى الان الحمدلله والصلاة على خاتم الانبياء والمرسلين سيدنا وحبيبنا محمد صلى عليه وسلم 
|
|
.:: عضو متألق ::.
 
  |
|
|
|
|
:: عضو فعال ::
|
|
|
|
|
.:: عضو متألق ::.
|
بالتوفيق لك وجزاك الله كـُل خير . |
|
|
|
.:: عضو متألق ::.
  |
حياك ربي يالغالي الؤلؤ شاكر لك المتابعه الطيبه والحضور الاكثر من رائع في هذا القسم والرجل المناسب بالمكان المناسب جزاك ربي خير
ووجهك يالغالي العفو حياك ربي ومشكور للمرور اخوي تابع الشرح التصميم بالعرض ............... ؟؟؟؟؟؟؟؟؟؟
ويعافيك يالغلا
تسلم بارك الله فيك واشكر لك مرورك |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
|
:: عضو شرف ::
|
بارك الله فيك وان شاء الله احاول اطبقه تسلم يالغالي وتستاهل التقييم . |
|
|
|
:: عضو جديد ::
 |
لكن التصميم هذآ ليس بالطول ( المستخدم هنآ في ترايدنت ، مثلآ الرد الأول من ترايدنت هو نفس الشرح الموجود هنآ ، لكن نريد نفس الرد الثآني ينعكس يصير البيانات يمين والموضوع يسار ، هل هذه الطريقه تنفع ! لا اعتقد لانها مخصصه لمثل شكل ترايدنت بالرد الأول ) في أنتظار ردك ، كيف الطريقه أو التعديل المنآسب .. [ شرح لا غبار عليه ] .. |
|
|
|
::مراقب::
أقسام تعليم استايلات  
|
بارك الله فيك تستاهل التقييم |
|
|
|
.:: عضو متألق ::.
|
هلا فيك حبيبي جزاك الله خير على التقيم وشاكر لك المرور الرائع ان شاء الله يكون الشرح واضح وسهل وبانتظار مايحصل معك اثناء التطبيق  شاكر لك المرور الجميل
الله يسلمك وشاكر لك مرورك
الله يعطيك العافيه اخوي وتسلم على التقييم اي نعم خيو التصميم لببيانات بالعرض بامكانك تستخدم نفس القالب المستخدم في ترايدنت لاكن راح تحتاج تصميمين بالطول والعرض بس راح يكون التطبيق طويل رغم انه ممتع اي نعم اخوي الطريقه تنفع اما يكون بالعرض او يكون بالطول او يكون بالعرض والطول معن اذا كنت تريد نفس قالب ترايدنت بامكانك سحبه من هنا وتصميم قالبين القالب الاول بالعرض والقالب الثاني بالطول واتبع نفس الخطوات بالتقطيع والتركيب وهاذي صوره كيف التقطيع + التركيب بالطول وهي نفس الخطوات السابقه هاذي صورة التقطيع http://upload.traidnt.net/upfiles/xyT86931.jpg وهنا صورة التركيب http://upload.traidnt.net/upfiles/L8T87110.jpg |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
|
.:: عضو متألق ::.
|
الله يعطيك العافيه خيوووو ابو شدق والله يعطيك العافيه على المجهود القائمين عليه بالقسم ومشكور على التقيم |
|||||||||||||||||||||||
|
|
|
:: عضو نشيط ::
|
بارك الله فيك والله كنت منتظر للدررس |
|
|
|
.:: عضو متألق ::.
|
العفووو حياك ربي يالغالي ومشكور ماتقصر على المرور |
|||||||||||||||||||||||
|
|
|
:: عضو جديد ::
|
شرح بصراااااااااحه جامد بس مش عارف ليه لما باجي اركبه في المنتدي بيقولي خطاء في البوست بيت في السطر 21
كده يبقي انا مسحت حاجا غلط وانا بعمله ولا عيب توزيع مني |
|
|
|
| العلامات المرجعية |
| أدوات الموضوع | |
| طرق العرض | |
|
|
العرض العادي
