Free
4.85(13)

CSS Course

Description

تعلم تصميم المواقع بشكل مجاني كامل حيث سنوفر عليك سنوات من التعب فسننقل لك خبرة أعوام في أيام فتعلم دائما الافضل لأنك ستتعلم في هذه الدورة تصميم الموقع من الألف إلي الياء بطريقة عملية 100% وباحدث التقنيات والاساليب

ما هي CSS؟

كلمة CSS هي إختصار لجملة Cascading Style Sheet و هي لا تعتبر لغة برمجة بل لغة توصيفية و تستخدم لعمل تنسيق لموقعك و جعل شكله رائع , تعد لغة ال CSS صديقة للغة ال HTML فتجد انه يتم ذكرهم مع بعض دائماً اذا تحدثتنا عن تصميم وإنشاء صفحات الويب , ف هاتين اللغتان هم اساس تصميم مواقع الويب فمن خلال HTML يتم تصميم هيكل صفحة الويب و بال CSS يتم تنسيق ذلك الهيكل اذا نفهم من ذلك ان CSS لغة مكملة ل HTML .

ماذا ستتعلم في هذه الدورة؟

ستتعلم لغة CSS بالطبيقات العملية لكي تكون قادر على تنسيق اي صفحة ويب و تجميلها من خلال اضافة الوان و صور و تنسيق الطول و العرض لاي عنصر و هيكلة الموقع و ترتيبه بالشكل الذي تريده و الكثير من التأثيرات الجميلة في هذه اللغة

هل لغة CSS كافية لعمل موقع كامل؟

بالطبع فان لغة CSS قوية ولا غنى عنها فبدونها لن تستطيع تنسيق صفحات الويب و ستكون صفحة الويب لديك بيضاء بلا شكل ولا روح لكن لغة css وحدها لا تكفي و كما ذكرنا ان هذه اللغة في الاساس دورها هو تنسيق html فلن تستطيع استخدام css في الويب بدون لغة html

و لكي تكون الامور واضحة فان هيكل الموقع يتم صناعته بال html و لكي يتم تنسيقه و ضبط ابعاده و اضافة الوان و صور ممتعة و ترتيب العناصر داخل هذا الهيكل ليصبح لدينا تصميم منسق و كل هذه التنسيقات نصنعها بال css لهذا تجد ال css مرتبطة بال html دائما لانهم يكملوا بعضهم , و بالاضافة الى ذلك فيتم استخدام لغة جافاسكريبت لاعطاء الحركة الى موقعك
بأختصار لكي تستطيع بناء صفحات ويب فانت بحاجة الى تعلم ثلاث لغات HTML & CSS & JAVASCRIPT.

ماذا احتاج لكي ادخل الى هذه الدورة؟

يجب تعلم لغة HTML قبل دخولك تلك الدورة و ستجد كورس HTML مبسط هنا.

Topics for this course

29 Lessons

محتوى الكورس

كيف و اين نكتب ال css ؟10:34
كيفية اختيار و تحديد العناصر ال css6:32
كيفية اختيار العناصر في ال CSS من خلال attribute3:50
Border3:57
تنسيق الخطوط11:45
تنسيق الخلفية و اضافة صور15:41
padding10:57
تنسيق الروابط3:58
الفرق بين block و inline7:01
visibilty2:10
overflow2:50
تنسيق القوائم4:50
float8:16
position8:12
z-index8:22
pseudo classes and pseudo elements8:55
after & before4:38
عرض التنسيقات على الشاشات المختلفة8:43
التجاوب مع جميع الاجهزة10:03
how to create slider using css only17:39

css grid

Student Feedback

4.9

Total 13 Ratings

5
1 rating
4
2 ratings
3
0 rating
2
0 rating
1
0 rating

the best css course

..

حلو جدا نفس عظمه الhtml
بس ياريت يبقا فيه تمارين كتير زي ما كان فيه ف الhtml

شرح ممتاز خاصة الgrid

جزاك الله خيرا وجعله في ميزان حسناتك

جزاك الله عنا خيرا ربنا يبارك في حضرتك استمر محتواك رائع

الف شكر لك على هذا المجهود الرائع.

you are the best of the best.

ربنا يبارك فيك

كورس رائع اتمنى اثراءه واضافه ال flex box ايضا

بس فين تنسيق الازرار

كورس ممتاز جدا

اكثر من رائع و بسيط و مميز بارك الله فيك و جزاك خيرا