دورة CSS كاملة ومبسطة خطوة بحطوة
السلام عليكم ورحمة الله وبركاته أقدم لكم اليوم كورس CSS وهى الجزء الثانى من دورة تعليم برمجة الويب web حيث يتم تقديم الدورة على أيد مجموعة من المهندسين والمبرمجين ويحتوى كورس css على جزئين جزء عملى (فيديو) + جزء نظرى (كتاب) لكى يتم تسهيل الشرح إلى مستوى يتلائم مع الجميع.
ما هى لغة CSS
CSS :- هى أختصار Cascading Style Sheets وتعنى التخطيط الأنسيانى والمقصود من استخدام لغة CSS هو كيف تظهر( تعرض ) وسوم HTML لحل مشاكل تصميم المواقع لأن الغرض من لغة HTML هو وصف محتوى الصفحة فقط .
حيث يمكن من خلالها تحديد شكل صفحة الويب وتنسيقها من حيث الشكل و المقاسات والمساحة والخطوط و الصور والخلفيات والجداول .
لأن الموقع يحتوى على الكثير من الصفحات وكل صفحة تختلف عن الأخرى فى التصميم اذا قمت بالتعديل على كل صفحة فهذا يؤدى إلى اهدار الوقت والجهد .لحل هذه المشكلة قامت منظمة الويب العالمية W3C باختراع لغة صفحات التصميم الانسيابية CSS.
من خلالها يتم تعديل التصميم لجميع صفحات موقعك فى ملف واحد فقط . احببتها الأن ولا خائف سهلة وممتعة. ستتعلم في هذا الدورة الكثير عن لغة CSS حيث ستتمكن من إنشاء و تعديل هيكل الموقع و تصاميم الصفحات لجميع صفحات الموقع بملف واحد فقط.
والفرق بين لغة CSS و HTML ؟
أولاً : HTML تحدّد هيكلة الصفحة وتُخبر المتصفحات بوظيفة كل عنصر في الصفحة (مثل رابط لصفحة أخرى أو عنوانا رئيسياً)ثانياً : CSS تقدّم تعليمات للمتصفح حول كيفية عرض العناصر في الصفحة من حيث التصميم والمسافة والموضع.
ولو قلنا أن HTML تقوم على بناء هيكل المنزل فإن CSS تقوم بطلاء و تصميم الديكور الخاص به.
والأن سنتكلم عن محتوى الكورس وماذا ستدرس فيه.
الجزء النظرى📖 كتاب CSS
وهو عبارة عن كتاب مكون من 35 صفحة تم شرحة بطريقة منظمة ومبسطة فليس العبرة بكثرة أوراق الكتاب ولكن الأفضل هو الدخول فى الموضوع مباشرتأ حتى لا يمل الطالب من الدرسة وحتى يكون لديك كل شيئ مدون فى الكتاب يتماشى مع المحتوى العملى.
فهرس البرنامج العملى لدورة css
- الفيديو 1: مقدمة عن اللغة وكل ما تريد معرفته قبل البدأ في تعلمها
- الفيديو 2: شرح البنية الخاصة بكود ال Css ومما تتكون وكيفية كتابتها
- الفيديو 3: شرح كيفية تمييز العناصر ب Class + Id وقوة الاستايل في الصفحة
- الفيديو 4: شرح كل ما يخص خواص الخلفية Background
- الفيديو 5: شرح خواص النصوص الجزء الأول
- الفيديو 6: شرح خواص النصوص الجزء الثاني
- الفيديو 7: تعلم خواص الخطوط Fonts وكيفة التعامل معها
- الفيديو 8: تعلم خواص الروابط Links وكيفة التعامل معها
- الفيديو 9: شرح كل شيء عن القوائم والخصائص الموجودة بها
- الفيديو 10: شرح فكرة ال Box Model وما هو البوكس
- الفيديو 11: شرح الحدود Border وكل ما يخصها
- الفيديو 12: شرح الهوامش الخارجية Margin
- الفيديو 13: شرح الهوامش الداخلية Padding للعناصر
- الفيديو 14: شرح كل ما يخص الابعاد الخاصة بالعناصر Width, Height
- الفيديو 15: شرح جميع خواص ال Display مع أمثلة وتجارب
- الفيديو 16: تعلم كيفية التحكم بأوضاع العنصر عن طريق ال Position
- الفيديو 17: تعلم كل شيء عن Float والخواص التي تعمل بها
- الفيديو 18: تعلم تجميع ال Selectors والعناصر مع بعضها
- الفيديو 19: تعلم نظام Nesting وكيفية تمييز العناصر عن بعضها
- الفيديو 20: تعلم خاصية Overflow وكل القيم الخاصة بها
- الفيديو 21: شرح خاصية ال Visibility والفرق بينها و بين ال Display
- الفيديو 22: شرح نظام الطبقات Z-Index مع خواصه كاملة Auto, Number
- الفيديو 23: شرح خاصية ال Content واستخدامها مع :Before, :After
- الفيديو 24: شرح خاصية ال Cursor الخاصة بتغيير مؤشر الفارة
- الفيديو 25: شرح خاصية Outline وعمل حواف خارج العنصر
- الفيديو 26: شرح ال Selectors وكيفة التعامل مع العناصر
- الفيديو 27: شرح ال Pseudo Classes وكيفية استخدامهم
- الفيديو 28: شرح سمات العناصر Attributes وكيفية تنسيقها بال Css
- الفيديو 29: شرح ال Media وكيفية عمل استايلات مختلفة لجميع انواع الميديا
وفى النهاية أتمنى لكم التوفيق
ملحوظة: الملف بعد تحميلة سيكون مضغوط حتى يكون مساحته صغيرة.
أذكر الله
If you're looking to lose fat then you have to get on this totally brand new custom keto meal plan.
ردحذفTo create this keto diet, certified nutritionists, personal trainers, and professional cooks united to develop keto meal plans that are effective, suitable, price-efficient, and delightful.
Since their first launch in January 2019, 100's of individuals have already remodeled their body and health with the benefits a smart keto meal plan can give.
Speaking of benefits: clicking this link, you'll discover eight scientifically-certified ones provided by the keto meal plan.