مساحة إعلانية
مساحة إعلانية






العودة   مطور Mtwer > أقسام دورات و دروس مطور المتخصصة > قسم الدروس والدورات العام > إرشيف الدورات > دورة تصميم ستايلات منتديات الفي بي vBulletin


دورة تصميم ستايلات منتديات الفي بي vBulletin الدورة إنتهت
تضمن لك هذه الدورة أن تتعلم بأسلوب عملي وممتع وسهل الطرق الصحيحة للتمكن من تصميم استايلات منتديات الـ vBulletin بإتقان
ملقي الدورة: [vista-design]

موضوع مغلق
 
LinkBack أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 14-07-2008, 12:45 PM vista-design متواجد حالياً
الصورة الرمزية vista-design
:: + عضو شرف + ::
الرتبةالرتبةالرتبةالرتبة
 




بيانات موقعي :
اصدار المنتدى : لا أملك منتدى

أنظمة العمل :
نظام الشتغيل : ويندوز 7
برنامج الحماية : KASPERSKY
الدرس الثانى: درس تصميم الهيدر والفوتر وتقطيعـــه

الدرس الثانى: درس تصميم الهيدر والفوتر وتقطيعـــة




بسم الله الرحمن الرحيم

نعود معكم من جديد ونبدأ الشغل الجد

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


يلا بينا..........

اولا : نقتح عمل جديد بمقاسات 777 x 666

شوف



ثم نقوم بأختيار اللون اللى راح نرسم بيه كلا من الهيدر والفوتر ( الكحلى)
شوف.....ولاحظ رقم اللون



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



ملحوظه: ( اضغط ctrl+' حتى يتقسم العمل الى مربعات) -- او من view فوق ثم show ثم grid

الحين احفظ الصورة اليسرى لمطور على جهازك وقم باستيرادها على الفوتوشوب
file ثم open



بعدين نختار بأداة التحديد المنقطة الجزء الاوسط ما عدا الاجزاء العلوية والسفلية
ثم نضغط ctrl +c للنسخ

شوف.......



ثم نروح للعمل اللى احنا شغالين عليه وبعدين اضغط ctrl+v للصق الصورة فى العمل

شوف.....




نختار بأداة التحريك ونحرك الصورة لليسار كما بالصورة...

شوف....




باستخدام اداة الاشكال ,نرسم مستطيل سفلى واخر علوى
شوف.......



نقوم بتطبيق الكلام السابق بالظبط على الصورة اليمنى

احفظها على جهازه وسوى مثل السابق

شوف.....






شوف.....









نأتى الان لكى نزيل حواف الصورة حتى يكون شكل الهيدر حلو


راح نستخدم اداة الممحاة بتركيز 45

شوف.......






شوف.....



بهيك نكون سوينا الهيدر بكل خفة وبساطة




ثانيا: تصميم الفوتر

وراح نرسمه بسيط

شوف.......



الحين انتهينا من التصميم.....



ننتقل لمرحلة التقطيع

اولا: قواعد أساسية قبل ان نكمل:

1-يجب وانت بتقطع لازم تكون الاطوال نفس الشىء
2-يجب ان تكون نقطة التمدد منطقة صافية ما فيها شىء

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



شوف الهيدر بما انه صورتين , صورة يسار وصورة يمين
راح نقوم بتقسيمة كالاتى:

1-جزء ايسر
2-جزء اوسط (نقطة التمدد)
3-جزء أيمن

شوف الصورة.....



بالمثل: راح نقطع بنفس الطريقة الفوتر.....

شوف.......







بهيك نكون انتهينا من التقطيع



الحين راح نحفظ عملنا


اضغط

file

ثم

save for web


ثم شوف الصورة......





شوف.....





بهيك يكون انتهى الدرس الاول....


نرجو من جميع الاعضاء تطبيق الدرس حتى نرى شغل كل عضو
ونعطى التوجيه المناسب

ولن يتم الدخول فى الدرس الثلث الا بعد ان يتم مناقشة الدرس الثانى





أتمنى يكون عجبكم

أخوكم vista-design

انتظروا الدرس الثانى

التوزيع على الفرونت بيج

التوقيع:
عالم مطورى الويب لتعليم برمجة وتصميم المواقع
www.advphp.com

----------------
اول برمجياتى,اسكربت AraDown العملاق لاشهار المواقع وزيادة دخلك من ادسنس

http://aradown.info

آخر تعديل بواسطة vista-design ، 17-07-2008 الساعة 09:39 PM.
موضوع مغلق

العلامات المرجعية

مواضيع جديدة في قسم دورة تصميم ستايلات منتديات الفي بي vBulletin

أدوات الموضوع
انواع عرض الموضوع

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

BB code متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
دروس تصميم استايلات منتديات، (إضافة للدرس الثانى ) تعلم فنون التقطــيع وشرح الدرس الثانى vista-design دورة تصميم ستايلات منتديات الفي بي vBulletin 58 25-07-2011 05:58 AM
الدرس الاول من دوره توزيع الوجهات توزيع الهيدر والفوتر قناص جوبا لغات برمجة مواقع PHP, ASP, Java Script, Perl 5 13-07-2011 11:22 AM
مشكلة في الهيدر والفوتر ونقاط تمددهم photoshop girl دعم فني ، و صيانة المنتديات مجاناً 5 19-11-2010 12:08 PM
[joomla4] شرح تصميم الهيدر والفوتر للقالب والتعديل عليه vista-design دورة تصميم المجلات الإلكترونية 1 17-08-2009 01:13 PM



معهد مطور غير مسؤول عن أي إتفاق تجاري أو تعاوني بين المستخدمين عامة
فعلى كل شخص تحمل مسؤولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وإعطاء معلومات موقعه
التعليقات والردود المنشورة لا تعبر عن رأي معهد مطور ولا نتحمل أي مسؤولية قانونية حيال ذلك ( ويتحمل كاتبها مسؤولية النشر)


نحن الأصل والباقي تقليد

جميع الأوقات بتوقيت GMT. الساعة الآن 07:15 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.6.1
F.T.G.Y 3.0 BY: D-sAb.NeT © 2011



هذا الإستايل خاص بمعهد مطور | ولا نسمح نهائيا باقتباسه أو محاكاته او سرقته