U3F1ZWV6ZTQ5ODI5NjAyMzU3X0FjdGl2YXRpb241NjQ1MDA2NDM0MzI=
recent
أخبار ساخنة

تعلم لغة Css كاملة

اهلا بكم في اكاديمية المصطفي معكم في مقالة جديدة تعلم لغة CSS كاملة من الصفر الي الاحتراف لكي تصمم المواقع وتضبط الالوان وحجم الموقع وهكذا 
اولا ماهي لغة CSS
CSS هي اختصار لـ Cascading Style Sheet و هي تعني صفحات الأنماط الانسيابية  و تستخدم تقنية CSS في تصميم صفحات الويب بحيث يتم من خلالها التحكم في شكل الموقع بالكامل من حيث نوع الخط المستخدم أو لونه أو حجمه و ذلك دون الحاجة لكتابة تلك الأكواد أو تكرارها في كل صفحة داخل الموقع و بالتالي فيمكن من خلال ملف واحد فقط إجراء أي تعديلات على كافة الملفات مما يوفر الكثير من الجهد و الوقت و وظيفة هذه التقنية هي التحكم بكيفية عرض صفحة الويب دون التدخل في المحتوى مما يسهل من عملية إدارة الموقع فتعديل ملف CSS واحد سيؤثر على تصميم كافة صفحات الموقع  فملفات CSS تعمل على تبسيط عملية تصميم و إدارة المواقع وتحل الكثير من المشاكل التي قد يواجهها أي مطور للمواقع فعلى سبيل المثال إذا كنت قد صممت موقعك باستخدام لغة الـ HTML  و على فرض أن هذا الموقع يتكون من خمسة صفحات ثم أردت بعد فترة تطوير و تعديل طريقة عرض هذا الموقع ... عليك هنا إعادة تصميم الصفحات الخمس من جديد  هذا أمر سهل جداً و عليك أن تبدأ الآن أما على فرض أن موقعك هذا يحتوي على عدد أكبر من الصفحات و ليكن 50 أو 100 صفحة فمن المؤكد أنك سوف تتردد قبل الشروع في التطوير و التعديل ... أما إذا كنت قد صممت موقعك منذ البداية باستخدام تقنية CSS  فكل ما عليك هو تعديل ملف واحداً فقط 
فملفات الأنماط الانسيابية CSSتلغي الحاجة إلى استخدام الكثير من أوامر HTML كأمر FONT الذي يحدد نوع الخط أو حجمه أو لونه كذلك الأمر TABLE الذي يستخدم لإنشاء الجداول  و بمعنى آخر يستطيع أي شخص باستخدام CSS أن يصمم موقعه بالكامل دون استخدام الجداول كما هو متبع في الطرق التقليدية لتصميم الصفحات و هذا لا يعني أن الجداول لن يتم استخدامها مع CSS  فالجداول لها وظيفة أخرى وهي عرض وتنسيق البيانات التي تحتاج إلى أن تكون ضمن جدول  و قد قامت منظمة W3C بابتكار هذه التقنية و جعلتها كمعيار قياسي لتصميم المواقع  وقد بدأت الكثير من المواقع في الانتقال من الأسلوب التقليدي للتصميم باستخدام الجداول إلى الأسلوب الجديد باستخدام تقنية CSS 

مشاركات سابقة


شرح الدرس
شرح وتقديم أ.أسامة الزيرو من موقع أكاديمية الزيرو
ومن قناة مدرسة الزيرو ويب 

عدد الدروس : 29 درس
مدة الدروس : 345.67 دقيقة

الدرس 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 وكيفية عمل استايلات مختلفة لجميع انواع الميديا


وهكذا انهينا الدرس وتابعونا في دروس جديدة انشاء الله
ليست هناك تعليقات
إرسال تعليق

إرسال تعليق

الاسمبريد إلكترونيرسالة