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

تصميم قوالب بلوجر - الدرس الثاني : أساسيات تصميم قالب بلوجر الجزء الاول - المحددات


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

نجد هناك اساسيات يجب ان يعرفها المصمم

وستكون هي درسنا اليوم وهو

 الدرس الثاني : أساسيات تصميم قالب بلوجر الجزء الاول



بعض أساسيات قوالب بلوجر التي سنذكرها بهذا الجزء من الدرس


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


الآن نأتي إلى تعريف شامل حول المحددات وهي خاصة بتعريف المنطقة التي نعمل عليها للـ css لللوسوم او المتغيرات

id = هو عبارة عن محدد رئيسي يوجد بالـ HTML وهو يخبر الـ CSS بأننا سنعمل على منطقة ما ويرمز له بالـ CSS بالعلامة #
class =  له نفس خواص الـ id فهو عبارة عن المحدد الثانوي ويرمز له بالـ CSS بالنقطة .

كمثال

صيغة الـ HTML الخاصة باستدعاء الـ CSS عبر المحدد id

<div id='outer-wrapper'>

</div>

صيغتة على CSS

#outer-wrapper { }

صيغة الـ HTML الخاصة باستدعاء الـ CSS عبر المحدد class

<div class='outer-wrapper'>

</div>

صيغتة على CSS

.outer-wrapper { }

كما رأيتم لاحظتم الفرق الواضح بينهم لما يكون المتغير عبارة عن id في الـ HTML نعرفه في الـ CSS عبر وضع شباك # قبل المتغير أو الوسم الذي نريد استدعائه

أما لما يكون المتغير عبارة عن class في الـ HTML نعرفه في الـ CSS عبر وضع نقطة . قبل المتغير أو الوسم الذي نريد استدعائه

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

لكي لايجدون غموضا في الدورة

ولكن مع ذللك أذكرك بأنه بجب ان تكون لديك معرفة حول هاتين اللغتين جيدا

وترقبوا الجزء الثاني في يوم آخر يجمعنا

لمن يريد متابعة الدورات أنظر إلى هذا التوقيت


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

تقديرا للمجهود

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







آخر مقالات المدونة

هناك 22 تعليقًا:

  1. بارك الله فيك اخي الكريم دورة جد مميزة و جد متعوب فيها
    شكرا على كل حال (h) (h) (h) (h)

    ردحذف
  2. شكرا لك أخي على التعليق وتقديرك لمجهودي وأحمد الله ان مجهودي لايضيع سدى وأن هناك متابعين للدورة شكرا على السرعة في الرد

    ردحذف
  3. الله يجازيك كل الخير دوما تاتي بالجديد والمفيد وشكرا على هاته الدورات المتعوب فيها حقا (k)

    ردحذف
  4. العفو أخي الكريم وانتظر مني دوما كل جديد وشكرا على المتابعة والتعليقات x-)

    ردحذف
  5. هو ذه الشغل ياغالي أنا كنت بدور كثير عن دورة زي ذه وننتظر الدروس القادمة بكل شغف يامبدع (h)

    ردحذف
  6. العفو أخي الكريم وأنا أرحب بكل من يضع تعليقا ويقدر مجهودنا شكرا ليك :)

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

    ردحذف
  8. شكرا لك على المرور الطيب وأرجوا منكما التفاعل مع الدروس وشكرا ^^

    ردحذف
  9. شكرا لك ;)

    ردحذف
  10. مجهود عالي وانسان راقي (h)

    ردحذف
  11. شكرا لك أخي الكريم على مرورك الطيب تحياتي الخالصة (f)

    ردحذف
  12. أزال المؤلف هذا التعليق.

    ردحذف
  13. السلام عليكم ، شكرا لك أخي الكريم على هته الدورة :)

    ردحذف
  14. وعليكم السلام أخي بوركت شكرا على مرورك الطيب :)

    ردحذف
  15. بارك الله فيك على هذه الدورة الرائعة واتمنى لك التوفيق

    ردحذف
  16. شكرا لك اخي الكريم (h)

    ردحذف

إذا أردت عزيزي الزائر إدراج فيديو من يوتوب بتعليق قم بالتالي
[youtube]رابط فيديو يوتوب هنا[/youtube]
كما يمكنك إدراج صورة عبر الكود التالي
[img]رابط صورتك هنا[/img]

جميع الحقوق محفوظة لمدونة المدونة التعليمية للكومبيوتر 2013

تصميم : بويردن