تقنيه صفحات الانماط المتعاقبه CSS
تقنيه صفحات الانماط المتعاقبه CSS
تهتم تقنيه صفحات الانماط المتعاقبه ( cascading style sheet_ CSS ) بتحديد شكل وتصميم المواقع وهذا ينطبق على الالوان والخطوط والصور الخلفيه وتساعد (CSS) لغه (html) على فصل قضايا التصميم عن المحتوى فاذا اردت تعديل اي جزء من التصميم في صفحه html فستقوم بذلك دون الدخول في بتفاصيل المحتوى وهناك فائده اخرى تمكن في توفير عده اوامر لغه html في الصفحه مما يؤدي الى تسريع تنزيلها في المتصفح ,مثال:_
<head>
<title> عنوان</title>
</head>
<body>
<p> font face = "Tahoma" color="#677393" size="2" عنوان اول < font ></p>
<p> font face = "Tahoma" color="#677393" size="2" عنوان ثاني < font ></p>
<p> font face = "Tahoma" color="#677393" size="2" عنوان ثالث < font ></p>
</body>
</html>
تحتوي هذه الصفحه على ثلاث فقرات تحتوي كل منها على ثلاث عناوين , تم تحديد خط Tahoma لكل عناوين مقياس 2 كذلك تحديد لون له .
يمكن معالجه ذلك من خلال اضافه اوامر CSS في المثال التالي بين وسمي <style> في راس الصفحه <head>
حيث تنتطبق هذه الاوامر على جميع فقرات الصفحه :
<html>
<head>
<title> عنوان</title>
</head>
<body>
</body>
</html>
- تقليل حجم الموقع الكلى بنسبه تصل الى 50 % من مما يعني ان سعه الموجه (bandwidth) التي تحتاجها الموقع ستقل .
- تقليل حجم صفحات الموقع , مما يعني ان المستخدم سيضي وقتا اقل لكي تظهر له صفحات الموقع بشكل كامل .
- فصل المحتويات تماما عن التصميم , والتحكم بالتصميم من خلال اوامر (css) .
- يؤدي فصل المحتويات عن التصميم الى توافق مكونات الموقع مع اجهزه اخرى مثل الخلويات والحواسيب المحموله .
- سهوله اجراء تعديلات في كيفيه ظهور العناصر المختلفه الى صفحات الموقع ومرونه اكثر في التتحكم بها.
Comments
Post a Comment