كورس لتعلم لغة البرمجة CSS – مرفوع علي ميديا فاير HD باللغه العربيه

ما هي CSS

CSS هي اختصار لـ Cascading Style Sheet صفحات الطرز المتراصة (بالإنجليزية سي إس إس CSS) هي لغة تنسيق لصفحات الويب تهتم بشكل وتصميم المواقع، صممت خصيصا لعزل التنسيق (الألوان – الخطوط – الأزرار….) عن محتوى المستند المكتوب (بلغة مثلا إتش تي إم إل) وينطبق ذلك على الألوان والخطوط والصور والخلفيات التي تستخدم في الصفحات، بمرونة وسهولة تامة.هذه التقنية تعنى بالمظهر الكلي لصفحات مواقع الويب من ألوان و صور و غيره.ويمكن اضافته للصفحة بعدة طرق أفضلها التضمين الخارجي بكتابة شفرة السي إس إس في ملف منفصل. وقد تم تطورها لتصل حاليا إلى سي إس إس 3 والذي أضيف إليه عدة إضافات رائعة لم تكن متاحة في الإصدار السابق وكان إنجازها يتم فقط بجي كويري.أطلقها مجلس وب رابطة الشبكة العالمية، كمواصفة قياسية لتوصيف مظهر وثائق وب من محددات للخطوط والألوان والتنسيق.محتويات  [أخف] 1 مميزات تقنية سي إس إس2 نظم كتابة السي إس إس3 برمجته وتحريره4 إصداراته5 المتصفحات والدعم الخاص فيه6 مراجع7 وصلات خارجيةمميزات تقنية سي إس إس[عدل]تهدف تقنية سي إس إس إلى فصل محتوى الصفحات عن مظهرها بحيث يعطي عدة مكاسب:جعل الصفحة ابسط وتفيد فقط ماعملت من اجله بحيث تشمل المحتوى، اما الشكل فيكون في ملف الأنماط السي إس إس.جعل الصفحة قابلة للتعامل مع عدة متصفحات أو شاشات عرض مختلفة ويمكن معالجة كل جهاز (حاسوب أو حتى هاتف نقال) أو متصفح على حدة وبالتالي قابلية استخدام أكبر.يمكن وضع عدة مظاهر كل مظهر يلبي حاجة كل قارئ فمثلا يمكن ضمان قابلية الاستخدام لذوي الاحتياجات الخاصة أو وضع عدة الوان لتلبيه اذواق شتى.يمكن لملف الأنماط ان يتم تضمينه في عدة صفحات وبالتالي عند تغيير شكل العرض فانك تحتاج لتعديل ملف واحد فقط وهذا يعني وقت اقل وتعديل أكبر واشمل.نظم كتابة السي إس إس[عدل]شفرة السي إس إس هو مجموعة من التعريفات لكل عنصر، وبالتالي يمكن ان يكون لدينا 100 تعريف ل 100 عنصر وهكذاكل تعريف يببدأباسم أو بتعريف العنصر (كـ id أو class العنصر)فمثلا لنأخذ العنصر divالذي يكتب بـ إتش تي إم إل كـ<div id=”ar_wiki”>اهلا وسهلا بالويكي العربي</div> سنقوم بإعطاء هذا العنصر لونا أزرق، كما نرى بالأعلى ان عنصر ديف تم تعيين المعرف (id) ب‍ar_wiki وبالتالي يتم كتابته كـ #ar_wiki بصفحة الأنماطلان كل عنصر يتم تعريفه بـdiv يكون قبله (#) واي عنصر يتم تعريفه بclass يكون قبله نقطة (.) عند كتابته بصفحة الأنماط.وبالتالي يكون الشكل التالي هو التعريف لإعطاء العنصر اللون الأزرق:#ar_wiki { color:blue; } والتالي هو شرح الشفرة:#ar_wiki: تعريف العنصر المراد تطبيق التنسيق عليه، وهو ما تم تعريف بصفحة ال إتش تي إم إل لعنصر div.{…} كل تنسيق يتم احاطته بهذه الأقواس المعكوفه لتوضيح تنسيق كل عنصر على حده.color: هي صفة التنسيق المراد تطبيقه على العنصر، وهنا تم وضع color اي اللون.(:): توضع النقطتين الرئسيتين لتوضح ان ما بعدها هو قيمة الصفة، وبالتالي هي فاصل بين الصفة وقيمتها.blue: قيمة للصفة وهنا تم وضع القيمة blue اي الأزرق للصفه color اللون.(;): يتم وضع النقطة المنقوطة بعد القيمة لأخبار المعالج ان القيمة انتهت وما سيأتي بعدها هو صفة أخرى وهكذا..برمجته وتحريره[عدل]سي إس إس هي تقنية لتطوير الويب وكما أغلب التقنيات للويب، هذه التقنية نصية، اي ان البرامج النصية كـ{[نوتباد} في ويندوز أو {Gedit} في واجهة جنوم لينكس جنو، يمكنك الكتابة بها بكل سهولة.هناك برامج تسهل عملية الكتابة وتعطي خيارات أكثر، مثل دريم ويفر أو {مايكروسوفت إكسبرشن} التجاريان، ولكن يظل الخيار النصي للمطورين هو الأفضل، لان إنشاء هذه القيم تلقائيا غير محبب لمطوري الويب المهووسون بمعايير الويب.إصداراته[عدل]الإصدار العامل حاليا من تقنية سي إس إس هو الإصدار 3، الذي صمم ليتعامل مع إتش تي إم إل5المتصفحات والدعم الخاص فيه[عدل]تدعم {متصفح ويب متصفحات ويب} المواصفة بدرجات مختلفة من الكفاءة والتوافقية؛ فبينما يدعم كل من {موزيلا فيرفكس} و{متصفح أوبرا} المواصفة بدرجة معقولة، وبالنسبة ل{متصفح إنترنت إكسبلوري} فيتوقع منه نسخة جديدة معدلة لتناسب وتلبي احتياجات الويب حاليا و{مايكروسوفت} أعلنت عند طرحها إصدارا جديدا من {متصفح إنترنت إكسبلوري} (IE7) مشتملا على الكثير من الإضافات التي تجعل تصفح الإنترنت أكثر أمانا، ومنها تطبيقات مضادة لبرامج التجسس (spyware) والفيروسات ومواقع الاحتيال حيث تم بالفعل إصدار النسخة السابعة من [متصفح إنترنت إكسبلورر] وتم بعده إصدار نسخة جديدة تحمل الرقم 8 ويجري في هذه الأوقات الاستعداد لإصدار نسخة جديدة منه حيث لاقت النسخ القديمة من المتصفح غضب العديد من الأشخاص والعديد من الشركات.