لغة CSS
هى اختصار لCascading Style Sheets ( صفحات الانماط الانسيابية )
تم اختراع لغة CSS عام 1995 لكن كان أول ظهور رسمي للغة CSS عام 1996
عبر منظمة W3C وهي الإصدارة CSS1 ، ثم في عام 1998 أصدرت الإصدارة CSS2 ،
ثم صدرت آخر إصدارة عام 2003 وهي CSS2.1 وهي اللغة المتداولة الآن .
تم اختراع لغة CSS عام 1995 لكن كان أول ظهور رسمي للغة CSS عام 1996
عبر منظمة W3C وهي الإصدارة CSS1 ، ثم في عام 1998 أصدرت الإصدارة CSS2 ،
ثم صدرت آخر إصدارة عام 2003 وهي CSS2.1 وهي اللغة المتداولة الآن .
توجد هناك إصدارة جديدة وهي CSS3.
إن لغة CSS هي لغة موازية للغة HTML مبدأ عملها بسيط جدا ومعروف ،
وهو تحديد شكل افتراضي وحفظه في صفحة مستقلة ، ويتم تطبيق هذا الشكل
وهو تحديد شكل افتراضي وحفظه في صفحة مستقلة ، ويتم تطبيق هذا الشكل
على عدد لا نهائي من صفحات HTML والهدف الرئيسي منه هو تعديل شكل عدد
كبير من صفحات HTML من خلال تعديل ملف واحد فقط.
لغة CSS هي مجموعة من الأوامر المكتوبة في ملف مستقل-عادة-تتحكم بخصائص HTML
والتي تحدد مظهر الصفحة المصممة ، كلون الخط ونوعه وخلفية الصفحة وشكل الجداول والإطارات، إلخ..
ماهي فوائد CSS ؟
- فصل محتويات الموقع عن التصميم ، والتحكم بجميع الصفحات من خلال ملف واحد بإمتداد css .
- إضافة مزيد من الأحترافية والسهولة لتصميم المواقع ـ والحريه في تصميم مواقع تزيد عن العشرة والعشرين صفحة.
- لن ترهقك بعد اليوم طلبات العملاء والتعديلات الكثيرة التى يطلبوها ويروها سهله ـ ولكنك تراها مرهقه مع كثرة الأعمال
- تقليل حجم صفحات الموقع، مما يعني أن المستخدم سيقضي وقتاً أقل لكي تظهر له صفحات الموقع بشكل كامل.
- تقليل حجم الموقع الكلي بنسبة تصل إلى 50% مما يعني أن سعة الموجة (bandwidth) التي يحتاجها الموقع ستقل.
- ضمان ظهور الموقع بشكل واحد على كافة المتصفحات والأجهزة أخرى كالحواسيب الكفية ـ وذلك بفضل فصل المحتوى عن ملف التصميم .
كيف يتعرف متصفح الإنترنت على هذه التقنية ؟
في الحقيقة إننا نستخدم نوعاً من أنواع الأنماط الانسيابية في صفحاتنا دون أن ندري . و لنأخذ هذا المثال ..
لاحظ فلم يتم بتحديد أي تنسيق للنص و مع ذلك فإنه عند فتح الصفحة بإستخدام المتصفح ستجد تنسيقاً معيناً لنوع الخط
و حجمه و لونه ـ وهذا التنسيق قد يختلف من جهاز لآخر بحسب الإعدادات الافتراضية للعرض لدى الزائر .
هنا كأننا نقول بأن المتصفح يحتفظ بملف يحتوي أنماط معينة من التنسيق يستخدمها إذا لم تحدد التنسيق بشكل واضح
في صفحتك او موقعك .
وتقنية CSS تعتمد نفس المبدأ . وتقريباً لن تكتب أي تنسيق في الصفحة الأساسية لكنك ستحدد في ملف خارجي واحد
التنسيق مفصلاً ـ وبعدها يربط ذلك الملف بالموقع حتى يأخذ المتصفح تنسيق الصفحات منه دون الاعتماد على إفتراضياته
هو ويطبق على جميع الصفحات مما يضمن ظهور الموقع بنفس الشكل على كل الأجهزة .
و حجمه و لونه ـ وهذا التنسيق قد يختلف من جهاز لآخر بحسب الإعدادات الافتراضية للعرض لدى الزائر .
هنا كأننا نقول بأن المتصفح يحتفظ بملف يحتوي أنماط معينة من التنسيق يستخدمها إذا لم تحدد التنسيق بشكل واضح
في صفحتك او موقعك .
وتقنية CSS تعتمد نفس المبدأ . وتقريباً لن تكتب أي تنسيق في الصفحة الأساسية لكنك ستحدد في ملف خارجي واحد
التنسيق مفصلاً ـ وبعدها يربط ذلك الملف بالموقع حتى يأخذ المتصفح تنسيق الصفحات منه دون الاعتماد على إفتراضياته
هو ويطبق على جميع الصفحات مما يضمن ظهور الموقع بنفس الشكل على كل الأجهزة .
طرق تعريف CSS داخل الصفحات
توجد عده طرق لتعريف متغيرات CSS داخل الصفحات والأكثر إستخداماً ونوهنا عنه هو عمل ملف نصي منفصل وتسميه
بإي أسم المهم ان يكون بالإمتداد css يحتوى على كافة التنسيقات ويتم ربطة بالموقع وتسمي هذه الطريقه External .
كما في المثال التالي :
بإي أسم المهم ان يكون بالإمتداد css يحتوى على كافة التنسيقات ويتم ربطة بالموقع وتسمي هذه الطريقه External .
كما في المثال التالي :
2) الطريقه الثانية هو ان تطبق متغيرات الـ CSS مباشرة في اوسمه HTML وتسمى هذه الطريقه in-line
بهذا الشكل ..
بهذا الشكل ..
3) الطريقه الأخيرة وفيها يتم إضافة جميع قيم CSS في أعلى الصفحه بين وسمين لتعريفهم على المتصفح وتسمي
هذه الطريقه Internal ومنه تطبق هذه الأوامر على جميع فقرات الصفحه .
هذه الطريقه Internal ومنه تطبق هذه الأوامر على جميع فقرات الصفحه .
ماذا تحتاج لإستخدام CSS ؟
- الى اى محرر متقدم لصفحات الويب يدعم css ـ والأفضل في هذا المجال هو العملاق Dreamweaver 8
يمكنك تحميله من هنا
وهناك برامج لتحرير css فقط مثل برنامج TopStyle
ويمكنك تحميله من هنا
- او يمكنك الأكتفاء بمحرر Notepad البسيط والموجود فى كل انظمة الويندوز
مستعرض ويب داعم جيد للمعايير القياسيه و css ـ وارشح لك المتصفح الناري Firefox ورأيي انه الأفضل والاسرع
ويمكنك تحميله من هنا
أتمنى لكم الإفادة ـ تقبلوا جميعاً التحيه ،،
مع تحيات اعضاء مدونة محترفي الحماية الاختراق
- روابط التحميل والمشاهدة، الروابط المباشرة للتحميل من هنا
---------------------------------------------------------------
شاهد هذا الفيديو القصير لطريقة التحميل البسيطة من هنا
كيف تحصل على مدونة جاهزة بآلاف المواضيع والمشاركات من هنا شاهد قناة منتدى مدونات بلوجر جاهزة بألاف المواضيع والمشاركات على اليوتيوب لمزيد من الشرح من هنا رابط مدونة منتدى مدونات بلوجر جاهزة بآلاف المواضيع والمشاركات في أي وقت حــــتى لو تم حذفها من هنا شاهد صفحة منتدى مدونات بلوجر جاهزة بألاف المواضيع والمشاركات على الفيس بوك لمزيد من الشرح من هنا تعرف على ترتيب مواضيع منتدى مدونات بلوجر جاهزة بآلاف المواضيع والمشاركات (حتى لا تختلط عليك الامور) من هنا
ملاحظة هامة: كل عمليات تنزيل، رفع، وتعديل المواضيع الجاهزة تتم بطريقة آلية، ونعتذر عن اي موضوع مخالف او مخل بالحياء مرفوع بالمدونات الجاهزة بآلاف المواضيع والمشاركات، ولكم ان تقوموا بحذف هذه المواضيع والمشاركات والطريقة بسيطة وسهلة. ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــسلامـ.
Post a Comment