مقدمة عن الأنماط المتتالية الإنسيابية CSS Tutorial#
مقدمة عن الأنماط الإنسيابية المتتالية CSS Tutorial#
يستخدم CSS للتحكم في نمط وثيقة الويب بطريقه بسيطه وسهله.
CSS هو اختصار ل "ورقه الأنماط المتتالية". هذا البرنامج التعليمي يغطي كل من الإصدارات CSS1 ، CSS2 و CSS3 ، ويعطي فهم كامل لل CSS ، بدءا من أساسياتها إلى المفاهيم المتقدمة.
لماذا تعلم CSS ؟
أوراق الأنماط المتتالية ، ويشار اليها باعتزاز باسم CSS ، هي لغة تصميم بسيطه تهدف إلى تبسيط عمليه جعل صفحات الويب أنيق.
CSS هو ضرورة للطلاب والمهنيين العاملين ليصبح مهندس البرمجيات كبيره خصيصا عندما يعملون في مجال تطوير الويب. وسوف قائمه أسفل بعض المزايا الرئيسية للتعلم CSS:
إنشاء موقع ويب مذهل-CSS يعالج مظهر ويشعر جزء من صفحه ويب. باستخدام CSS ، يمكنك التحكم في لون النص ، ونمط الخطوط ، والتباعد بين الفقرات ، وكيفيه حجم الاعمده ووضعها ، وما هي الصور الخلفية أو ألوان المستخدمة ، وتصاميم التخطيط ، والاختلافات في العرض للاجهزه المختلفة واحجام الشاشة ، فضلا عن متنوعة من الآثار الأخرى.
تصبح مصمم ويب-إذا كنت ترغب في بدء كارير كمصمم ويب المهنية ، HTML و CSS تصميم هو يجب ان المهارة.
التحكم في الويب-CSS سهل التعلم والفهم ولكنه يوفر تحكما قويا في عرض مستند HTML. الأكثر شيوعا ، يتم الجمع بين CSS مع لغات الترميز HTML أو XHTML.
تعلم لغات أخرى-بمجرد ان تفهم الاساسيه من HTML و CSS ثم التقنيات الأخرى ذات الصلة مثل جافا سكريبت ، php ، أو الزاوي تصبح أسهل للفهم.
مرحبا العالم باستخدام CSS.
فقط لإعطائك القليل من الإثارة حول CSS ، سأعطيك برنامج CSS Hello World صغير تقليدي ، يمكنك تجربته باستخدام الرابط التجريبي.
</span><span class="pln" style="color: rgb(0, 0, 0);">This is document title</span><span class="tag" style="color: rgb(0, 0, 136);">
Hello World!
تطبيقات CSS
كما ذكر من قبل ، CSS هي واحده من الأكثر استخداما علي نطاق واسع نمط اللغة علي شبكه الإنترنت. انا ذاهب إلى سرد عدد قليل منهم هنا:
CSS يحفظ الوقت-يمكنك كتابه CSS مره واحده ثم أعاده استخدام نفس الورقة في صفحات HTML متعددة. يمكنك تعريف نمط لكل عنصر HTML وتطبيقه علي العديد من صفحات ويب كما تريد.
تحميل الصفحات بشكل أسرع-إذا كنت تستخدم CSS ، فلن تحتاج إلى كتابه سمات علامات HTML في كل مره. ما عليك سوي كتابه قاعده CSS واحده للعلامة وتطبيقها علي جميع تواجدات تلك العلامة. حتى اقل رمز يعني أسرع مرات التحميل.
سهوله الصيانة-لاجراء تغيير عالمي ، ببساطه تغيير النمط ، سيتم تحديث جميع العناصر في جميع صفحات الويب تلقائيا.
الأنماط المتفوقة إلى HTML-CSS لديه مجموعه أوسع بكثير من سمات من HTML ، حتى تتمكن من إعطاء نظره أفضل بكثير إلى صفحه HTML الخاصة بك بالمقارنة مع سمات HTML.
معايير الويب العالمية-الآن يتم إهمال سمات HTML ومن المستحسن استخدام CSS. حتى انها فكره جيده للبدء في استخدام CSS في جميع صفحات HTML لجعلها متوافقة مع المتصفحات المستقبلية.
الجمهور
هذا البرنامج التعليمي CSS سوف تساعد كل من الطلاب وكذلك المهنيين الذين يرغبون في جعل مواقعهم الكترونيه أو بلوق الشخصية أكثر جاذبيه.
المتطلبات المسبقه
يجب ان تكون علي دراية بما يلي:
معالجه الكلمات الاساسيه باستخدام اي محرر نصوص.
كيفيه إنشاء الدلائل والملفات.
كيفيه التنقل من خلال الدلائل المختلفة.
تصفح الإنترنت باستخدام متصفحات شعبيه مثل إنترنت اكسبلورر أو فايرفوكس.
تطوير صفحات ويب بسيطه باستخدام HTML أو XHTML.
إذا كنت جديدا علي HTML و XHTML ، فاننا نقترح عليك ان تذهب من خلال برنامجنا التعليمي HTML أو XHTML البرنامج التعليمي الأول.