ما الذي يجب أن أسميه ملف ورقة أنماط CSS الخاص بي؟

شكل وأسلوب ، أو "أسلوب" موقع على شبكة الإنترنت تمليه CSS (أوراق الأنماط المتتالية). هذا ملف ستضيفه إلى دليل موقع الويب الخاص بك والذي سيحتوي على قواعد CSS المختلفة التي تنشئ التصميم المرئي وتخطيط صفحاتك.

بينما يمكن للمواقع استخدام أوراق أنماط متعددة وغالبًا ما تستخدم ، فليس من الضروري القيام بذلك. يمكنك وضع جميع قواعد CSS الخاصة بك في ملف واحد ، وهناك بالفعل فوائد للقيام بذلك ، بما في ذلك الأسرع وقت التحميل وأداء الصفحات لأنها لا تحتاج إلى جلب ملفات متعددة. في حين أن مواقع المؤسسات كبيرة جدًا ، فقد تحتاج إلى أوراق أنماط منفصلة في بعض الأحيان ، يمكن للعديد من المواقع الصغيرة إلى المتوسطة أن تعمل بشكل جيد تمامًا مع ملف واحد فقط مع جميع القواعد التي تحتاجها صفحاتك. هذا يطرح السؤال "ما الذي يجب أن أسميه ملف CSS هذا"؟ "

أساسيات اصطلاح التسمية

عندما تقوم بإنشاء ملف ورقة الأنماط الخارجية لصفحات الويب الخاصة بك ، يجب عليك تسمية الملف باتباع اصطلاحات التسمية المماثلة لملفات HTML الخاصة بك.

لا تستخدم أحرفًا خاصة

يجب عليك فقط استخدام الأحرف a-z والأرقام 0-9 والشرطة السفلية (_) والواصلات (-) في أسماء ملفات CSS الخاصة بك. بينما قد يسمح لك نظام الملفات الخاص بك بإنشاء ملفات بها أحرف أخرى ، فقد يواجه نظام تشغيل الخادم لديك مشكلات في الأحرف الخاصة. أنت أكثر أمانًا باستخدام الأحرف المذكورة هنا فقط. بعد كل شيء ، حتى إذا كان الخادم الخاص بك يسمح بأحرف خاصة ، فقد لا يكون هذا هو الحال إذا قررت الانتقال إلى موفري مضيفين مختلفين في المستقبل.

لا تستخدم أي مسافات

تمامًا كما هو الحال مع الأحرف الخاصة ، يمكن أن تسبب المسافات مشاكل على خادم الويب الخاص بك. إنها لفكرة جيدة أن تتجنبها في أسماء الملفات الخاصة بك ؛ يجب عليك أيضًا جعلها نقطة لتسمية ملفات مثل ملفات PDF باستخدام هذه الاصطلاحات نفسها ، فقط في حالة احتياجك لإضافتها إلى موقع ويب. إذا كنت تشعر بشدة أنك بحاجة إلى مساحة لتسهيل قراءة اسم الملف ، فاختر واصلات أو شرطة سفلية بدلاً من ذلك. على سبيل المثال ، بدلاً من استخدام "this is the file.pdf" ، استخدم "this-is-the-file.pdf".

يجب أن يبدأ اسم الملف بحرف

على الرغم من أن هذا ليس مطلبًا مطلقًا ، إلا أن بعض الأنظمة تواجه مشكلة في أسماء الملفات التي لا تبدأ بحرف. على سبيل المثال ، إذا اخترت أن تبدأ ملفك بحرف رقمي ، فقد يتسبب ذلك في حدوث مشكلات أسفل السطر.

استخدم جميع الأحرف الصغيرة

على الرغم من أن هذا ليس مطلوبًا لاسم ملف ، إلا أنها فكرة جيدة ، نظرًا لأن بعض خوادم الويب حساسة لحالة الأحرف ، وإذا نسيت الملف وقمت بالإشارة إليه في حالة مختلفة ، فلن يتم تحميله. يعد استخدام الأحرف الصغيرة لكل اسم ملف دائمًا طريقة ذكية للذهاب. في الواقع ، يكافح العديد من مصممي الويب الجدد لتذكر القيام بذلك ، فإن الإجراء الافتراضي عند تسمية ملف هو جعل الحرف الأول من الاسم كبيرًا. تجنب ذلك وتعود على استخدام الأحرف الصغيرة فقط.

اجعل اسم الملف قصيرًا قدر الإمكان

بينما يوجد حد لحجم اسم الملف على معظم أنظمة التشغيل، فهو أطول بكثير مما هو معقول لاسم ملف CSS. القاعدة العامة الجيدة لا تزيد عن 20 حرفًا لاسم الملف ولا يشمل الامتداد. من الناحية الواقعية ، فإن أي شيء أطول من ذلك يكون صعبًا للعمل معه والارتباط به على أي حال.

أهم جزء من اسم ملف CSS الخاص بك

أهم جزء في اسم ملف CSS ليس اسم الملف نفسه ، ولكن الامتداد. الامتدادات غير مطلوبة في Macintosh و أنظمة لينوكس، ولكن من الجيد تضمين واحد على أي حال عند كتابة ملف CSS. بهذه الطريقة ستعرف دائمًا أنها ورقة أنماط ولن تضطر إلى فتح الملف لتحديد ما هو عليه في المستقبل.

ربما لا تكون مفاجأة كبيرة ، لكن الامتداد في ملف CSS الخاص بك يجب أن يكون:

.css

اصطلاحات تسمية ملفات CSS

إذا كان لديك ملف CSS واحد فقط على الموقع ، فيمكنك تسميته كما تريد. يفضل أحد الخيارات التالية:

style.css
standard.css
default.css

إذا كان موقع الويب الخاص بك سيستخدم ملفات CSS متعددة ، فقم بتسمية أوراق الأنماط بعد وظيفتها بحيث يكون من الواضح بالضبط الغرض من كل ملف. نظرًا لأن صفحة الويب يمكن أن تحتوي على أوراق أنماط متعددة مرفقة بها ، فمن المفيد تقسيم أنماطك إلى أوراق مختلفة اعتمادًا على وظيفة تلك الورقة والأنماط الموجودة داخلها. على سبيل المثال:

• التخطيط مقابل. التصميم

  layout.css design.css

• أقسام الصفحة

  main.css nav.css

• الموقع بأكمله مع الأقسام الفرعية

  mainstyles.css subpage.css

إذا كان موقع الويب الخاص بك يستخدم إطار عمل من نوع ما ، فمن المحتمل أن تلاحظ أنه يستخدم ملفات CSS متعددة ، كل منها مخصص لأجزاء مختلفة من الصفحات أو جوانب الموقع (الطباعة ، اللون ، التخطيط ، إلخ.).