Skip to main content

अपनी वेबसाइट खुद कैसे बनाएँ ??


   पिछले लेख में हमने देखा कि हमें वेबसाइट बनाने के लिये अनिवार्य रूप से कौन सी भाषाएं सीखनी पडती हैं ।
    अब आज हम यहाँ अपनी वेबसाइट खुद कैसे बनायें इस विषय पर विचार करेंगे । वेबसाइट बनाने के लिये सबसे पहले हमें यह निर्धारित करना होता है कि हमारे वेबसाइट में क्‍या क्‍या होना चाहिये । मतलब ये कि हमारी वेबसाइट विजिटर को कैसी दिखाई दे ।
इसे और स्‍पष्‍ट रूप से समझते हैं । -
    किसी भी वेबसाइट में मुख्‍य रूप से निम्‍नलिखित चीजें होनी चाहिये या कि होती ही हैं -
    1. हेडर - यह वेबसाइट का सबसे ऊपरी हिस्‍सा होता है । इस हिस्‍से पर आपकी वेबसाइट का टाइटल होता है । उदाहरण के तौर पर मान लेते हैं हमारे वेबसाइट का नाम है ''एसजे वेबडिजाइनिंग सर्विस'' । तो इसे ही हम अपने वेबसाइट के मुख्‍य शीर्षक के रूप में रखना चाहेंगे । इसलिये इसे हमें वेबसाइट के सबसे ऊपरी हिस्‍से पर रखना होगा । इस ऊपरी हिस्‍से को ही हेडर बोलेंगे ।
    2. नेविगेशन मेन्‍यू - नेविगेशन मेन्‍यू वो पट्टी है जिसपर हमारे अन्‍य पेज का बटन दिया गया होता है । इन बटन पर क्लिक करके हम अन्‍य पृष्‍ठों पर जा पाते हैं ।
    3. साइडबार - साइडबार से तात्‍पर्य आपकी वेबसाइट के दाहिने या बायें ओर की उस वर्टिकल पट्टी से होता है जिसपर प्राय: आप कुछ जरूरी लिंक या फोटो आदि रखते हैं । इस पट्टी का कान्‍टेन्‍ट प्राय: सभी दशाओं में एक जैसा ही रहता है । पोस्‍ट के बदलने के साथ बदलता नहीं है । साइडबार पेज के बायें, दाहिने या फिर दोनों तरफ हो सकता है ।
    4. कान्‍टेन्‍टबाक्‍स (बॉडी) - यह पेज का सबसे प्रमुख विभाग है जहाँ पर हमारी पोस्‍ट (लेख) होते हैं । यह प्राय: पृष्‍ठ का सबसे वृहद् भाग भी होता है । इसके अन्‍दर आपकी लिखी जाने वाली पोस्‍ट में से अंतिम पोस्‍ट या उनकी लिंक एक या अधिक मात्रा में होती हैं ।
    5. फुटर - यह पेज का सबसे निचला हिस्‍सा होता है जहाँ मात्र आपके पेज के निर्माता, कापीराइट आदि का विवरण होता है । इसपर पेजव्‍यू मीटर भी हो सकता है । या आवश्‍यकतानुसार कुछ छोटी मोटी जानकारियां दी जाती हैं । यह सूचना भी प्राय: बदलती नहीं है ।

इनके अतिरिक्‍त और भी चीजें आवश्‍कतानुसार एड की जा सकती हैं किन्‍तु इतना भर जोड देने से ही आपका पेज पूर्ण हो जाता है । आइये इसकी एक रूपरेखा (रेखाचित्र) देखें ।


Title of the page
Menu Bar


Left
Sidebar



Post Area

Footer


      इस टेम्‍प्‍लेट को ध्‍यान से देखें । आपको हर तरह की वेबसाइट का रा मटीरियल प्राय: ऐसा ही दिखेगा । अगर इसे ठीक तरीके से रंग दिया जाए तो यह एक सम्‍पूर्ण वेबसाइट बन जाएगी ।
     आगे के पोस्‍ट में हम इसे बनाना और और इसे सुन्‍दर तरीके से स्‍टाइल करना सीखेंगे । और आप देखेंगे कि यही सामान्‍य सा टेम्‍प्‍लेट अंत तक पहुँचते-2 एक सुन्‍दर सी वेबसाइट में बदल जाएगा ।

Comments

Popular posts from this blog

एचटीएमएल संरचना ।

पिछले पाठ में हमने एचटीएमएल का एक प्रारूप देखा । यहाँ पर उस प्रारूप की व्‍याख्‍या की जायेगी । इस अध्‍याय को लिखते समय हम यह मानकर चल रहे हैं कि वेबडिजाइनिंग सीखने की इच्‍छा रखने वाले को सामान्‍य कम्‍प्‍यूटर ज्ञान जैसे कि कम्‍प्‍यूटर की कोई फाइल या फोल्‍डर खोलना, बन्‍द करना, किसी प्रोग्राम को खोलना, नया फोल्‍डर बनाना, किसी फाइल को खोलना, उसपर काम करना, उसे सेव करना तथा डिलीट करना आदि । इसलिये हम इन सभी बातों को बताने की अपेक्षा सीधे एचटीएमएल की तरफ चलते हैं । एचटीएमएल का फुलफार्म - HTML = Hyper Text Markup Language एचटीएमएल संरचना - पिछले पाठ में हमने निम्‍न कोडिंग का प्रयोग किया था । <!DOCTYPE HTML> <html> <head> <title>My First Html Page</title> </head> <body> Hello World </body> </html> अब इस कोडिंग की पूरी व्‍याख्‍या यहाँ प्रस्‍तुत की जा रही है ताकि आप एचटीएमएल को पूरी तरह समझ सकें । यह ध्‍यान रखें कि एचटीएमएल वेबपेज बनाने का सर्वप्रथम सोपान है, बिना इसके सीखे आप वेबपेज नही बना सकते हैं । <!DOCTYPE

एचटीएमएल सीखें - हिन्‍दी में ।।

मित्रों       वेबसाइट डिजाइनिंग सीखने के शुरुआती दिनों में ज्‍यादा तकलीफ इसी लिये हुई कि कई सारी चीजें अंग्रेजी में समझ में आती ही नही थीं । फिर घर से दूर जाकर सीखने के लिये समय का अभाव भी था । इन्‍ही बातों को ध्‍यान में रखते हुए मेरे जैसे बाकी लोगों को ये समस्‍या न आने पाये, इसके लिये ही हिन्‍दी में में यह ट्यूटोरियल ब्‍लाग प्रारम्‍भ किया जा रहा है ।      इस ब्लाग पर सबसे पहले एचटीएमएल जो कि वेबसाइट बनाने के लिये सर्वप्रथम व अनिवार्य डिजाइनिंग भाषा है को सिखाया जायेगा । जिससे कि आप सभी कुछ सामान्‍य व आवश्‍यक चीजों को जान सकें । आवश्‍यकता -  एचटीएमएल सीखने के लिये प्राथमिक आवश्‍यकता मात्र एक कम्‍प्‍यूटर सिस्‍टम जिसमें कि एक इण्‍टरनेट ब्राउजर तथा एक टेक्‍स्‍ट एडिटर (उदा. नोटपैड) हो की है । यदि आपके पास विन्‍डोज सिस्‍टम है तो इसमें इण्‍टरनेट एक्‍सप्‍लोरर इण्‍टरनेट ब्राउजर   तथा नोटपैड पहले से ही होता है । अन्‍य इण्‍टरनेट ब्राउजर्स में मोजिला का फायरफॉक्‍स, गूगल क्रोम, सफारी आदि कई हैं । इनमें से जो भी चाहें प्रयोग कर सकते हैं । यदि फायरफाक्‍स का प्रयोग करें तो अधिक आसानी

एचटीएमएल हेड सेक्‍सन (शीर्ष विभाग) ।।

     पिछले पाठ में हमने एचटीएमएल पृृष्‍ठ की सामान्‍य संरचना पढी । इस पाठ में हम वेब पेज के निर्माण में लगने वाली मूलभूत कोडिंग के विषय में जानेंगे ।      प्राय: सभी एचटीएमएल शिक्षक एक एक विषय को पकडकर एचटीएमएल कोडिंग सिखाते हैं जो निश्‍चय ही एक अत्‍यन्‍त महत्‍वपूर्ण व बेहतर तरीका है । किन्‍तु यह तरीका उन लोगों के लिये कम कारगर है जो कम समय में ज्‍यादा सीखना चाहते हैं । इसलिये यहाँ पर सिखाने का तरीका '' सरल से जटिल '' की आेर पर आधारित है  ।     आज के पाठ में हम एचटीएमएल के हेड सेक्‍सन में की जाने वाली महत्‍वपूर्ण कोडिंग सीखेंगे । एचटीएमएल हेड सेक्‍सन (शीर्ष विभाग) -      एचटीएमएल का हेड सेक्‍सन वह विभाग है जो हमें वेबपेज के रूप में तो नहीं दिखता है किन्‍तु वेबपेज के दिखने में जिसकी महत्‍वपूर्ण भूमिका रहती है  । इस सेक्‍सन के अन्‍तर्गत की गई कोडिंग्‍स आपके वेबपेज को स्‍टाइल करने के‍ लिये, वेब पेज में स्क्रिप्‍ट डालने के लिये,वेबसाइट की डिसक्रिप्‍शन तथा भाषा आदि बताने के लिये प्रयुक्‍त होती है । हेड सेक्‍सन के अन्‍तर्गत निम्‍न टैग प्रयुक्‍त किये जाते हैं  ।