📚 تدريب 2: إضافة استعلام وسائط

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

استعلام الوسائط (Media Query): قاعدة CSS تُستخدم لتطبيق أنماط مختلفة على العناصر بناءً على خصائص جهاز العرض (مثل عرض الشاشة).

خريطة المفاهيم

```markmap

تصميم الموقع الإلكتروني

الموقع الإلكتروني المستجيب

التصميم المستجيب

#### الأدوات

##### استعلامات الوسائط (Media Queries)

###### أماكن الاستخدام

####### داخل ملف HTML (CSS الداخلي)

######### مثال تطبيقي

########## تدريب 2

########### المطلوب: إضافة استعلام وسائط إلى مقطع HTML معطى

########### الشرط: `@media screen and (max-width: 600px)`

########### الإجراء: (يجب على الطالب تحديده)

########### المقطع البرمجي الأساسي

############ يحتوي على:

############- إعدادات الصفحة (``، `dir="rtl"`)

############- تنسيق CSS داخلي (لون خلفية `grey`)

############- محتوى HTML (`

`، `

`)

```

نقاط مهمة

• يتعلق هذا التدريب بإضافة استعلام وسائط (Media Query) إلى مقطع برمجي HTML و CSS موجود.
• الشرط المطلوب في الاستعلام هو: عرض الشاشة أصغر من 600 بكسل (`max-width: 600px`).
• المطلوب من الطالب هو إكمال المقطع البرمجي بإضافة الاستعلام، وليس كتابته من الصفر.
• الهدف هو تطبيق معرفة سابقة حول كيفية كتابة استعلامات الوسائط داخل قسم `