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