محتويات
من انواع ملفات صفحات التنسيق النمطية CSS
من انواع ملفات صفحات التنسيق النمطية CSS:
- النوع الداخلي.
- النوع الخارجي.
- الملفات المتتالية.
النوع الداخلي: أو مضمن ويتم استخدامه من خلال إضافة علامة <style> في قسم <head> بمستند HTML.
النوع الخارجي: أما النوع الثاني فهو خارجي عبر تضمين الملفات وربطها مع HTML من خلال علامة link.
الملفات المتتالية: وهو النوع الأخيرة والثالث، ويطلق عليه اسم مضمن او متتالية يستخدم في ترتيب قواعد CSS لعناصر محددة.[1]
مع العلم أن رمز (CSS) وهي اختصار لكلمة “Cascading Style Sheets” بمعنى ” أوراق الأنماط المتتالية” ، وهو عبارة عن لغة خاص بأوراق الأنماط يتم استخدامها من أجل وصف شكل أو تنسيق مستند مكتوب بلغة HTML.
وهو هام للغاية من أجل تصميم الويب لأنه يسمح للمطورين التحكم في الخصائص المطبعية وكذلك الألوان والتخطيط العام لكافة صفحات الويب، كما يمكن استخدامه داخليًا ضمن عنصر النمط او خارجيًا عبر الملفات المرتبطة مع بعضها البعض.
خضع لكثير من التطورات منذ عام 1996 من أجل وضع المزيد من التحسينات وتلبية كافة المتطلبات الخاصة بالويب خصوصًا المتطور منها، ويضمن CSS ظهور متسقًا عبر المتصفحات وكذلك كل الأجهزة المختلفة.
أما عن وظيفته الأساسية فهي فصل المحتوى عن العرض التقديمي، مما يجعل الوصول إلى مواقع الويب أكثر سهولة ومتعة من الناحية الجمالية.[2]
ما هي محددات CSS
هناك عدد من المحددات الخاص بـ CSS من أجل البحث او تحديد عناصر HTML المراد تصميمها، وهي تنقسم إلى خمس فئات مختلفة منها الآتي:
- محددات بسيطة وهي عبارة عن تحديد عناصر بناء على الاسم والفئة.
- محددات Combinator من خلال تحديد العناصر بناء على علاقة محددة بينهم وتجمعهم.
- محددات ذات الفئة الزائفة وتتم من خلال تحديد العناصر بناء على حالة معينة.
- محددات العناصر الزائفة وهي تحديد وتصميم جزء من العنصر.
- محددات السمات وهي من خلال تحديد العناء بناء على السمة أو القيمة.[3]
ما هي الطريقة الصحيحة للاشارة الى ملف Style CSS في ملف HTML
هنا العديد من مميزات وعيوب لغة CSS ، ولكن من ضمن أهم مميزاتها هي الإشارة إلى ملف Style CSS في ملف HTML من خلال لربط CSS بملف HTML، نستخدم علامة <link> داخل HTML قسم <head>.
ملحوظة : تأكد من وجود ملف الصورة في نفس المجلد مثل ملفات CSS وHTML. [4]
ما هي أنواع ملفات التنسيق النمطية في الصفحات الإلكترونية
ملفات الويب هي المستندات المتعلقة لمواقع الويب وكذلك صفحات الويب، وتتضمن عدد من التنسيقات والبرامج النصية للبرمجة وكذلك الملفات الأخرى المستخدمة لتوصيل المحتوى وعرضه من الويب إلى متصفحات الإنترنت، ويمكن أن يشمل ذلك صفحات الويب الثابتة والديناميكية وتطبيقات الويب وكذلك الملفات التي تشير إليها.
في العادة يتم ارتباط ما بين امتدادات ملفات الويب بالأنظمة الأساسية ولغة البرمجة التي تم إنشائها من بين أنواع ملفات التنسيق النمطية الآتي:
- HTML: وهي تشتمل على لغة ترميز النص التشعبي، وتعمل على تنسيق بنية صفحة الويب.
- XPS: وهي تتضمن تفاصيل تخطيط الصفحة الثابتة المكتوبة بلغة ترميز XPS وهي تحدد مظهر المستند وطريقة تخطيطه والمعلومات الخاصة بالطباعة.
- ASP: يتم إنشاؤها عادة بواسطة مطور ويب ويتواجد على خادم الويب وقد يحتوي على كلًا من VBScript أو JavaScript.
- CSS: مهمته الأساسية هي عمل أوراق أنماط متتالية من أجل تنسيق محتويات صفحات الويب وتصف كيفية عرض عناصر HTML.
- PHP: وهو ملف ويب يشتمل على كود معالج مسبق للنص التشعبي، ويقوم بإنشاء HTML من محرك PHP والذي يعمل على خادم الويب.
ما هي مميزات وعيوب صفحات الويب
مثل أي فئة من انواع الملفات يمكن أن يكون لصفحات الويب العديد من المميزات والسلبيات منها الآتي:
- مميزات صفحات الويب.
- عيوب صفحات الويب.
مميزات صفحات الويب:
- التطور المستمر لصفحات الويب يعمل على إنشاء تنسيقات خاصة عند إنشاء صفحات الويب وتحديد معايير التطوير الخاصة بها توفر بنية وشكل أوضح من أجل المساعدة.
- كما أنها تعمل على تخزين المعلومات والعمل على تحديثها وكذلك يتم تخزين المعلومات القيمة والتي يتم تقديمها في ملفات الويب وفي بعض الحالات يمكن الوصول إليها بسهولة من أجل تحريرها من وقت إلى آخر.
- كل تلك الأمور مفيدة للغاية لأنه من خلال تلك التعديلات البسيطة حتى في سطر واحد من تلك التعليمات البرمجية يمكن جني الكثير من الفوائد الكبير، خاصة في حالة امتلاك المبرمج خبرة واسعة.
عيوب صفحات الويب:
- يمكن أن تستغرق بعض تنسيقات ملفات الويب وقت طويل للغاية.
- بالإضافة إلى أن إنشاء صفحات HTML تأخذ الكثير من وقت على سبيل المثال قد يتطلب كتابة كميات كبيرة من التعليمات البرمجة حتى في صفحة الويب الأساسية غالبًا ما تكون المعرفة التقنية و الخبرة مطلوبة أيضًا لعمل الملفات الإلكترونية.
- مع العلم أن ملفات الويب تمتلك قيود لا يمكن تحرير ملفات XPS بمجرد الاحتفاظ بها، كم أنها ذات توافق أقل مع معظم المعالجات.[5]
ما هي وظيفة CSS
هناك أكثر من 20 وظيفة، إليكم أفضل وظائف يمكن الاستفادة منها في شتى المجالات:
- إعادة تعريف الألوان: يمكن من خلال الدالة (rgba) تحديد الألوان بدقة كبيرة، بما في ذلك قيم ألفا (الشفافية) أنه مثالي من أجل إنشاء ألوان شفافة و شبه شفافة.
- إتقان اختلافات الألوان: من خلال استخدام (hsl) من أجل التحكم في الألوان بشكل دقيق للغاية، مما يسمح بتحديد درجة الصبغة والتشبع والخفة عبر لوحة الألوان.
- التصميم الديناميكي مع الخصائص المخصصة: حيث تعمل الدالة (var) المقتربة بالخصائص ومتغيرات CSS على تمكين التصميم الديناميكي من خلال الإشارة، ويضمن الاتساق والمرونة.
- يسهل من التخطيطات السريعة: مع الدالة (calc)، فهو يسمح بإجراء الكثير من العمليات الحسابية وجعل التخطيطات مثالية بناء على أحجام الشاشة.
- تحريك التحولات: من خلاله يمكن إنشاء رسوم متحركة ساحرة باستخدام وظيفة التدوير، التي تعمل على تدوير العناصر بزاوية محددة.
- تكبير وتصغير العناصر: يسهل من تغيير حجم العناصر بشكل متناسب وبطريقة سهلة.
- التحولات ثلاثية الأبعاد: rotateX(angle), rotateY(angle), rotateZ(angle)، من خلال تلك الدالات يمكن فتح عالم التحولات ثلاثة الأبعاد.
- التحكم الديناميكي في السطوع: التحكم في سطوع العناصر ديناميكيًا باستخدام brightness() إنها أداة رائعة لإنشاء سمات فاتحة ومظلمة.
- ضبط الوضوح البصري: من خلال الدالة (contrast(factor يمكن تعزيز أو تقليل الرؤية عن طريق ضبط تباين العناصر.
- تضخيم حيوية اللون: يمكن التحكم في حيوية اللون عن طريق تضخيم أو تقليل التشبع باستخدام (saturate(factor.
- عكس اللون الفني: قم بإنشاء انعكاسات لونية مذهلة باستخدام (invert(factor إنها مثالية لعناصر التصميم الفريدة. [6]
ما الذي ترمز إليه كلمة HTML
إحدى التقنيات الأساسية والتي يمكن تعلمها عند البدء في تطوير الويب، كما أن كود HTML متواجد في كل الصفحات الإلكترونية على الإنترنت.
في عام 1989 كان العالم البريطاني السير تيم بيرنرز يعمل في المجلس الأوروبي للأبحاث النووية في جنيف، فكر في إنشاء نظام مترابط وموزع، يمكن من خلاله تحقيق تبادل المعلومات والعمل على تنظيمها بشكل أسرع.
حتى يتمكن العلماء والأكاديميين من جميع أنحاء العالم تبادل الموارد ونتائج البحوث، ومن هناك جاءت الفكرة وتطورت مع مرور السنوات.[7]
