डीआईवी एचटीएमएल का एक महत्वपूर्ण एलीमेण्ट है । इस एलीमेण्ट के द्वारा वेबपेज में डिवीजन (विभाग) बनाये जाते हैं । हालांकि डिवीजन करने का काम टेबल के द्वारा भी किया जा सकता है किन्तु टेबल का प्रयोग डिवीजन बनाने के लिये करना बिलकुल ही अनप्रोफेशनल है । डिवीजन बनाने के लिये ही डीआईवी एलीमेण्ट की संरचना की गई है ।
माना कि हमें पेज में (बॉडी टैग के अन्तर्गत) हेडर, मीनू, पोस्टबाक्स, साइडबार, तथा फूटर की संरचना करनी है । अब इसके लिये हमें 6 डीआईवी बनाने पडेंगे । पहली डीआईवी हेडर, दूसरी मीनू, तीसरी डीआईवी दो डीआईवी को अपने अंदर समेटेगी, चौथी डीआईवी पोस्ट, पांचवी साइडबार तथा छठीं डीआईवी फूटर का काम करेगी । इस निम्न चित्र द्वारा समझा जा सकता है ।
इन छहों डीआईवी को स्टाइल करने मात्र से ही हमारा पेज सामान्य अवस्था में आ जाता है, माने कि हमारा वेब टेम्प्लेट तैयार हो जाता है हमें बस उसपर कान्टेन्ट (चित्र, फ्लैश, हेडिंग, पोस्ट, लिंक आदि) लगाना शेष रहता है । अब इस चित्र के लिये की जाने वाली कोडिंग पर ध्यान देंगे ।
प्रयोग :
<!-- बॉडी टैग प्रारम्भ -->
<body>
<div id=”header”><!-- हेडर डीआईवी -->
</div><!-- हेडर डीआईवी बन्द-->
<div id=”menu”><!-- मीनू डीआईवी शुरू-->
</div><!--मीनू डीआईवी बन्द -->
<div id=”content”><!-- कान्टेन्ट डीआईवी शुरू -->
<div id=”post”><!-- पोस्ट डीआईवी शुरू -->
</div><!-- पोस्ट डिआईवी बन्द-->
<div id=”sidebar”><!-- साइडबार डीआईवी शुरू-->
</div><!-- साइडबार डीआईवी बन्द -->
</div><!-- कान्टेन्ट डीआईवी बन्द -->
<div id=”footer”><!--फूटर डीआईवी शुरू -->
</div><!-- फूटर डीआर्इवी बन्द -->
</body><!-- बॉडी टैग बन्द -->
हमेशा ध्यान रहे कि सभी टैग प्रापरली बन्द होने चाहिये । यदि कोई टैग बन्द नहीं हुआ तो पेज में अजीब सी गडबडियाँ हो सकती हैं जो समझ में ही नहीं आएंगी ।
उपर दिये गये कोड में सबसे पहले बॉडी सेक्शन शुरू किया गया जिसके अन्तर्गत सबसे उपर हेडर डीआईवी शुरू व बन्द की गई । इसके बाद मीनू डीआईवी शुरू व बन्द की गई । इन दोनों का दायरा उपर तक ही सीमित रहता है । यह बिल्कुल वैसा है जैसे किसी बक्से के उपर दूसरा बक्सा रखा गया हो ।
तीसरी डीआईवी कान्टेन्ट शुरू की गई तथा इसके अन्दर दो डीआईवी रखी गईं । पहली पोस्ट डीआईवी तथा दूसरी साइडबार डीआईवी । इन दोनों डीआईवी के ठीक तरीके से बन्द हो जाने के बाद ही कान्टेन्ट डीआईवी को बन्द किया जायेगा । यदि किसी एक बाक्स के अन्दर दो बाक्स रखना हो तो दोनों को बाक्स के अन्दर डालकर ही रखा जा सकता है ठीक उसी प्रकार ये सेक्शन डिवीजन भी हैं । यदि डीआईवी पहले बन्द होगई तो अजीब सी गडबडियाँ उत्पन्न होंगी ।
सबसे नीचे फूटर डीआईवी रखी गई । इसका काम सबसे नीचे होता है इसलिये इसे सबसे नीचे ही बनाया गया है । इस तरह हम और भी डीआईवी आवश्यकतानुसार बना सकते हैं ।
इन डीआईवी को बनाने के बाद जबतक इनके स्टाइल न लिखे जाएँ तबतक ये पेज पर दिख नहीं सकते । अर्थात् ये पेज पर मौजूद तो रहेंगे लेकिन इनकी अवस्था ट्रान्सपैरेंट होगी । इसके लिये इनको स्टाइल किया जाता है । एचटीएमएल कोड में स्टाइल टैग को शामिल करके इनको स्टाइल किया जाता है । इनको स्टाइल करने का तरीका हम आगे सीखेंगे ।
अभी इन कोड को केवल समझने की कोशिश करें क्यूँकि इन्हे कापी करके रन कराना चाहेंगे तो केवल खाली सादा पेज दिखाई देगा । अगले पाठ में हम इनको स्टाइल करेंगे जिससे आपके डिवीजन दिखाई पडने लगेंगे साथ ही आकर्षक भी लगने लगेंगे ।
Comments
Post a Comment