ما هى تقنية CSS ?
CSS هى إختصار ل Cascading Style Sheets .
CSS هى لغة تصميم تحدد شكل وثيقة HTML فهى تهتم بالخطوط, الألوان, الهامش, والعرض والإرتفاع, صورة خلفية الموقع, وكيفية توزيع المساحات وأشياء أخرى كثيره.
ما الفرق بين CSS و HTML ?
HTML تستخدم لوضع هيكلية ونظام منطقى للمحتويات, أما CSS فهى تستخدم لإضافة تصميم لهذه المحتويات.
حسنا, قد يبدو هذا مربكا لكن أكمل القراءه وستفهم ما قرأته قريبا.
فى الماضى القريب إخترع رجل إسمه تيم برنرز لى شبكة الويب, فى ذلك الوقت كانت HTML تستخدم لإضافة هيكليه للنص, الكاتب يمكنه أن يقوم بإضافة معنى للنص بأن يقول مثلا " هذا عنوان " أو " هذه فقره " ويستخدم وسوم <H1> و <P> .
ومع إزدياد شهرة شبكة الويب بدأ المصممون فى البحث عن طرق لإضافة تصميم للوثائق, ولتلبية رغباتهم قام مبرمجوا المتصفحات - نيتسكيب و مايكروسوفت - بإختراع وسوم HTML جديده مثل <FONT> الذى يختلف عن وسوم HTML الأصليه بأنه يهتم بالشكل لا بالهيكليه.
أدى ذلك إلى أن تستخدم وسوم هيكليه مثل <TABLE> بشكل خاطىء, حيث إستخدم هذا الوسم لتحديد تصميم الصفحه بدلا من إضافة معنى للنص, والكثير من الوسوم التى إخترعت مثل <BLINK> كانت فقط مدعومه من قبل متصفح واحد, وأصبحت جملة " ستحتاج الى المتصفح الفلانى لرؤية هذه الصفحه " مالوفه فى مواقع الشبكه.
إبتكرت CSS لعلاج هذه المشكله لأنها توفر للمصممين طرقا فعاله وعمليه لأنشاء التصاميم وهذه التصاميم ستكون مدعومه من قبل جميع المتصفحات فى نفس الوقت, والفصل بين شكل الصفحه ومحتوياتها يبسط عملية إدارة الموقع بشكل كبير.
كيف ستفيدنى لغة CSS ?
تعتبر CSS ثوره فى عالم تصميم المواقع, وفوائدها الأساسيه هى :
CSS هى إختصار ل Cascading Style Sheets .
CSS هى لغة تصميم تحدد شكل وثيقة HTML فهى تهتم بالخطوط, الألوان, الهامش, والعرض والإرتفاع, صورة خلفية الموقع, وكيفية توزيع المساحات وأشياء أخرى كثيره.
HTML تستخدم لوضع هيكلية ونظام منطقى للمحتويات, أما CSS فهى تستخدم لإضافة تصميم لهذه المحتويات.
حسنا, قد يبدو هذا مربكا لكن أكمل القراءه وستفهم ما قرأته قريبا.
فى الماضى القريب إخترع رجل إسمه تيم برنرز لى شبكة الويب, فى ذلك الوقت كانت HTML تستخدم لإضافة هيكليه للنص, الكاتب يمكنه أن يقوم بإضافة معنى للنص بأن يقول مثلا " هذا عنوان " أو " هذه فقره " ويستخدم وسوم <H1> و <P> .
ومع إزدياد شهرة شبكة الويب بدأ المصممون فى البحث عن طرق لإضافة تصميم للوثائق, ولتلبية رغباتهم قام مبرمجوا المتصفحات - نيتسكيب و مايكروسوفت - بإختراع وسوم HTML جديده مثل <FONT> الذى يختلف عن وسوم HTML الأصليه بأنه يهتم بالشكل لا بالهيكليه.
أدى ذلك إلى أن تستخدم وسوم هيكليه مثل <TABLE> بشكل خاطىء, حيث إستخدم هذا الوسم لتحديد تصميم الصفحه بدلا من إضافة معنى للنص, والكثير من الوسوم التى إخترعت مثل <BLINK> كانت فقط مدعومه من قبل متصفح واحد, وأصبحت جملة " ستحتاج الى المتصفح الفلانى لرؤية هذه الصفحه " مالوفه فى مواقع الشبكه.
إبتكرت CSS لعلاج هذه المشكله لأنها توفر للمصممين طرقا فعاله وعمليه لأنشاء التصاميم وهذه التصاميم ستكون مدعومه من قبل جميع المتصفحات فى نفس الوقت, والفصل بين شكل الصفحه ومحتوياتها يبسط عملية إدارة الموقع بشكل كبير.
كيف ستفيدنى لغة CSS ?
تعتبر CSS ثوره فى عالم تصميم المواقع, وفوائدها الأساسيه هى :
- التحكم بالتصميم من خلال ملف واحد.
- إمكانيه أكبر وأدق للتحكم بتفاصيل التصميم.
- إنشاء تصاميم خاصه لمختلف وسائل عرض الموقع, مثل الشاشات والطابعات والهواتف النقاله .... إلخ.
- العديد من التقنيات والأساليب المتقدمه فى التحكم بالتصميم.
مبدع دائماً .. بالتوفيق لك
ردحذفانشاء الرب استفيد منك في تحسين مدونتي .. بالتوفيق لك
ردحذفرؤوف
مشكور عالشرح الرائع
ردحذفتماموز يا معلم . تسلم
ردحذفشكرا على مروركم جميعا عبدالله - امير الكافى - نزار - باسم.
ردحذف