الويب العربي

الويب العربي (http://www.arabwebtalk.com/index.php)
-   تبادل خبرات التصميم (http://www.arabwebtalk.com/forumdisplay.php?f=58)
-   -   :+::[ الدرس الأول من دروس الإستايلات المتطورة بالتفصيل من فوكس ]::+: (http://www.arabwebtalk.com/showthread.php?t=31163)

فـــوكـــس 25-07-2006 06:23 PM

:+::[ الدرس الأول من دروس الإستايلات المتطورة بالتفصيل من فوكس ]::+:
 
بسم الله الرحمن الرحيم

حياكم الله وبياكم وسدد على طريق الحق خطاي وخطاكم

أما بعد :

في هذا الدرس سنلتقي بالكثير الكثير من الجديد في عالم الإستايلات الواسع

طيب ماهي الإستايلات المتطورة ومالفرق بينها وبين الإستايلات العادية ؟

ج : الجواب في الصور ...

لاحظ الأقسام في استايل عادي



أما الآن فلاحظ الفرق هذا الحين ( استايل متطور )



_ _ _ _

طيب الحين عرفنا ويش هي الإستايلات المتطورة

قبل لا نبدى أبي أقولك شي

اللي هو :

الإستايلات المتطورة تعتمد اعتماد كلي على 4 قوالب

forumhome_forumbit_level1_nopost

ومكانه ووظبفته عبارة عن الإطار الخارجي حول الإطارات اللتي بداخلها الأقسام

وتوضع به أوامر ومتغيرات اسم القسم والمنتدى الفرعي

لو ما فهمت الحين في الدرس ان شاء الله راح تفهم ... يعني لا تخاف أنت مو غبي بس شوي شوي

وهذه صورة توضيحية بسيطة



ثم تعديل بسيط في كود في قالب FORUMHOME

ثم استبدال قالب forumhome_lastpostby بكود آخر

ثم قالب forumhome_forumbit_level2_post

وهو الأساس والأهم ومحور الأساس

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

ويمكنك الإستغناء عن قالب forumhome_forumbit_level1_nopost

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

ما علينا

المهم هذه نبذة بسيطة عن الإستايلات المتطورة

وطبعاً قمت بشرحها قبل المشاريع اللي كنت أخطط لشرحها قبل لكثرة الحاح الأعضاء عليه في الماسنجر وغيره

فبالله نستعين ونتوكل

ونأمل ايصال المعلومة

وأخلي مسؤوليتي أمام الله في من استخدمه في غير مرضاته

ألا هل بلغت اللهم فشهد

الحين حط قدامك كاس شاي وقول بسم الله

وافتح الفوتوشوب

_ _ _ _ _ _


المقاس إذا كنت ماراح تسوي تأطير شامل للإستايل حطه 780

وراح نجيله في دروس قادمة بإذن الله إذا في العمر بقية

فنعتمد مقاس 780 للعرض والطول على راحتك



اختر من أداة الأشكال هذا الشكل مثلاً



ونرسم الشكل فيكون عندنا ناتج مثل هذا



الحين نختار نفس الشكل ورسمه بهذا الشكل



الحين نضيف عليه هذا البترن وتجدونه بالفرقات



لاحظ الحين كيف صار



نضيف عليه بعض التأثيرات كالظلال الخارجية والداخلية



الحين صار عندنا شكل حلو ومناسب صحيح

طيب الحمد لله شي جميل

الحين يا بعد حيي نجي للتقطيع

حاولت أجيبه لكم في هالدرس بأسهل طريقة ممكنة وهي تقطيع 3 في 3

نرح الحين لأداة التقطيع الموضحة بالصورة



بعد ما تختار الأدة قطع الشكل بطريقة 3 في 3

شوف الصورة



طبعاً لاحظ الشكل الأحر .. للمعلومية هذا المكان اللي راح يوضع فيه اسم القسم

طيب الحين روح إلى save for web



راح تفتحلنا نافذة التحكم في دقة الصور وحجمها كذلك



بعد ما تخلص اضغط على
save

طيب علشان لا يكون في تعجبز أو تعب على الأخوان نكتفي بهذا الحد من الدرس

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

forumhome_forumbit_level1_nopost

إلى ذلك الحين لكم تحياتي ولا تنسوني ووالدي من صالح دعائكم

محبكم فوكس

أسامة الهادى 25-07-2006 07:28 PM

بدايه موفقه إن شاء الله
منتظرين البقيه

فـــوكـــس 25-07-2006 07:34 PM

تسلم أخوي على ردك ومرورك

windy 26-07-2006 04:04 AM

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

يعطيك العافيه اخي فوكس

عندي كم سؤال

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

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


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


يعطيك العافيه استأذي

وان شاءالله اكون من المنتظمين معاك


دمت بود

اختك

ونوودة:cool:

ممالك 28-07-2006 01:04 PM

ألف ألف شكر اخوي فوكس
ايه نبغى اشياء جديدة في تصميم الاستايلات ملينا من المعتاد كلها مثل بعض :)

<<< ماسك الفوتوشوب و بيشتغل معاك خطوة خطوة
الحمد لله معرفة في الفوتوشوب جديدة لغة html الفرنت بيج وكم برنامج مش بطالين :)

انتظر اكمال ادرس على احر من الجمر

عبدالله الحصان 29-07-2006 06:22 PM

تسلم يا بطل

ننتظر التكملة :)

طائر الليل الحزين 03-08-2006 12:54 PM

بالتوفيق للجميع

قرقور 03-08-2006 10:04 PM

ماشاء الله عليك اخي تسلم يدك على الشغل 100% بنتظار جديدك يامبدع

مشـ1ري 04-08-2006 05:44 PM

يعطيك العافيه فوكس ,,

متابع يابعدي ,,

glal roshdy 02-04-2007 01:51 PM

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


جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 08:45 AM.

Powered by vBulletin
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © ArabWebTalk.Com 2004-2012