वेब निर्देशिका के लिए इष्टतम फ़ोल्डर संरचना क्या है?

9

मैं वर्षों से वेब विकास कर रहा हूं, और मैंने हमेशा इसके समान एक वेब संरचना की है:

public_html/login.php
public_html/css/login.css
public_html/js/login.js
public_html/img/logo.png

मैंने अन्य लोगों को उपयोग करते देखा है:

styles/login.css
images/logo.png

और फिर हाल ही में मुझे पता चला कि मेरे सहकर्मी को पसंद है:

public_html/a/login.js   - application
public_html/s/login.css  - styles
public_html/i/logo.png   - images
public_html/p/photo1.jpg - photos
public_html/f/menu.swf   - flash

एक बाइट या दो को बचाने के अलावा, क्या इनमें से किसी भी विकल्प के कोई फायदे या नुकसान हैं? क्या इस अवधारणा के लिए सबसे अच्छा अभ्यास है?

css javascript best-practices

— सेंट जॉन जॉनसन
स्रोत

अनुरोध के अनुसार, अतिरिक्त फ़ोल्डर: टेम्प्लेट के लिए 't' और xml के लिए 'x'

— सेंट जॉन जॉनसन

कुछ हद तक संबंधित: stackoverflow.com/questions/2114935/…

— cregox

7

मैं आपके मौजूदा सिस्टम के साथ रहना चाहता हूँ, हालाँकि मैं पक्षपाती हो सकता हूँ क्योंकि मैं खुद के बारे में समान नामों का उपयोग करता हूँ।

मुझे लगता है कि अर्थ के लिए तीन अक्षर वाले फ़ोल्डर का नाम रखना पर्याप्त है, लेकिन मेरे URL को चुस्त रखने के लिए पर्याप्त संक्षिप्त है ।

प्रत्येक फ़ोल्डर को किसी एकल अक्षर पर ट्रिम करना ओवरकिल है, और जैसा कि mc10 इंगित करता है, व्यापक रूप से व्याख्या के लिए खुला है। उदाहरण के लिए, मैं जावास्क्रिप्ट फ़ाइलों के लिए कभी भी 'a' नहीं चुनूंगा: मैंने "व्यवहार" के लिए, 'b' को चुना होगा। मुझे नहीं लगता कि या तो अधिक सही है, यह सिर्फ यह बताता है कि नामकरण योजना कितनी अस्पष्ट है।

फ़ोल्डर के नाम के रूप में "शैलियों" और "छवियों" का उपयोग करते समय, मैं पूरी तरह से ठीक हूं, मुझे लगता है कि यह छोटे नाम का उपयोग करने के लिए बहुत अधिक समझ में आता है। इस बारे में सोचें कि कितनी बार उस फ़ोल्डर को संदर्भित किया जाएगा, प्रत्येक फ़ाइल में, प्रत्येक URL और अनुरोध में, और बाइट्स जोड़ना शुरू हो जाता है। दी, मुझे नहीं लगता कि आप छोटे फ़ोल्डर नामों का उपयोग करके किसी भी वास्तविक विश्व बैंडविड्थ की बचत देखेंगे, लेकिन मैं हर बिट (और बाइट) ले सकता हूं।

मैं आमतौर पर इन युगल फ़ोल्डरों से चिपकता हूं:

js - जावास्क्रिप्ट फाइलें
img - छवि फ़ाइलें
सीएसएस - सीएसएस फ़ाइलें
lib - सर्वर-साइड स्क्रिप्ट जो आउटपुट का उत्पादन नहीं करते हैं। पुस्तकालय, कक्षाएं, आदि।
doc - कार्यालय दस्तावेजों और पीडीएफ की तरह द्विआधारी फाइलें, जो सामान्य पृष्ठ नेविगेशन का हिस्सा नहीं हैं

— जैकब ह्यूम
स्रोत

2

सीएसएस और जेएस फ़ोल्डर्स एक व्यक्तिगत साइट के लिए अच्छे हैं जो सांख्यिकीय रूप से कोडित किए जा सकते हैं (केवल एचटीएमएल) उर्फ, लेकिन यह एक बड़ी साइट के लिए व्यावहारिक नहीं है जो सीएमएस का उपयोग करता है।

सीएमएस अपने स्वयं के फ़ोल्डर संरचना में "शैलियों" और "छवियों" फ़ोल्डरों का उपयोग करते हैं, बस यह कि यह आमतौर पर उपनिर्देशिकाओं के भीतर दफन है। यह सामग्री बिछाने का एक अच्छा तरीका है, और कई सीएमएस द्वारा इष्ट है।

एक-अक्षर वाले फ़ोल्डर के नाम होने से भ्रम होता है। पहली नज़र में, मैं फ़ोटो ( p) और छवियों ( i) के बीच के अंतर से भ्रमित होता । a"एप्लिकेशन" का उपयोग करना भी गुप्त लगता है।

— kevinji
स्रोत

1

व्यक्तिगत फ़ाइलों के विपरीत css और js के लिए फ़ोल्डर्स का उपयोग करना पूरी तरह से आपकी परियोजना के दायरे पर निर्भर करता है।

यदि आपके पास है, या संभावित रूप से एक से अधिक स्क्रिप्ट या स्टाइलशीट की आवश्यकता होगी, तो उन्हें फ़ोल्डर्स में व्यवस्थित करने से साइट को बनाए रखने और प्रबंधित करने में आसानी होगी।

यदि आप फ़ोल्डरों का उपयोग करने का निर्णय लेते हैं, तो इन लंबे या छोटे नामों को देना एक व्यक्तिगत प्राथमिकता है।

यद्यपि एक अक्षर के नाम बाइट्स को बचाते हैं और थोड़ा अनुभव कर सकते हैं, मेरे अनुभव में अगर आपके पास साइट पर काम करने वाले मुट्ठी भर से अधिक लोग हैं तो यह भ्रमित हो सकता है।

— ajcw
स्रोत

1

आप इस विधि को भी कर सकते हैं।

पहली विधि:

/ मैं / आम /
/ मैं / लेआउट /
/ मैं / lib /
/ मैं / विविध / docs / पीडीएफ /
/ मैं / विविध / docs / सीएसवी /
/ मैं / विविध / docs / txt /

नोट: यह सबसे अच्छा है अगर प्रत्येक फ़ाइल को उनके md5 सारांश में पुनः प्राप्त किया जाएगा।

उदाहरण:

/i/common/9df48e2cf2d25740e4ba54e8cd73b3a3.png,
/i/layout/2b33962041cb835c227bba27424a28af.css,
/i/lib/a8a2a48ddaa95527c6d3db763e2b7809.js,
/i/misc/docs/pdf/68aafcfe9aa1ab7d83a6ce8df302155e.pdf

दूसरी विधि:

/ आस्तियों / आम /
/ आस्तियों / टेम्पलेट्स / TEMPLATE_NAME /
/ आस्तियों / शामिल / js /
/ आस्तियों / विविध / पीडीएफ /
/ आस्तियों / विविध / सीएसवी /
/ आस्तियों / विविध / txt /

नोट: इसे md5 स्ट्रिंग्स में फ़ाइलों का नाम बदलने की आवश्यकता नहीं है, लेकिन हर स्थान को डैश / - द्वारा प्रतिस्थापित किया जाना चाहिए

उदाहरण

/assets/common/uploads/2014/12/company-site-has-been-launched.jpg

तीसरा तरीका:

/ साइट / फ़ाइलें /
/साइट लेआउट/
/ साइट / scripts /
/ साइट / विविध / docs / पीडीएफ /
/ साइट / विविध / docs / सीएसवी /
/ साइट / विविध / docs / txt /

टिप्पणी: public_html "सामान्य" फ़ोल्डर में उपनिर्देशिका आप इसके बाद एक नया उपनिर्देशिका बना सकते हैं और इसे नाम दे सकते हैं "अपलोड / 2014/12 / अपनी अपलोड की गई फ़ाइलों के लिए जैसे कि कैसे वर्डप्रेस आपके अपलोड को व्यवस्थित करता है।

— js92
स्रोत

1

मुझे फ़ोल्डर संरचनाओं के आपके उदाहरण पसंद हैं, हालांकि उनकी md5 हैश का उपयोग करके आपकी फ़ाइलों का नामकरण अनुशंसित नहीं है, और निश्चित रूप से "सर्वश्रेष्ठ" नहीं है। एक छवि फ़ाइल बदलने से यह md5 बदल जाएगा, इसलिए आपको पूरी साइट पर संशोधन करने की आवश्यकता होती है। इसके बजाय यह उन्हें अधिक यादगार नाम देने के लिए अधिक सुरक्षित है।

— रिचर्ड