أقدم لكم اليوم شرح كامل ووافي عن لغة C S S المساعدة للغة H T M L

  افضل المواضيع1

بسم الله الرحمن الرحيم
آخواني أعضاء آحييكم بتحية الإسلام ... [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
أقدم لكم اليوم شرح كامل ووافي عن لغة C S S المساعدة للغة H T M L واتمنى من الله ان يوفقني في هذا الشرح ...

نبدأ بذكر الله ...


مقدمة عن لغة C S S :

هي لغة موازية للغة H T M L , ويمكنك إنشاء صفحة إفتراضية منها .

أهمية لغة C S S :

لنفرض عزيزي المتعلم , أن لديك 1000 صفحة من صفحات H T M L , وترغب في تعديل الخلفية لتلك الصفحات الألف , أليس ذلك مجهداّ لك , ولكن مع لغة C S S ليس كذلك , لأنك بهذه اللغة يمكنك تعديل 1000 صفحة من صفحات H T M L , بتعديل ملف واحد فقط , وهو ملف C S S , أليس هذا رائعاّ , ولا يأخذ من وقتك الكثير .

فوائد لغة C S S :

1 - تستطيع تعديل عدد كبير من صفحات H T M L من ملف واحد فقط .
2 - وضع شكل , لكل بيئة عمل , كجهاز الكمبيوتر , والكمبيوتر الكفي , وغيرها .
3 - تقليل حجم ملف H T M L , وذلك بعرض الخصائص في ملف C S S مستقل .
4 - التحكم الكامل بالنصوص والصور , وامكانية تغييرها بوقت قصير .
وبشكل عام , لغة C S S هي مجموعة من الأوامر مكتوبة في ملف مستقل او ضمن ملف H T M L , يمكنك من خلاله تعديل الشكل العام للصفحة الإلكترونية , بحسب بيئة العمل .

أساسيات لغة C S S :

تعد أكواد C S S مشابهه بشكل كبير لأكواد H T M L , ولذلك بعد تعلمك للغة H T M L , فسوف تكون هذه اللغة سهلة التعلم لديك .

أين أضع كود C S S :

يوضع كود C S S في الصفحة الإلكترونية بشكلين :
الاول : كود مضاف , أي يضاف من ضمن أكواد H T M L , في منطقة الرأس .
مثال على ذلك :

رمز PHP:
الكود:
 <html>

 
<head>

<style type="text/css">

code........

</style>

</head>

 
<body>

</body>

 
</html> 

  
الثاني : ملف مضمن , أي يضاف كود تطبيقي لملف C S S مستقل , نفترض ان اسم الملف style.css
مثال على ذلك :

رمز PHP:
الكود:
 <html>

 
<head>

<link rel="stylesheet" type="text/css" href="style.css" />

</head>

 
<body>

</body>

 
</html> 

  
وعند عرض الصفحة الإلكترونية سوف يأخذ كافة الخصائص من ملف style.css , كنوع الخط , حجم الخط , لون الخط , لون الخلفية , صورة الخلفية , المسافات , الجداول وغيرها , ويمكنك عند إنشاء كل صفحة جديدة الاكتفاء بالكتابة فقط , وسوف تجد أن مميزات الكتابة أخذت الطابع التصميمي الذي كتبته في ملف style.css , دون العناء في اختيار مميزات العرض في كل مرة .

هذا وصلى الله على سيدنا محمد

انتهى الشرح ....


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
تستطيع الرد على المواضيع في هذا المنتدى