Multimedia project

مشروع Multimedia Project هو منصة ويب تفاعلية تهدف إلى عرض عدة تقنيات مرتبطة بوسائط متعددة مثل الصور، الصوت، والفيديو. يتميز التصميم بالبساطة والاحترافية مع واجهة مستخدم جذابة تعتمد على مؤثرات بصرية وحديثة، بالإضافة إلى دعم الوضع الداكن (Dark Mode) وتفاعلات سلسة للمستخدم.

مكونات المشروع:

الصفحة الرئيسية (index.html):

تحتوي على عنوان المشروع واسم المطور.

تعرض شبكة من الأزرار المرتبطة بوظائف متعددة تتعلق بالوسائط المتعددة.

تصميم حديث يستخدم مؤثرات حركية على الأزرار عند التفاعل معها.

خلفية متحركة أو ثابتة من اختيار المطور تضفي جمالية للموقع.

ملفات التنسيق (style.css):

إعادة تعيين افتراضية للهوامش والحدود لتحسين مظهر الصفحة.

تصميم متجاوب بالكامل مع استخدام flexbox و grid.

استخدام مؤثرات مثل backdrop-filter للشفافية والضبابية.

أزرار تحتوي على تأثير تكبير وتحريك أيقونات عند التفاعل معها (hover).

دعم الظلال والإضاءة المتوهجة (Neon Glow) حول الأزرار لإضفاء إحساس عصري.

ملف البرمجة (script.js):

يحتوي على أوامر برمجية بسيطة مثل تسجيل رسالة في وحدة التحكم (Console) تؤكد تحميل المشروع مع تفعيل الوضع الداكن والمؤثرات.

الوظائف والروابط في الصفحة الرئيسية:

كل زر يؤدي إلى صفحة مخصصة تعرض تقنية معينة:

Attacks: شرح أو تنفيذ أنواع مختلفة من الهجمات المتعلقة بالوسائط المتعددة.

Image Watermark: إضافة علامة مائية إلى الصور.

Audio Watermark: إضافة علامة مائية إلى ملفات الصوت.

Video Watermark: إضافة علامة مائية إلى مقاطع الفيديو.

Steganography: إخفاء المعلومات داخل ملفات وسائط مثل الصور أو الصوت.

Extraction: استخراج المعلومات أو العلامات المائية من الوسائط.

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

HTML5: لإنشاء الهيكل الأساسي للصفحات.

CSS3: لتنسيق وتصميم الواجهة مع تأثيرات حديثة.

JavaScript: للتعامل مع وظائف بسيطة وديناميكية مثل الإشعارات في Console.

Font Awesome: لإضافة أيقونات مرئية جميلة بجانب النصوص داخل الأزرار.

مميزات المشروع:

تصميم أنيق وعصري.

واجهة مستخدم سهلة الاستخدام ومناسبة لجميع الأجهزة (Responsive Design).

استخدام صور وخلفيات عالية الجودة مع تأثيرات ضبابية احترافية.

تجربة مستخدم محسّنة مع تحركات ديناميكية للأزرار والأيقونات.

إمكانية تخصيص الخلفية بسهولة باستخدام صور محلية.