إنشاء قسم div جديد - كتاب التقنية الرقمية - الصف 11 - الفصل 1 - المملكة العربية السعودية

📚 إنشاء قسم div جديد

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

أيقونة القائمة (Menu Icon): زر يستخدم لفتح وإغلاق القائمة في الشاشات الصغيرة.

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

```markmap

قائمة همبرغر

التعريف

أيقونة من ثلاثة أسطر

تظهر في زاوية الموقع

تفتح قائمة خيارات عند الضغط

آلية العمل

تظهر عند صغر عرض الشاشة

تعرض عناصر القائمة في عمود عند الضغط

يتم التحكم بها بجافا سكربت

خطوات الإنشاء

تحميل مكتبة الأيقونات

#### إضافة الرابط في قسم

#### الرابط: https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css

إضافة بنية HTML

#### قسم div للقائمة

#### قسم div منفصل للأيقونة

#### فئة الأيقونة لتشغيل جافا سكربت

#### فئة الرمز (icon class) داخل

كتابة جافا سكربت

#### مقطع برمجي لإضافة/إزالة الفئة المستجيبة عند الضغط

إضافة الأنماط (CSS)

#### أنماط للقائمة العادية

#### أنماط للقائمة المستجيبة

إنشاء قسم div جديد

الغرض

#### إنشاء قسم div لزر أيقونة القائمة

#### وضعه في نفس القسم مع القائمة

التنفيذ

#### استخدام الوسم لإدراج الأيقونة

#### استخدام وسم (icon class) لإضافة الأيقونات في HTML

#### إضافة اسم إلى فئة الأيقونة (icon class)

#### ربط الملف الخارجي للجافا سكربت داخل وسم