الإعلام الآلي — تصميم صفحات الويب باستخدام CSS — الثانية ثانوي (شعب علمية) — بكالوريا — المنهاج الجزائري

تصميم صفحات الويب باستخدام CSS

المستوى: الثانية ثانوي (شعب علمية)

1. مقدمـة CSS

CSS (Cascading Style Sheets) لغة تصميم وتنسيق صفحات الويب. تتحكم في الألوان والخطوط والتخطيط.

2. طرق إضافة CSS

• داخلي: داخل وسم <style> في HTML
• خارجي: ملف منفصل .css
• مباشر: خاصية style في العنصر

3. المفاهيم الأساسية

selector { property: value; }

.class { color: red; }
#id { font-size: 20px; }
div { margin: 10px; }

4. Flexbox للتخطيط

.container { display: flex; justify-content: center; align-items: center; }

تمارين

التمرين 1: اكتب CSS لجعل خلفية الصفحة زرقاء والنص أبيض.

التمرين 2: استخدم Flexbox لتوسيط عنصر في منتصف الصفحة.

الحلول:

حل 1: body { background-color: blue; color: white; }

حل 2: .container { display: flex; justify-content: center; align-items: center; height: 100vh; }

للمزيد: راجع درس تنسيق CSS ودرس HTML5.