ما هي CSS؟

مرحبًا،

في هذه الدورة، سنتعلّم CSS، وهي لغة تُستخدم لتحسين المظهر المرئي لصفحات الويب.

إذا لم تكن familiar بـ HTML، فأكمل أولًا دورة HTML Getting Started. 

إذا كنتم تعرفون HTML بالفعل، فلنبدأ.

في هذا الجزء من دورتنا، سنتعلّم سبب حاجتنا إلى CSS.

أولًا، لنسأل السؤال الأول الذي ظلّ يشغل بالي أثناء تعلّم CSS.

ما الذي لا يستطيع HTML القيام به حتى نضطر إلى تعلّم لغة إضافية؟

أولًا، لنتذكّر وظيفة HTML. 

HTML لغة نستخدمها لعرض البيانات الموجودة في صفحات الويب (النصوص والصور والمعادلات وغيرها) بدقة أكبر على المستخدمين.

على سبيل المثال، لنتخيّل أننا نكتب مقالًا في دفتر ملاحظات. 

إذا حذفنا النقطة والفاصلة وعلامات الترقيم الأخرى من مقالنا، فقد نحرّف ما نريد قوله للأشخاص الذين سيقرؤون مقالنا.

هناك أيضًا وسوم HTML نستخدمها لعرض المعلومات التي نريد تقديمها للمستخدمين على صفحات الويب بوضوح أكبر.

وصفحة الويب هي مستند HTML، والمتصفحات تبحث عن مستند HTML لتشغيل الصفحة. لذلك يمكنكم اعتبار مستند HTML أساسًا لصفحة الويب.

إذًا، ماذا تفعل CSS؟

CSS تقنية طُوّرت لتوفير المظهر المرئي الذي لا تستطيع HTML توفيره عند عرض البيانات التي لدينا.

لنفكّر في الأمر من خلال تشبيه آخر. تخيّلوا أنكم تبنون منزلًا. تتمثل المهمة الأساسية للمنزل في توفير مأوى للأشخاص الذين سيعيشون فيه. وهذا هو ما تفعله HTML.

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

حتى إن كانت صفحات الويب المثالية لا تحتوي على CSS (مثل Wikipedia)، فإن HTML يؤدي المهمة الأساسية لأنه يحمل البيانات. ومع ذلك، يساعد CSS لغة HTML على عرض هذه البيانات للمستخدم بطريقة أكثر وضوحًا وجمالًا.

الصورة أعلاه لقطة شاشة لموقع wikipedia.com بعد تعطيل الأنماط. 

بعبارة أخرى، باستخدام لغة HTML وحدها، يمكننا الحصول على مخرجات كما ترون أعلاه لزوارنا.

لنلقِ الآن نظرة على المخرجات بعد إعادة تفعيل شيفرة CSS.

كما تلاحظون، لا تتغير البيانات المعروضة داخل الموقع، ولكن باستخدام CSS، يصبح موقعنا أكثر ملاءمةً للمستخدمين.

مع الإصدار الحالي من CSS، وهو CSS3، اكتسبت CSS العديد من الإمكانات المرئية.

لقد تعلّمنا ماهية CSS. وقبل الانتقال إلى القسم التالي،

لنطّلع على الأسئلة الأكثر شيوعًا حول CSS.

منذ متى يُستخدم CSS (أوراق الأنماط المتتالية)؟

CSS تقنية تُستخدم منذ عام 1996.

هل يمكنني إنشاء صفحة ويب دون استخدام CSS؟

نعم، يمكنك ذلك. لكنها على الأرجح ستبدو سيئة للغاية، ولن يدخلها أي مستخدم. ومن دون CSS، لا يمكن اعتبار الصفحة صفحة ويب بالمعنى الحرفي.

هل تستخدم تطبيقات الويب الرئيسية مثل Facebook وGoogle وAmazon لغة CSS؟

نعم، ليس هذه التطبيقات فحسب، بل كل صفحة ويب تفتحها في المتصفح تستخدم CSS.

هل تعلُّم CSS صعب؟

من السهل تعلُّم CSS. سنكتب التعليمات البرمجية كما لو كنا نتحدث بالإنجليزية. ومع ذلك، يجد مطورو البرمجيات صعوبة في بعض المسائل البسيطة. 

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

هل لديك أي نصيحة تودّ أن أطبّقها أثناء تعلُّم CSS؟

نعم. يمكنك تعلُّم CSS بسرعة كبيرة من خلال الإكثار من التدريب.

تهانينا. 🥳🥳🥳

لقد أنهيتم درس ما هو CSS.

في القسم التالي، سنتعلم مقدمة عن CSS.

يمكنكم النقر للمتابعة إلى القسم التالي.