سلسلة لتعليم تصميم المواقع Web Design

"الجزء الثانى من السلسلة"

يعنى ايه CSS ؟

CSS دى اختصار لـ Cascading Style Sheets

وال CSS لغة تصميم تحدد شكل صفحة HTML، تقدر تقول انها 

بتهتم بالخطوط، الألوان، الهامش، والعرض والارتفاع، صورة خلفية

الموقع، وازاى توزع المساحات وحاجات تانية 

HTML ممكن تستخدمها بطريقة غلط عشان تزود التصميم للمواقع، 

بس ال CSS بتوفر كتير من الاختيارات وهي أكتر دقة وعملية، 

وكمان مدعومة من كل المتصفحات الرئيسية اليومين دول

ايه الفرق الفرق بين CSS وHTML؟

HTML بتستخدم عشان هيكلية وتنظيم المحتويات، أما ال CSS

 فدى بنستخدمها عشان نضيف تصميم للمحتويات دى  يعنى ايه 

confused_rev emoticon
زمان *مش زمان اوى يعنى* اخترع رجل اسمه تيم بيرنرز لي شبكة

 الويب، في الوقت دا كانت HTML بتستخدم بس عشان نضيف 

هيكلية للنص، بمعنى انك تقدر تضيف معنى للنص مثلا "دا العنوان" 

أو "دا الفقرة" وبيستخدم تاجات ال HTML زى<h1> و <p>

ومع ازدياد شهرة شبكة الويب بدأ المصممون يدوروا على طرق 

لإضافة تصميم للوثائق، عشان يلبوا رغباتهم فقام الناس الل بتبرمج 

المتصفحات - نيتكسيب ومايكروسوفت - باختراع تاجات HTML

 جديدة زى<font> الل بيختلف عن تاجات HTML الأصلية بأنه يهتم

 بالشكل مش بالهيكلية.

ودا ادى لاستخدام تاجات هيكلية زى<table> بشكل غلط، بحيث

 ان استخدام التاج دا لتحديد تصميم الصفحة بدل من إضافة معنى

 للنص، وكتير من التاجات الل اخترعت زى <blink> كانت مدعومة

 بس من متصفح واحد، فاتوجدت جملة "هتحتاج المتصفح الفلاني 

عشان تشوف الصفحة دى" مألوفة في مواقع الشبكة

فابتكرت CSS عشان تعالج المشكلة دى لأنها بتوفر للمصممين 

 طرق 

كتير فعالة وعملية لإنشاء التصاميم و التصاميم كمان بتكون مدعومة

 من كل المتصفحات في نفس الوقت، كمان CSS فصلت بين شكل

 الصفحة ومحتوياتها فسهلت عملية إدارة الموقع بشكل كبير جدا

-ال CSS ف 3 نقط kiki emoticon

تعتبر CSS ثورة في عالم تصميم المواقع، وفوائدها الأساسية :

• التحكم بالتصميم من خلال ملف واحد.

• إمكانية أكبر وأدق للتحكم بتفاصيل التصميم.

• إنشاء تصاميم خاصة لمختلف وسائل عرض الموقع زى الشاشات 

والطابعات والموبايلات .. إلخ

عاوز تعرف عنها اكتر ؟؟ عاوز تعرف ازاى تكتب HTML و CSS بطريقة

 صح 

يلا نبدأ :web design course HTML/CSS for beginners in arabi


المصدر: Root