الكورس

Advertisements

CSS Tutorial | In Arabic


CSS Tutorial – توفر هذه الدورة المفاهيم الأساسية والمتقدمة لتقنية CSS. شرح CSS بشكل مبسط مع أمثلة عملية كثيرة. تتطوير مستمر على جميع الدروس. تعلم كيفية تصميم موقع كامل من الصفر a-z مع نهاية هذه الدورة.


 

شرح CSS

 

ما هى لغة CSS؟

 

لغة CSS:

  • إختصار لـ Cascading Style Sheets (أوراق الأنماط المتتالية).
  • هي آلية بسيطة لإضافة style (نمط) أو شكل لصفحات الويب.
  • تصف CSS كيفية عرض العناصر على الشاشة.
  • واحدة من اللغات الأساسية للويب ويتم توحيدها عبر متصفحات الويب وفقًا لمواصفات W3C.

 


 

لماذا نتعلم CSS؟

 

للتحكم فى الشكل الخارجى لصفحات الويب:

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

 

مثال للتوضيح

ستجد فى المثال التالى انه تم تغيير لون العنوان h2، مع تغيير حجم الخط والمسافات بين الأحرف للفقرة p:

Learn CSS

Learning css is easy and fun!

<!DOCTYPE html>
<html>
    <head>
        <title>CSS Tutorial</title>
        <meta charset="UTF-8" />

        <style>
            h2 {
                color: #007bff;
            }

            p {
                font-size: 18px;
                letter-spacing: 9px;
            }
        </style>
    </head>
    <body>

        <h2>Learn CSS</h2>
        <p>Learning css is easy and fun!</p>

    </body>
</html>

Learn CSS

Learning css is easy and fun!

ثقف نفسك: لو كنت مبتدئ أنصحك بقراءة هذه المقالة: 10 نصائح للمبرمجين الجدد.


Advertisements

 

بعض مميزات لغة CSS

 

التناسق: أول وأهم ميزة فى لغة CSS هى التناسق، لو فرضًا أنت عامل style واحد لأكتر من صفحة وجيت غيرت الـ style ده هتجد فى كل الصفحات الـ style إتغيير بدون أى مشاكل وبسرعة، وكل ما كان موقعك كبير كل ما وفرت وقت فى الـ CSS ، ومش توفير وقت بس لاء! أنت بتخلى كل صفحات موقعك واحد ومنسق، مش كل صفحة تلاقيها مختلفة عن الأخرى!

 

موفرة الوقت: يمكنك كتابة CSS مرة واحدة ثم إعادة استخدام نفس الـ style في صفحات HTML أخرى. يمكنك تحديد style لكل عنصر HTML وتطبيقه على أي عدد تريده من صفحات الويب.

 

سهولة التعديل:  لإجراء تعديل كل اللى عليك تغيير الـ style ، وسيتم تحديث جميع العناصر في جميع صفحات الويب تلقائيًا.

 

التصاميم المتجاوبة: من أحسن المميزات الموجوده فى لغة CSS عن طريقها تقدر تخلى تصميمك متجاوب Responsive (متجاوب).

 

تعرف على مميزات لغة CSS عن طريق هذه المقالة: مميزات لغة CSS.


 

ماذا تحتاج قبل البدأ؟ – المتطلبات الأساسية

 

قبل البدء في هذه الدورة، يجب أن تكون مُلم بـ:

  • استخدام الكمبيوتر ، واستخدام الويب.
  • فهم كيفية إنشاء الملفات وإدارتها، كما هو مفصل في هذا الفصل التعامل مع الملفات.
  • تعلم لغة HTML. تم شرحها فى هذه الدورة HTML Tutorial.

 



الإبلاغ عن خطأ

×

إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:

[email protected]

شكرًا لك على مساعدتك لنا!

Advertisements