السلام عليكم

سأبدأ سلسة دروس من البداية حتي الأحتراف إن شاء الله وإن كنت شخصياً أطمح بالأحتراف في هذه اللغة وكل يوم نتعلم ونسمع الجديد عنها ..والعلم ليس له نهاية

ما هي css

css

CSS هي أختصار للكلمة Cascding Style sheets أي بالعربية صفحات الأنماط الأنسايبية ونستشف من هذا المصطلح الثقيل لأنني لا أحب الترجمة الحرفية !! الأنماط ..نعمcss  هي عبارة عن مجموعة أنماط من خلالها توضح للمتصفح طريقة العرض مثلا الجدول ، الصور ، الروابط …إلخ ويمكنك عمل تخصيص لكائن محدد مثلا جدول معين وتعطيه اسم معين ..ومن خلال هذا الأسم تنادي عليه وتعطيه خيارات محدده ..هذا شئ رائع ومرن للغاية ..

ما الهدف منها ؟ الهدف منه بإختصار هو الفصل ( المحتوي عن التصميم (التنسيق ) مثلا ستكتب الكود بلغة HTML مثلا تريد وضع صورة ثم جدول ثم فقرة …نتحدث بلغة تقنية

<Html>

<head><title>weclome World of CSS</title>

<body>

</body>

</html>

هذا هو الكود أو التخطيط الفعلي لأي صفحة حتي لو لم يكن بيها حرف واحد أي هذا هو الهكيل العظمي للصفحة وبدونه لن يظهر أي شئ

طبعا نريد مثلا وضع فقرة ونريد عمل تنسيق لها ..بالأسلوب التقليدي في البرامج الأعتيادية نضع الفقرة ونقوم بإختيار لون معين ونص وهكذا يسير الأمر ولكن مع css الوضع أخف وأبسط

<p style=”font-family:tahoma; font-size:12px;”> Your Text here </p>

وهنا أقول للمتصفح ضع تاج أو وسم للفقرة وأريده بهذا الشكل ..طبعا هذه أمثلة وتباعا سأوضح طرق كتابة لغة css وتوظيفها

إذن حتي الآن لم نعرف الهدف ..الهدف هو سرعة إدارة الصفحة أو الموقع فمثلا لديك موقع بيه 20 صفحة وتريد تغيير العناوين الرئيسية باللون الأصفر وحجم 30 بكسل ..بالأسلوب التقليدي ستدخل يدوي صفحة صفحة وتعدل مع css الأمر يختلف مع استخدامك لطرق مختلفة لكتابة css وضع الأوامر بملف خارجي كل ما عليك الدخول ملف css وتطبيق الأمر هذا وسيتم تطبيقه علي كافة الوسوم أو لفئة محددة ..قمت بتعريفها مسبقا ..وبالتالي هناك مزايا

- سرعة تنفيذ الكود لأن ملف css يحمل مرة واحد فقط

- سهولة التعديل والتنقيح والتغيير المستقبلي .

- استخدامك للغة حديثة وبالتالي تضمن توافقية العرض مع المتصفحات المختلفة مثلا IE 7 – 8 , Safri, Fire Fox , Chrome

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