كورس تعلم لغة CSS لإنشاء تصاميم وتنسيق مواقع الإنترنت

مكتمل

الوصول للعناصر وتطبيق التنسيق عليها
مقدمة في CSS: كيفية تحويل صفحات HTML إلى تصميمات جذابة
1
مقدمة التعرف على التحريك والمكتبات في تطوير الويب
2
مقدمة إلى CSS ودورات إضافية في تطوير الويب
3
دليل استخدام CSS لتحديد العناصر وتطبيق الخصائص – القواعد الأساسية والرموز
4
اختبارعلى أساسيات CSS لتحديد العناصر وتطبيق الخصائص
محددات CSS للعنصر وأولوية الخصائص – تعلم كيفية التحكم في تنسيقات العناصر
5
تحميل التنسيق للعناصر من ملفات CSS واعادة كتابة تنسيق مختلف داخلي
6
كيفية تجاوز الخصائص في CSS وأولوية التنسيق – فهم ترتيب تطبيق التنسيقات
7
تخصيص تنسيق في CSS باستخدام ال class وال id –أولويات التنسيق
8
تطبيق تنسيقات CSS على المدخلات باستخدام attributes في HTML
9
محددات CSS: استهداف العناصر، العناصر المباشرة، والعناصر المحددة
10
محددات CSS: استهداف العناصر بواسطة nth-of-type والأول والأخير من نوعه
11
الألوان والخطوط
مقدمة في الألوان ورموز الألوان
12
ألوان الخلفية وحجم الخط في CSS
13
حجم الخط في px, em, rem CSS text decoration وخصائص النص
14
محاذاة النص وسمك الخط في CSS: تعلم تنسيقات النصوص المتقدمة
15
عائلة الخطوط وطرق تضمين خطوط جوجل في HTML
16
عائلة الخطوط وكيفية استيرادها في CSS باستخدام CDN
17
استخدام الخطوط من ملفات محلية في المواقع وحل المشكلات عبر البحث
18
الأحجام العرض والإرتفاع
عرض وتحديد العرض والارتفاع للعناصر في CSS
19
تعيين عرض وارتفاع العناصر تلقائي وأحجام عناصر صفحة الويب مع الشاشات
20
الحجم بالنسبة المئوية في CSS والتحكم بعرض الصور
21
وضع صورة في النصف والحد الأقصى للعرض max-width
22
كيفية ضبط أقصى ارتفاع للعناصر max-height والصور في CSS
23
إعادة ضبط تنسيق المتصفح: المسافات والتباعد وتنسيق أحجام العناصر
24
إتقان العرض والارتفاع: التحكم الكامل في الأبعاد الرأسية بملء الشاشة في CSS
25
تصميم خلفية بملء الشاشة مع عنوان مميز في CSS
26
إنشاء تصاميم خلفيات
كيفية التحكم في حجم وموضع وتكرار الخلفية باستخدام CSS
27
كيف تغير مكان الصور وتأثيرها وتطبيق تدرجات اللون على الخلفيات
28
التحكم بخلفيات الصفحة الصورة والحجم والموقع والتكرار
29
تنسيق عناصر هيكل صفحة الويب
مقدمة فى تنسيق عناصر هيكل صفحة الويب
30
تنسيق عناصر هيكل صفحة الويب بواسطة خاصية Float
31
كيفية إستخدام Display table, float none لتوسيط العناصر فى Css
32
مراجعة على تنسيق العناصر بإستخدام Float وتوسيطها فى Css
33
التنسيق وحفظ التعديلات فى صفحة الويب على أدوات مطورين المتصفح
34
الفرق بين Inline و Block وكيفية تعديل الأنماط باستخدام عنصر class
35
"التحكم بعرض العناصر: Display Table, Display None، و Float None في CSS"
36
كيفية إخفاء عناصر صفحة الويب بإستخدام Visibility Hidden وأنماط مؤشر الماوس Cursor Styles في CSS
37
التحكم فى التأثيرات وأحداث الماوس والحد الأدنى لعناصر صفحة الويب
38
تصميم الأشكال المتقدمة وتفاعل العناصر
مقدمة فى Unboxed Style وإنشاء صفحات HTML بسيطة
39
تطبيق position absolute واتجاه العناصر وإعادة ضبط الاتجاهات في CSS
40
كيفية تطبيق خاصية position relative and overflow
41
كيفية تطبيق خاصية Overflow and Position Fixed.
42
اختبار على درس Position Relative , Position fixed ,Overflow في CSS
كيفية تطبيق خاصية Opacity and Hover فى Css
43
وظائف ودوال Css
44
تحديد حجم العنصر مع وضع سكرول لإظهار المحتوى
45
الحدود والمساحات لمحاذاة وتنسيق صفحة الويب
Border and Border radius
46
Margins And Directions
47
Revise Borders and Spaces and Learn List style
48
Outline and Outline with borders and elements
49
CSS Elements After and Before
50
Spaces and padding
51
Padding by element
52
Functions
Variables Colors Global and Locale Scopes
53
Navigation show Dropdown with hover
54
What are counters and how to use and reset them
55
Use Multi counters nasted to each other
56
Multi and Nasted Counters
57
Movements
Transition in details and shorthand
58
Transition properities
59
Animation delay and duration and iteration and name
60
Animation play state and fill mode
61
Animation Multi levels Cut ends
62
Animation shorthand
63
Transform TranslateY TranslateX TranslateZ Translate3d
64
Transform Translate3d with perspective and perspective origin
65
TranslateZ And ScaleZ And 3d perspective
66
Transform Scale And Rotate
67
Transform 3d styles for elements in websites
68
Arts Shadows and Clip path
Text shadow and Box shadow
69
Webkit And Moz And Prefixes for Browser support CSS3
70
Text Selection And ScrollBar Settings
71
Clip path ciricle ellipse polygon inset
72
Clip path in all browsers and create custom clip path by online tools and manual
73
Flex
What is and what can do Display Flex
74
What is Flex Wrap And Flex Direction
75
Simple counters to describe flex direction reverse
76
Flex Direction values and Flex Wrap
77
Flex Flow and position relative example
78
Flex Justify content and align items
79
Align content and spaces in flex
80
Justify Items and Align items on Baseline
81
Flex Grow And order items in flex
82
Flex Shring And Flex Basis
83
Flex Align self and align stretch and Flex shorthand
84

اختبارات ناجحة

للإعادة

معلقة

لمشاهدة نبذة عن محتوى الدرس التحكم فى التأثيرات وأحداث الماوس والحد الأدنى لعناصر صفحة الويب
تعرف على filter CSS وأحداث المؤشر والحد الأدنى للأبعاد هل ترغب في تحسين مهاراتك في تصميم مواقع الويب؟ في هذا الدرس من دبلومة تطوير الويب، سنتناول موضوعًا مهمًا لتحسين تجربة المستخدم وجمالية التصميم. ما هو filter CSS؟ فلتر CSS هو أداة قوية تتيح لك إضافة تأثيرات مرئية مميزة على عناصر HTML مثل التمويه (blur) أو السطوع (brightness). باستخدام الفلتر، يمكنك تحسين تجربة المستخدم بسهولة. تطبيق تأثيرات فلاتر مختلفة على الصور والنصوص. إنشاء أزرار معطلة باستخدام تأثير filter: contrast(0.5);. أحداث المؤشر: تحسين تجربة التفاعل باستخدام الخاصية pointer-events: none;، يمكنك منع العناصر من استقبال أحداث الماوس. هذه الخاصية مثالية للأزرار المعطلة أو المكونات التي لا تحتاج إلى تفاعل مباشر. تجربة عملية: عند…