يتم إملاء الشكل والمظهر أو "النمط" لموقع ويب بواسطة CSS (أوراق الأنماط المتتالية). هذا ملف ستضيفه إلى دليل موقع الويب الخاص بك والذي سيحتوي على قواعد CSS المختلفة التي تنشئ التصميم المرئي وتخطيط صفحاتك.
في حين أن المواقع يمكن أن تستخدم ، وغالبا ما تفعل ، استخدام أوراق أنماط متعددة ، فإنه ليس من الضروري القيام بذلك. يمكنك وضع جميع قواعد CSS في ملف واحد ، وهناك فوائد فعلية للقيام بذلك ، بما في ذلك وقت التحميل وأداء الصفحات بشكل أسرع لأنهم لا يحتاجون إلى جلب ملفات متعددة. على الرغم من أن مواقع المؤسسة الكبيرة جدًا قد تحتاج إلى أوراق أنماط منفصلة في بعض الأحيان ، إلا أن العديد من المواقع الصغيرة والمتوسطة يمكن أن تعمل بشكل جيد مع ملف واحد فقط. هذا هو ما أستخدمه لمعظم أعمال تصميم الويب - ملفات CSS واحدة مع جميع القواعد التي تحتاج إليها صفحاتي. لذا يصبح السؤال الآن - ما الذي يجب عليك تسمية ملف CSS هذا؟
أساسيات اتفاقية التسمية
عند إنشاء ورقة أنماط خارجية لصفحات الويب الخاصة بك ، يجب تسمية الملف باتباع اصطلاحات تسمية مشابهة لملفات HTML الخاصة بك:
لا تستخدم حروف خاصة
يجب استخدام الأحرف az فقط والأرقام من 0 إلى 9 والشرطية السفلية (_) والواصلات (-) في أسماء ملفات CSS. على الرغم من أن نظام الملفات الخاص بك قد يسمح لك بإنشاء ملفات بأحرف أخرى فيها ، فقد يكون نظام الخادم الخاص بك لديك مشاكل مع الأحرف الخاصة. أنت أكثر أمانًا فقط باستخدام الأحرف المذكورة هنا. بعد كل شيء ، حتى إذا كان الخادم الخاص بك يسمح بالحروف الخاصة ، قد لا يكون هذا هو الحال إذا قررت نقل موفري الاستضافة في المستقبل.
لا تستخدم أي مسافات
تمامًا كما هو الحال مع الأحرف الخاصة ، قد تؤدي المسافات إلى حدوث مشكلات على خادم الويب. من المستحسن تجنبها في أسماء الملفات الخاصة بك. حتى أنني جعلته نقطة لتسمية ملفات مثل ملفات PDF باستخدام هذه الاتفاقيات نفسها ، فقط في حال احتجت إلى إضافتها إلى موقع إلكتروني. إذا كنت تشعر أنك بحاجة إلى مساحة لتسهل قراءة اسم الملف ، فاختر بدلاً من ذلك واصلات أو شرطات سفلية. للحصول على أمثلة ، بدلاً من استخدام "هذا هو file.pdf" ، سأستخدم "this-is-the-file.pdf".
اسم الملف يجب أن تبدأ بحرف
في حين أن هذا ليس مطلبًا مطلقًا ، تواجه بعض الأنظمة مشكلة في أسماء الملفات التي لا تبدأ بحرف. على سبيل المثال ، إذا اخترت أن تبدأ ملفك بحرف الرقم ، فقد يتسبب ذلك في حدوث مشكلات.
استخدم جميع الحالات السفلية
على الرغم من أن ذلك ليس مطلوبًا لاسم الملف ، إلا أنها فكرة جيدة ، لأن بعض خوادم الويب تكون حساسة لحالة الأحرف ، وإذا نسيت ومشاركة الملف في حالة مختلفة ، فلن يتم تحميله. في عملي ، أستخدم أحرف صغيرة لكل اسم ملف. لقد وجدت بالفعل أن هذا شيء يصارع العديد من مصممي الويب الجدد لتذكر القيام به. يكون الإجراء الافتراضي عند تسمية ملف هو تكبير الحرف الأول من الاسم. تجنب هذا والاعتياد على عادة الأحرف الصغيرة.
حافظ على اسم الملف قصير قدر الإمكان
بالرغم من وجود حد لحجم اسم الملف على معظم أنظمة التشغيل ، إلا أنه أطول بكثير من المعقول لاسم ملف CSS. لا تحتوي قاعدة الإبهام الجيدة على أكثر من 20 حرفًا لاسم الملف لا تشمل الامتداد. واقعيًا ، أي شيء أطول من ذلك بكثير هو عمل غير عملي مع رابط على أي حال!
الجزء الأكثر أهمية من اسم ملف CSS الخاص بك
الجزء الأكثر أهمية من اسم ملف CSS ليس هو اسم الملف نفسه ، بل هو الامتداد. الإضافات غير مطلوبة على أنظمة Macintosh و Linux ، ولكنها فكرة جيدة لتضمينها على أي حال عند كتابة ملف CSS. وبهذه الطريقة ستعرف دائمًا أنها ورقة أنماط وليست بحاجة إلى فتح الملف لتحديد ما هو عليه في المستقبل.
قد لا تكون هذه مفاجأة كبيرة ، ولكن يجب أن يكون الامتداد في ملف CSS الخاص بك:
. المغلقاتفاقيات تسمية ملفات CSS
إذا كان لديك ملف CSS واحد فقط على الموقع ، يمكنك تسمية أي شيء تريده. أنا أفضل إما:
styles.css أو default.cssنظرًا لأن معظم المواقع التي أعمل عليها تتضمن ملفات CSS واحدة ، فإن هذه الأسماء تعمل جيدًا بالنسبة لي.
إذا كان موقع الويب الخاص بك سيستخدم ملفات CSS متعددة ، فقم بتسمية أوراق الأنماط بعد وظيفتها بحيث يتضح بالضبط الغرض من كل ملف. بما أن صفحة الويب يمكن أن تحتوي على أوراق أنماط متعددة مرفقة بها ، فإنها تساعد على تقسيم الأنماط إلى أوراق مختلفة بناءً على وظيفة تلك الورقة والأنماط الموجودة بها. فمثلا:
- تخطيط مقابل تصميم design.css design.css
- أقسام الصفحة main.css nav.css
- موقع كامل مع الأقسام الفرعية mainstyles.css subpage.css
إذا كان موقعك على الويب يستخدم إطارًا من نوع ما ، فستلاحظ على الأرجح أنه يستخدم ملفات CSS متعددة ، كل منها مخصص لأجزاء مختلفة من الصفحات أو جوانب الموقع (الطباعة ، واللون ، والتخطيط ، وما إلى ذلك).
المقالة الأصلية لجنيفر كرينين. حرره جيريمي جيرارد في 9/5/17