Dashboard by Html Css

يُعرض هذا المشروع لوحة تحكم (Dashboard) مخصصة تم تصميمها باستخدام HTML وCSS .وتوفر هذه اللوحة توفر تجربة مستخدم متقدمة لتسهيل الوصول إلى المعلومات الهامة واتخاذ القرارات المبنية على البيانات.

الميزات الرئيسية:

1. واجهة مستخدم تفاعلية: تصميم عصري وسهل الاستخدام يعرض البيانات بطريقة منظمة ومرنة، مما يعزز تجربة المستخدم ويتيح الوصول السريع إلى المعلومات.

2. عناصر تحكم متعددة: تتضمن اللوحة أزرار تنقل، قوائم منسدلة، وأدوات بحث لتسهيل التفاعل مع البيانات وتنظيمها.

3. تصميم استجابة: تم تصميم اللوحة لتكون متجاوبة مع مختلف أحجام الشاشات والأجهزة، مما يضمن تجربة مستخدم متسقة وسلسة على جميع الأجهزة.

يتكون المشروع من 8 صفحات:

Dashboard، Settings، Profile، Projects، Courses، Friends، Files، Plans.

1- لوحة التحكم (Dashboard): تحتوي على أخبار أحدث، مهام أحدث، أهداف سنوية، أحدث المنشورات، وسائل التواصل الاجتماعي، تذكيرات، إلخ.

2- الإعدادات (Settings): تشمل التحكم في الموقع، المعلومات العامة، معلومات الأمان، التحكم في الأدوات، مدير النسخ الاحتياطي.

3- الملف الشخصي (Profile): يتضمن المهارات الخاصة بي، أحدث الأنشطة.

4- المشاريع (Projects): تشمل مشاريع حقيقية مثل JS Slider، Quiz-App، To-Do List، صفحة الهبوط (Landing Page).

التقنيات المستخدمة:

HTML .1 : لتنظيم الهيكل الأساسي للوحة.

CSS .2: لتصميم وتنسيق المكونات، وضمان أن تكون اللوحة جذابة بصريًا ومتوافقة مع مختلف الأجهزة.

3 - إنشاء إطار عمل (Framework) يتضمن معظم الخصائص المشتركة بين الصفحات، ويُستخدم في صفحة HTML

4 - media query