مقدمة  Introduction - تعلم CSS

في هذا الدرس، نبدأ معًا كورسًا جديدًا لتعلّم لغة CSS، وهي اللغة المسؤولة عن تصميم وتنسيق صفحات الويب.

عند إنشاء أي موقع باستخدام لغة HTML، نحتاج إلى وسيلة للتحكم في مظهر العناصر من حيث الألوان، والأحجام، والخلفيات، والمحاذاة، وغير ذلك من التفاصيل الشكلية، وهنا تأتي أهمية CSS.

ما هي لغة CSS؟

كلمة CSS هي اختصار لـ Cascading Style Sheets، وتعني بالعربية "صفحات الأنماط المتتالية". وتُستخدم هذه اللغة في تنسيق مظهر العناصر التي يتم إنشاؤها باستخدام HTML، أي أنها لا تنشئ عناصر جديدة، بل تتحكم في طريقة عرضها على الصفحة.

لماذا نستخدم CSS؟

في كورس HTML، تعلّمنا كيفية إنشاء عناصر أساسية في صفحات الويب مثل العناوين، والفقرات، والجداول، والروابط، وغيرها. هذه العناصر تُشكّل هيكل الموقع أو "البنية الأساسية" للصفحة، لكن هذه البنية بدون تنسيق ستبدو بسيطة جدًا أو غير جذابة.

هنا يمكن تشبيه HTML بالهيكل الخرساني للمبنى، بينما CSS هي التشطيبات والديكورات التي تجعل شكل المبنى جذابًا وواضح المعالم. إذًا، CSS تُستخدم لتحديد:

• نوع الخطوط وحجمها

• ألوان النصوص والخلفيات

• طريقة عرض العناصر (بجانب بعض، فوق بعض، في منتصف الصفحة، ...إلخ)

• الهوامش والمسافات بين العناصر

• استجابة الصفحة لحجم الشاشة (تصميم متجاوب)

ماذا سنتعلم في هذا الكورس؟

من خلال هذا الكورس، سنتعرّف على أهم خصائص CSS، وسنتعلم كيف نستخدمها لتنسيق صفحاتنا بالشكل المناسب. سنبدأ من الأساسيات خطوة بخطوة، بحيث يتمكن المبتدئون من الفهم والمتابعة بسهولة.

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

كلمة أخيرة

نتمنى أن تستفيدوا من هذا الكورس، ونرحب دائمًا بتفاعلكم واستفساراتكم في التعليقات. نلتقي في الدرس القادم بإذن الله.

شاهد الفيديو