ورشة التعلم

كورس تعلم لغة 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

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

للإعادة

معلقة

has been added to the cart. View Cart