साइट बनाते समय "डिव का लेआउट" क्या होता है, इसके पेशेवर और विपक्ष
आज इंटरनेट हमारे जीवन का एक हिस्सा है। इसके साधारण उपयोगकर्ता वर्ल्ड वाइड वेब के खोज इंजनों में दिखाई देने से पहले अपनी पसंदीदा साइट बनने का कोई रास्ता नहीं सोचते। साइट का जन्म डिजाइनर के विचार से शुरू होता है - कलाकार और मुख्य लेआउट बनाने में शामिल व्यक्ति लेआउट का ड्राइंग पूरा होने के बाद, समान रूप से एक महत्वपूर्ण प्रक्रिया शुरू होती है - साइट टेम्पलेट का लेआउट।
टेम्पलेट या लेआउट अभी तैयार साइट नहीं है, यह हैडिजाइनर द्वारा बनाई गई कुछ मॉडल, जिसके आधार पर भविष्य में एक पूर्ण वेबसाइट बनाई जा सकती है। प्रोग्रामिंग परिप्रेक्ष्य से, एक टेम्पलेट सूचना प्रदर्शित करने के लिए विशिष्ट नियमों का एक सेट है। सबसे बुनियादी स्थिर साइट बनाने के लिए, आप आमतौर पर एक HTML टेम्पलेट का उपयोग करते हैं। HTML इंटरनेट पर हाइपरटेक्स्ट मार्कअप (दस्तावेज़) के लिए मानक भाषा है
वेबसाइट लेआउट बनाने की प्रक्रिया हैइसका वेब पेज डिजाइनर के टेम्पलेट पर आधारित है। इस प्रकार की गतिविधि को वेबसाइट डिजाइनर द्वारा नियंत्रित किया जाता है। लेआउट का मुख्य कार्य एचटीएमएल कोड बनाना है जो आपको दस्तावेज़ में कुछ जगहों पर पाठ, छवियों और वेब पेज के अन्य तत्वों को रखने और डिजाइनर द्वारा विकसित लेआउट के अनुसार किसी भी आधुनिक इंटरनेट ब्राउज़र की खिड़की में उन्हें प्रदर्शित करने की अनुमति देता है। अपने काम के दौरान, लेआउट डिज़ाइनर को लगातार यह सुनिश्चित करना चाहिए कि उसने जिस लेआउट का प्रतिलिपि किया है वह हिस्सा सभी ब्राउज़रों में समान रूप से सही ढंग से प्रदर्शित किया गया है। कुछ साल पहले साइट का HTML- लेआउट टेबल्स के उपयोग पर आधारित था। समय के साथ, नए तत्व (टैग) HTML भाषा में दिखाई देते हैं ऐसा एक तत्व div था। यदि पिछले साल के दौरान साइट के पेजों को बनाने के दौरान डिव का लेआउट सबसे बेहतर था, आज यह अनिवार्य है। वर्तमान में, तालिकाओं की सहायता से, साइटें लगभग अपरिवर्तित हैं "लेआउट डिव" की धारणा के बजाय, "लेयरिंग" या "ब्लॉक लेआउट" शब्द का प्रयोग प्रायः किया जाता है।
डिव एक टैग है जिसके साथ आप पृष्ठ के लिए HTML कोड का एक अलग टुकड़ा चुन सकते हैं। यह टैग एक ब्लॉक तत्व है
डिवि टैग में दो मुख्य पैरामीटर हैं:
- संरेखित करें, जो इसकी सामग्री को संरेखित करने की अनुमति देता है (बाईं तरफ, पृष्ठ का दायां किनारा, केंद्र या चौड़ाई);
- शीर्षक, जो इसकी सामग्री के लिए टूलटिप जोड़ता है
लेआउट डिवी: मुख्य प्लसस:
- तालिका लेआउट के साथ तुलना में मार्कअप का छोटा कोड;
- एक "रबर" पेज डिजाइन बनाने की संभावना;
- उपयोगकर्ता के ब्राउज़र में पृष्ठों के बाद लोड होने में तेजी;
- शैलियों (सीएसएस) के साथ काम करने में आसानी, आईडी का इस्तेमाल करने वाले तत्वों के लिए शैली असाइनमेंट
लेआउट डिवि: मुख्य नुकसान:
- कुछ अप्रचलित ब्राउज़र (IE6) में पृष्ठ को सही ढंग से प्रदर्शित करने में असमर्थता;
- पृष्ठ पर ब्लॉक रखने और उन्हें प्रबंधित करने की जटिलता।
बनाई जा रही परियोजना के आधार पर, ब्लॉक और टेबल लेआउट का संयोजन की अनुमति है।
अधिकांश पेशेवर वर्तमान में लेआउट के लिए स्प्रेडशीट का उपयोग करने से दूर क्यों जा रहे हैं?
साइट के टैब्यूलर लेआउट के उपयोग के मामले मेंकोड बहुत बड़ा है, जिससे प्रोग्रामर के लिए काम करना जारी रखना मुश्किल हो जाता है। ऐसे HTML कोड में किए गए त्रुटि को खोजने के लिए, इसमें अपेक्षाकृत बड़ी मात्रा लगेगी। टैब्यूलर लेआउट वेब सर्वर पर एक अतिरिक्त लोड बनाता है, जिससे इसके काम को धीमा कर दिया जाता है, और इस प्रकार ब्राउज़र द्वारा सूचना जारी करने की प्रक्रिया को धीमा कर दिया जाता है। नतीजतन, साइट पेज काफी लंबे समय तक लोड होता है।
साइट का लेआउट इसके में एक महत्वपूर्ण कदम हैसृजन, इसके बिना, एक भी नहीं, यहां तक कि सबसे सरल, इंटरनेट संसाधन। लेआउट डिजाइनर के काम पूरा होने के बाद, रखे गए लेआउट को वेब प्रोग्रामर के हाथों में भेजा जाता है, जिससे सीएमएस सिस्टम में होस्टिंग और एकीकरण में एकीकरण सुनिश्चित होता है, जिस पर यह इसके अस्तित्व के दौरान स्थित होगा।
