आर्टिकल डाउनलोड करें
आर्टिकल डाउनलोड करें
यह विकीहाउ आर्टिकल आपको सिखाता है कि एक वेबसाइट को कैसे डिज़ाइन करना है जो दिखने में प्रोफेशनल लगती हो और अच्छे से परफ़ॉर्म करती हो। आपकी वेबसाइट का अधिकांश डिज़ाइन आप पर निर्भर करता है, लेकिन वेबसाइट बनाते समय कुछ महत्वपूर्ण चीजें करनी होती हैं और कुछ से बचना होता है।
चरण
-
निर्धारित करें कि क्या आप एक वेबसाइट क्रिएटर (creator) यूज करना चाहते हैं: शुरुआत से बनाई गई वेबसाइट के लिए HTML कोडिंग की डिटेल्ड समझ की जरुरत पड़ती है, लेकिन आप फ्री होस्टिंग सर्विस जैसे कि Weebly, Wix, WordPress, या Google साइट्स का यूज करके एक वेबसाइट आसानी से बना सकते हैं। नौसिखिए डिज़ाइनर के लिए HTML की बजाय वेबसाइट क्रिएटर को यूज करना काफी आसान होता है।
- अगर आप अपनी वेबसाइट की खुद कोडिंग करने का निर्णय लेते हैं, तो आपको HTML और CSS दोनों कोडिंग सीखनी होंगी।
- अगर अपनी वेबसाइट बनाने में टाइम और एनर्जी लगाना ठीक नहीं लगता है, तो आप अपने लिए आपकी साइट बनाने के लिए एक वेब डिज़ाइनर को हायर कर सकते हैं। फ्रीलान्स डिज़ाइनर एक घंटे के $30 से लेकर $100 से ज़्यादा भी ले सकते हैं।
-
अपनी साइट का मैप बनाएँ: इससे पहले कि आप वेबसाइट क्रिएटर ओपन करते हैं, आपको यह पता होना चाहिए कि आप अपनी वेबसाइट में कितने पेज चाहते हैं, उन पेज में से हर एक पर क्या कंटेंट होना चाहिए, और महत्वपूर्ण पेज जैसे कि होम पेज और "About" पेज का जनरल लेआउट क्या होना चाहिए।
- आपकी वेबसाइट के पेजेस का अंदाज़ा लगाना आसान हो सकता है यदि आप क्या कंटेंट दिखना चाहिए इसे निर्धारित करने की बजाय उनमें से हर एक की रफ़ पिक्चर बनाते हैं।
-
आसान (intuitive) डिज़ाइन यूज करें: वैसे तो नए विचारों को बताया जाना चाहिए, लेकिन आपके वेबसाइट की बेसिक डिज़ाइन कुछ निम्नलिखित जानीमानी गाइडलाइन्स को फ़ॉलो करना चाहिए:
- नैविगेशन ऑप्शन (जैसे कि, अलग-अलग पेज के टैब) पेज के टॉप पर होने चाहिए।
- अगर आप एक मेनू आइकन (☰) को यूज करते हैं, तो वह पेज के ऊपरी-बाएँ कोने में होना चाहिए।
- अगर आप एक सर्च बार को यूज करते हैं, तो वह पेज की ऊपरी-दाईं तरफ होना चाहिए।
- हेल्पफुल लिंक (जैसे कि, "About" पेज या "Contact Us" पेज की लिंक) हर पेज के बॉटम पर होनी चाहिए।
-
कंसिस्टेंट बने रहें: आप जो भी टेक्स्ट फॉन्ट, कलर पैलेट, इमेज थीम, और डिजाइन ऑप्शन चुनते हैं, सुनिश्चित करें कि आप इसे अपनी पूरी वेबसाइट में यूज करते हैं। "About" पेज के लिए यूज़ की गई फ़ॉंट या कलर स्कीम दिखने में बहुत खराब लग सकती है जब होम पेज के लिए पूरी तरह से अलग स्कीम को यूज किया गया था। [१] X रिसर्च सोर्स
- उदाहरण के लिए, अगर आप विशेष रूप से अपनी साइट के होम पेज के लिए कूल-टोन वाले कलर्स का यूज करते हैं, तो अगले पेज पर चमकीले, भड़कीले कलर को यूज न करें।
- ध्यान रखें कि कलर्स के डायनैमिक (जैसे कि, मूविंग) फ़ैशन में डिस्प्ले होने पर भद्दे या विपरीत कलर को यूज करने से, कुछ वेब यूजर्स को मिर्गी (एपिलेप्सी) आ सकती है। अगर आप अपनी साइट पर ऐसे कलर को यूज करने का निर्णय लेते हैं, तो सुनिश्चित करें कि आप किसी भी रिलेवेंट पेज से पहले मिर्गी की वॉर्निंग एड करते हैं।
-
नैविगेशन ऑप्शन ऐड करें: होम पेज के टॉप पर अपनी वेबसाइट पर महत्वपूर्ण पेज की डायरेक्ट लिंक रखना फर्स्ट-टाइम विजिटर को काम के कंटेंट पर डायरेक्ट करने में मदद करेगा। अधिकांश साइट क्रिएटर डिफ़ॉल्ट रूप से इन लिंक को एड कर देते हैं।
- यह सुनिश्चित करना महत्वपूर्ण होता है कि आपकी वेबसाइट के हर एक पेज को केवल पेज के एड्रेस से एक्सेस करने की बजाय आपकी वेबसाइट के ऑप्शन्स को क्लिक करके एक्सेस कर सकते हैं।
-
एक दूसरे के कंप्लीमेंट कलर्स को यूज़ करें: किसी दूसरी प्रकार के डिजाइन की तरह, वेबसाइट डिज़ाइन आँखों को लुभाने वाले कलर के कॉम्बिनेशन पर निर्भर करते हैं; इसलिए, एक साथ वाले थीम के कलर को चुनना महत्वपूर्ण होता है।
- अगर आप नहीं जानते हैं कि कहाँ से शुरू करना है, तो ब्लैक, व्हाइट, और ग्रे एक अच्छा कॉम्बिनेशन है।
-
मिनिमलिस्ट (minimalist) डिजाइन को यूज करने पर विचार करें: मिनिमलिज्म कूल-टोन वाले कलर, सिंपल ग्राफ़िक्स, ब्लैक-ऑन-व्हाइट टेक्स्ट पेज, और कम से कम सजावट को बढ़ावा देता है। क्योंकि मिनिमलिज्म को फैंसी एलिमेंट की कम ज़रूरत होती है, इसलिए यह आपकी वेबसाइट को अधिक काम के बिना प्रोफेशनल और आकर्षक दिखाने का एक आसान तरीका है।
- कई वेबसाइट क्रिएटर के पास "minimalist" थीम होगी जिसे आप अपनी वेबसाइट को सेटअप करते समय सेलेक्ट कर सकते हैं।
- "brutalism" मिनिमलिज्म का एक अल्टरनेटिव है, जो खुरदरी लाइन्स, चमकीले कलर्स, बोल्ड टेक्स्ट, और मिनिमल इमेजरी का यूज करता है। मिनिमलिज्म के मुकाबले ब्रुटलिज्म को कम पसंद किया जाता है, लेकिन आपकी वेबसाइट के कंटेंट के अनुसार वह आपके डिजाइन के लिए अच्छे से सूट कर सकती है।
-
यूनिक चॉइस बनाएँ: सीधी लाइन्स और ग्रिड-लॉक पसंदीदा वेब एलिमेंट हैं, लेकिन कुछ यूनिक स्टाइल को यूज करने से आपकी साइट को पर्सनालिटी देगा और आपकी साइट को अलग दिखने में मदद करेगा। [२] X रिसर्च सोर्स
- वेबसाइट एलिमेंट्स को एसिमेट्रिक लगाने या ओवरलैपिंग एलिमेंट्स को यूज़ करके लेअर्ड अपीरन्स (layered appearance) बनाकर ट्रेंड से हटकर करने से न डरें।
- वैसे तो एलेगेंट, शार्प कॉर्नर्स और स्क्वेर्ड-ऑफ़ एलिमेंट्स ("card-based" प्रेज़ेंटेशन के रूप में भी जाना जाता है) राउंड, सॉफ़्ट-एलिमेंट्स की तुलना में कम पसंद किए जाते हैं।
-
मोबाइल ऑप्टिमायज़ेशन ऑप्शन्स का फ़ायदा उठाएँ: मोबाइल ब्राउज़र डेस्कटॉप ब्राउज़र की तुलना में अधिक वेब ट्रैफ़िक के लिए होते हैं, जिसका अर्थ है कि आपको अपनी वेबसाइट के मोबाइल वर्जन को बनाने में, कम से कम अपनी डेस्कटॉप वेबसाइट के डवलपमेंट के बराबर ध्यान देना चाहिए। अधिकांश वेबसाइट क्रिएटर सर्विस ऑटोमेटिकली आपकी साइट का एक मोबाइल वर्जन बना देती हैं, लेकिन आप अपनी मोबाइल साइट के लिए निम्नलिखित जानकारी को ध्यान में रखना चाहेंगे: [३] X रिसर्च सोर्स
- सुनिश्चित करें कि बटन (जैसे कि, साइट लिंक्स) बड़े हैं और उन्हें टैप करना आसान है।
- उन फीचर्स (जैसे कि, फ़्लैश, जावा, आदि) को लगाने से बचें जिन्हें मोबाइल पर नहीं देख सकते हैं।
- अपनी वेबसाइट के लिए एक मोबाइल ऐप बनाने पर विचार करें।
-
एक पेज पर कई सारी फोटो यूज करने से बचें: डेस्कटॉप और मोबाइल ब्राउजर को ऐसे पेज को लोड करने में समय लग सकता है जो कई सारी फोटो या वीडियो को डिस्प्ले करते हैं। वैसे तो वेब डिज़ाइन में इमेज ज़रूरी होती हैं, लेकिन एक पेज पर थोड़ी ज्यादा इमेजेस यूज करने से लोडिंग टाइम बढ़ सकता है, जो लोगों को काम वाले पेज को विजिट करने से रोकेगा।
- आमतौर पर, आप अपनी वेबसाइट के पेजेस को चार सेकंड के अंदर लोड करना चाहते हैं।
-
एक "Contact" पेज एड करें: आप देखेंगे कि लगभग सभी जानीमानी वेबसाइट में एक "Contact Us" पेज होता है जिसमें कांटेक्ट (जैसे कि, एक फ़ोन नंबर और एक ईमेल एड्रेस) की जानकारी होती है; कुछ साइट में इस पेज पर बिल्ट-इन क्वेश्चन फॉर्म भी होता है। वेबसाइट पर "Contact' पेज को एड करने से दर्शक आपसे सीधे कम्यूनिकेट कर पाएँगे, जिससे कि होने वाली निराशाओं का समाधान मिल जाएगा।
-
एक कस्टम 404 पेज बनाएँ: जब कोई आपकी वेबसाइट पर एक स्पेसिफिक पेज पर जाता है जो बनाया नहीं गया है या अब नहीं है, तो "404 Error" वेब पेज दिखाई देगा। अधिकांश ब्राउजर में एक डिफ़ॉल्ट 404 पेज होता है, लेकिन आप अपने वेबसाइट क्रिएटर की सेटिंग्स में इसे कस्टमाइज कर सकेंगे; अगर ऐसा है, तो सुनिश्चित करें कि आप इन डिटेल्स को शामिल करते हैं:
- एक हल्का एरर मैसेज (जैसे कि, "Congratulations - you've found our error page!")
- साइट के होम पेज पर वापस जाने की लिंक
- कॉमन रूप से देखी जाने वाली लिंक्स की एक लिस्ट
- आपकी वेबसाइट की इमेज या लोगो (logo)
-
अगर संभव हो तो एक सर्च बार यूज करें: अगर आपका वेबसाइट क्रीएशन मेथड आपकी वेबसाइट में सर्च बार को ऐड करना सपोर्ट करता है, इसकी सलाह दी जाती है कि आप ऐसा करें। यह सुनिश्चित करेगा कि यूजर्स आपके नैविगेशन ऑप्शन्स को क्लिक किए बिना स्पेसिफिक पेज या आइटम को तुरंत नैविगेट कर सकते हैं।
- सर्च बार भी हेल्पफ़ुल होते हैं जब आपके दर्शक ट्रायल-एंड-एरर यूज किए बिना एक जनरल टर्म सर्च करना चाहते हैं।
-
अधिकांश समय अपने होम पेज पर लगाएँ: जब कोई आपके होम पेज पर आता है, उन्हें आपकी वेबसाइट की थीम का मतलब तुरंत पता लगना चाहिए; इसके साथ ही, होम पेज के नैविगेशन ऑप्शन्स और इमेजेस सहित सभी एलिमेंट्स जल्दी लोड होने चाहिए। आपके होम पेज में निम्नलिखित आसपेक्ट्स होने चाहिए: [४] X रिसर्च सोर्स
- ऐक्शन लेने के लिए ऑप्शन (जैसे कि, क्लिक करने के लिए एक बटन या भरने के लिए एक फॉर्म)
- नैविगेशन टूलबार या मेनू
- लुभावना ग्राफ़िक (जैसे कि, बढ़िया फोटो, वीडियो, या टेक्स्ट के साथ कुछ फोटोस)
- आपकी वेबसाइट की सर्विस, टॉपिक, या फ़ोकस के बारे में कीवर्ड
-
अपनी वेबसाइट को मल्टिपल ब्राउज़र्स में मल्टिपल प्लैट्फ़ॉर्म पर टेस्ट करें: यह बहुत ही महत्वपूर्ण होता है, क्योंकि अलग-अलग ब्राउज़र्स आपकी वेबसाइट के आसपेक्ट्स को बिलकुल अलग तरीक़े से हैंडल कर सकते हैं। इससे पहले कि आप अपनी वेबसाइट का प्रमोशन करना शुरू करें, अपनी वेबसाइट को निम्नलिखित ब्राउज़र्स में विंडोज, मैक, आईफोन, और एंड्रॉयड प्लेटफार्म पर जाकर और यूज़ करके ट्राई करें:
- गूगल क्रोम (Google Chrome)
- फायर फॉक्स (Firefox)
- सफारी (केवल आईफोन और मैक)
- माइक्रोसॉफ्ट एज (Microsoft Edge) और इंटरनेट एक्सप्लोरर (Internet Explorer) (केवल विंडोज)
- कई अलग-अलग एंड्रॉयड फोन (जैसे कि, सैमसंग गैलेक्सी, गूगल नेक्सस इत्यादि) के इन-बिल्ट ब्राउज़र समय के साथ बदल जाते हैं।
-
अपनी वेबसाइट को लगातार अपडेट करते रहें: समय के साथ डिजाइन ट्रेंड, लिंक, फोटो, कंसेप्ट और कीवर्ड्स सभी बदल जाते हैं, इसलिए अपनी वेबसाइट को अप टू डेट रखने के लिए आपको लगातार बदलाव करते रहना पड़ेगा। इसके लिए आपको अपनी वेबसाइट के साथ-साथ इसी जैसी दूसरी वेबसाइट की परफॉर्मेंस को कम से कम हर 3 महीने (preferably more often) में चेक करते रहना होगा।
सलाह
- वेबसाइट एक्सेसिबिलिटी वेबसाइट डेवलपमेंट का एक और महत्वपूर्ण आस्पेक्ट है। यदि आपकी वेबसाइट घबराहट करने वाले (seizure-inducing) इफ़ेक्ट यूज करती है तो इसमें मूक-बधिर (hearing-impaired) दर्शकों के लिए कैप्शन, अंधे (blind) विजिटर्स के लिए ऑडियो डिस्क्रिप्शन, और फोटोसेंसटिविटी चेतावनियाँ शामिल होती हैं ।
- अधिकांश वेबसाइट क्रिएटर्स के पास टेंपलेट्स का एक सेट होता है जिसे आप अपने पसंदीदा एलिमेंट्स को डालने से पहले अपनी साइट के ले आउट और डिजाइन के लिए यूज कर सकते हैं।
चेतावनी
- अधिकांश साइट क्रिएटर्स फ्री होते हैं; हालांकि, यदि आप अपना खुद का डोमेन (जैसे कि "www.yourname.wordpress.com" की बजाय "www.yourname.com") देखना चाहते हैं, तो आपको मासिक या वार्षिक फीस का भुगतान करना पड़ेगा।
- प्लेजरिज़म (plagiarism) से बचें और सभी कॉपीराइट नियमों को देखें: परमिशन के बिना इंटरनेट से रेंडम इमेज, या यहां तक कि स्ट्रक्चरल एलिमेंट्स भी ऐड ना करें।
