{ إعتذار و أعلان بدء دورهـ }
9 أكتوبر 2009 – 8:31 م | عدد التعليقات 41

{
السلام عليكم و الرحمهـ
بالبدايه أشكر كل من وجه لي رساله ( نقد , شكر )
فأنا أتقبل كل الرسائل برحابه صدر
اليوم صار للمدونة …

أكمل قراءة بقية الموضوع »
برامج

أهم البرامج و أحدثها مع الشرح }

تصاميمي

شيء من رآحة البال .. تجدونها هنا }

دورة تصميم الاستايلات

شرح تصميم الاستايلات }

مقالات

مما راق لي و نسج إبداعها الغير }

مكتبة الفوتوشوب

لبناء عمل جديد .. أدواتي }

الدرس الثاني : أقسام الإستايل و نقاط التمدد

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

logo

{

لمحه سريعه عن تعريف الإستايل و أقسامه ؟

غالبا ً – كل ستايل سواء لمنتدى أو مدونة أو أي سكربت أو برمجة أخرى
يوجد بها قالبين رئيسين
1- Header - الهيدر - هو القسم الأعلى من الإستايلكما في الصوره
( إضغط على الصوره لتكبيرها )

Header - الهيدر - هو القسم الأعلى من الإستايل

.

2- Footer - الفوتر - وهو القسم الأسفل من الإستايل - كما في الصوره
( إضغط على الصوره لتكبيرها )

Footer - الفوتر - وهو القسم الأسفل من الإستايل

.

كل تصميم ستايل أو قالب لابد أن يحوي على هذا القسمين

طبعا فيه أقسام أخرى ولكن تعتبر غير رئيسية كما الهيدر و الفوتر
.
إذن
عند تصميم ستايل يجب أن نفتح عمل جديد ونقوم بتصميم الهيدر بالاعلى ثم الفوتر بالاسفل
وبكذا يكون الاستايل الرئيسي جاهز


.

نقاط التمدد

.
طيب – فرضا ً صممنا ستايل يتكون من هيدر و فوتر – كيف نعرف نقاط التمدد فيه ؟
هذا السؤال جاوبت عليه بالدرس السابق وهو أن مو كل ستايل ينفع يكون متمدد وعند التصميم لابد أن نعرف هل ننوي أن يكون الاستايل متمدد أو لا حتى نجهز وجود نقاط التمدد
.
وش رايك نستعرض هيدر غير متمدد ونعرف ليش مو متمدد
نروح لموقع مبدعتنا ( نور الشمس ) ونشوف هذا الاستايل اللي صممته مبدعتنا
( إضغط على الصوره لتكبيرها )

ستايل نور الشمس

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

الدرس الثاني : أقسام الاستايل و نقاط التمدد
.
مثل ما عرفنا ان نقطه التمدد هي اصلا صوره تتكرر كخلفيه ولازم الشكل يطلع متناسق
بركب الاستايل مع نقطه التمدد اللي اخترناها نشوف النتيجه
http://www.sada-des.com/less3.htm
.
لاحظوا كيف منطقه التمدد صايره مو متناسقه و مشوه
و دايم تصير هالمشكله مع الكثير ومن الاسباب لهذا الخطأ :
1- الاختيار الغير موفق لنقطه التمدد .
2- إن الاستايل أصلا مو مصمم ليكون متمدد .

.

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

.

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

}

Popularity: 22% [?]

   

عدد التعليقات المطروحة في الموضوع 22 تعليق »

  • ,’, عـــبـــدالله ,’, كتب :

    حلو كتير كتير :sada22:
    استفدت منه والله بس شد حيلك نبي التطبيق العملي ( فاتح الفوتوشوب :sada22: )

    [ ]

    توقيــــع » ,’, عـــبـــدالله ,’,
  • ماجده كتب :

    وصلت المعلومه
    وننتظر بكره درس التصميم ترى الحماس توب ههههههههههه

    [ ]

    توقيــــع » ماجده
  • مصممه محترفه كتب :

    للحين كل شي تمام
    ومتابعين معك أخوي

    [ ]

    توقيــــع » مصممه محترفه
  • Samt al Haneen }~ كتب :

    الله يعطيك العافية على شرحك السلس

    ومجهودك الجبآر

    :

    بانتظار الدرس القادم :sada8:

    تسلم يمينك

    [ ]

    توقيــــع » Samt al Haneen }~
  • العنود كتب :

    زين اني لحقت بدري
    ضموني معكم عضوه جديده بالدوره :sada15:

    [ ]

    توقيــــع » العنود
  • كيفي سعودي كتب :

    سلمت على هذا الشرح .. متابعين

    [ ]

    توقيــــع » كيفي سعودي
  • نونيان كتب :

    مفهوم

    متابع للدورة ،، لعلي أن أتعلم شيء جديد

    حتى و إن لم أتقن عمل الاستايل ،، يكفيني أنه صار عندي إلمام بسيط و فكرة عنها ،،

    تشكر

    [ ]

    توقيــــع » نونيان
  • sana`a كتب :

    شرحك رائع

    واصل مبدعنا يمكن نتعلم و نتطورعلى يدك :sada4:

    [ ]

    توقيــــع » sana`a
  • بنت الإمارات كتب :

    للحين كل شي اوكي

    الله يقويك

    [ ]

    توقيــــع » بنت الإمارات
  • mango des كتب :

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

    [ ]

    توقيــــع » mango des
  • غالي الأثمان ~ كتب :

    والله شرحك ولا أروع صدى الصمت
    بس عندي إقتراح يالغالي
    بما أن الدرس الجاي عن تصميم الهيدر و الفوتر
    ورى ما يكون فيه درس لتركيب السيرفر و تنصيب المنتدى
    حتى اللي ما يعرف يكون جاهز !!!

    ننتظرك

    [ ]

    توقيــــع » غالي الأثمان ~
  • تشطر و افهمها كتب :

    دروسك سهله و شرحك ممتاز
    استفدت معاك ومتابعه للاخير

    [ ]

    توقيــــع » تشطر و افهمها
  • صدى الصمت كتب :

    ههههههههه نشوف هالحماس قدام
    الدروس النظريه إنتهت وبيبدأ العملي الليله وبشوف تطبيقاتكم :sada22:

    غالي الأثمان
    إقتراحك بمحله .. أبشر الليله انزل درسين
    درس تركيب السيرفر و تنصيب المنتدى و درس تصميم الهيدر و الفوتر
    ولا يهمك وشاكر لك نصيحتك

    شاكر لكم جميع حضوركم
    لا عدمتكم }

    [ ]

    توقيــــع » صدى الصمت
  • سـآرهـ الحربي كتب :

    يجزآك بالخير يااربــ ..
    والله ع كثر ما شفت دروس بس توضيح كذا وتبسيط معلومه مالقيت
    عيني عليك بارده آخوي فهد :)

    فاتتني دروس كثيرة بس بعوضها ان شاءالله :sada18:

    [ ]

    توقيــــع » سـآرهـ الحربي
  • صدى الصمت كتب :

    الله يبارك فيك ساره
    هذا من بعض ما عندك أكيد
    وأي خدمه انا حاضر … موفقه يا رب }

    [ ]

    توقيــــع » صدى الصمت
  • Rsamah كتب :

    مرره واضح يعطيك ربي الف عافيه
     
    عاحس اني ثبت اكثر مع معلوماتي السابقه
     
    بروح للدرس اللي بعده متحمسه
     
    :)

    [ ]

    توقيــــع » Rsamah
  • متابع كتب :

    اشكرك على موقعك المتميز

    [ ]

    توقيــــع » متابع
  • صدى الصمت كتب :

    Rsamah

    الله يعافيك و ان شاء الله تعجبك الدوره

    حياك الله


    متابع

    العفو يالغالي

    واتشرف بتواجدك هنا

    [ ]

    توقيــــع » صدى الصمت
  • وئـــآمْ كتب :

    مششكووووره يآعسسل
    إستفدت كثييييييييييييير :)  ..
     

    [ ]

    توقيــــع » وئـــآمْ
  • MaskFD كتب :

    بارك الله فيك ……… متابع للدروس

    مع خالص الشكر والتقدير

    [ ]

    توقيــــع » MaskFD
  • ضـامي الشــوق كتب :

    الله ياعطيك العافيــه
    اخــوي شرح واضــح ..
    وسلمت يمينك على الشرح الجميــل ..

    [ ]

    توقيــــع » ضـامي الشــوق
  • منتديات كتب :

    الله ياعطيك العافيــه

    [ ]

    توقيــــع » منتديات
 

أضف تعليقك أدناه ، أو رابط دائم من موقعك.. يمكنك أيضا الأشتراك في هذه التعليقات من خلال الخلاصات

شارك بتعليقاتك !

:wink: :twisted: :sada9: :sada8: :sada7: :sada6: :sada5: :sada4: :sada3: :sada2: :sada24: :sada23: :sada22: :sada21: :sada20: :sada1: :sada19: :sada18: :sada17: :sada16: :sada15: :sada14: :sada13: :sada12: :sada11: :sada10: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-D :-? :) :( :!: 8-O 8)  
خيارات أضافية » |
   
Preview on Feedage: %D9%85%D8%AF%D9%88%D9%86%D8%A9-%D8%B5%D8%AF%D9%89-%D8%A7%D9%84%D8%B5%D9%85%D8%AA-