هذا الدرس من الدورة التدريبية: دورة تدريبية لغة CSS لإنشاء تصاميم وتنسيق صفحات الإنترنت
الدرس: التحكم فى التأثيرات وأحداث الماوس والحد الأدنى لعناصر صفحة الويب
المدة: 5 دقائق
وصف مختصر:
وصف الدرس
تعرف على filter CSS وأحداث المؤشر والحد الأدنى للأبعاد
هل ترغب في تحسين مهاراتك في تصميم مواقع الويب؟ في هذا الدرس من دبلومة تطوير الويب، سنتناول موضوعًا مهمًا لتحسين تجربة المستخدم وجمالية التصميم.
ما هو filter CSS؟
فلتر CSS هو أداة قوية تتيح لك إضافة تأثيرات مرئية مميزة على عناصر HTML مثل التمويه (blur) أو السطوع (brightness). باستخدام الفلتر، يمكنك تحسين تجربة المستخدم بسهولة.
- تطبيق تأثيرات فلاتر مختلفة على الصور والنصوص.
- إنشاء أزرار معطلة باستخدام تأثير
filter: contrast(0.5);.
أحداث المؤشر: تحسين تجربة التفاعل
باستخدام الخاصية
pointer-events: none;، يمكنك منع العناصر من استقبال أحداث الماوس. هذه الخاصية مثالية للأزرار المعطلة أو المكونات التي لا تحتاج إلى تفاعل مباشر.تجربة عملية: عند تمرير الماوس فوق الزر، يمكنك إضافة تأثير جديد باستخدام خاصية
:hover لتحسين التصميم التفاعلي.إعداد الأبعاد الدنيا للعناصر
لضمان تناسق التصميم، يمكنك تطبيق خاصيات
min-width و min-height على العناصر. هذا يضمن أن تكون جميع العناصر بنفس العرض والطول حتى إذا احتوى بعضها على محتوى أقل.- تحسين تصميم القوائم والجداول بشكل متناسق.
- ضمان تناسق العناصر عبر مختلف أحجام الشاشات.
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي التحكم فى التأثيرات وأحداث الماوس والحد الأدنى لعناصر صفحة الويب
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
أوامر تنسيق عناصر هيكل صفحة الويب
ملحقات ال PDF
- 230 دقيقة من الفيديوهات التفاعلية الحصرية
- 70 مصدر إضافي
- 40 ملحقات PDFs
- 3 تطبيق نظري وعملي
- الوصول على جميع الأجهزة
- وصول مدى الحياة
- شهادة أوروبية لإتمام الدراسة
- ا لحصول على شهادة دبلوم موثقة
للوصول إلى الفيديوهات والمصادر والملحقات الدراسية والمواد التعليمية لدراسة برنامج
كورس تعلم لغة CSS لإنشاء تصاميم وتنسيق مواقع الإنترنت
اضغط هنا ابدأ التعلم
أيضاً عند أداء الاختبارات بنجاح سوف تحصل على الشهادة الأوروبية المعتمدة في إتمام الدراسة والتأهل لطلب الشهادة الدولية في هذا البرنامج
الدروس والاختبارات لتعلم هذه الدورة التدريبية : دورة تدريبية لغة CSS لإنشاء تصاميم وتنسيق صفحات الإنترنت
دورات تدريبية أخرى في برمجة
تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
تعلم البرمجة من الصفر وبدون خبرة حتى احتراف صناعة تطبيقات الويب التفاعلية باستخدام لغة العصر جافاسكربت JavaScript
دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap
دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap يقام البرنامج بالتعاون وباعتماد الجهات التالية شهادة موثقة من الجهات الالمانية شهادة معتمدة...
مقالات ذات صلة
التعرف على محررات الأكواد وأسرار إتقان لغة بناء صفحات الويب HTML
مقدمة تعتبر لغة HTML (HyperText Markup Language) البنية الأساسية لأي صفحة ويب. تُستخدم هذه اللغة البسيطة والقوية لتحديد هيكل المحتوى على...
التعامل مع البيانات وواجهة المستخدم باستخدام JavaScript
هل تساءلت يومًا عن كيفية التحكم في البيانات والتفاعل مع واجهة المستخدم في صفحات الويب؟ 🤔 في عالم البرمجة الحديثة، يعد فهم...
تطبيق حركات الانيميشن والتحريك ال 3d وخلق اشكال انسيابية للعناصر داخل الصفحة
تطبيق حركات الانيميشن والتحريك الـ 3D في بناء صفحات الويب باستخدام HTML و CSS في عالم تصميم الويب الحديث، أصبحت حركات الانيميشن...
