Tuesday, December 6, 2022

टेबल रहित वेबसाइट डिजाइन | Best Table Less Web

टेबल रहित वेबसाइट डिजाइन क्या होता है | टेबल रहित वेबसाइट डिजाइन के लाभ | Benefits of Table Less Website Design

टेबल रहित वेबसाइट डिजाइन – पारंपरिक HTML तालिकाओं के साथ वेबसाइट डिजाइन करने के लिए दिन चले गए हैं। वेब डेवलपर्स और उपयोगकर्ताओं को प्रदान किए जाने वाले अत्यधिक लचीलेपन और पहुंच के कारण इन दिनों तालिका रहित वेबसाइट डिज़ाइन गति प्राप्त कर रहा है। विभिन्न दुविधाओं और इससे जुड़े जोखिमों के कारण प्रारंभ में प्रयुक्त HTML तालिकाओं ने अपनी पकड़ खो दी है।

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

  1. टेबल का उपयोग करके डिज़ाइन की गई वेबसाइट की तुलना में वेबसाइटें प्रतिक्रिया में तेज़ और तेज़ हैं! टेबल के बिना वेबसाइट डिजाइन करने का यह मुख्य लाभ है। यह बहुत स्पष्ट है कि टेबल का उपयोग करके डिज़ाइन की गई वेबसाइट लोड होने में अधिक समय लेती है, जो अंत में संभावित ग्राहकों या आगंतुकों को खो देती है। यदि वेबसाइट तालिका रहित संरचना का उपयोग करके डिज़ाइन की गई है, तो यह लगभग 60% अनावश्यक फ़ाइलों को हटा देगी और वेबसाइट के समग्र प्रदर्शन को बढ़ाएगी।
  • कम जटिल और भ्रमित करने वाले कोड! टेबल का उपयोग करके डिज़ाइन की गई वेबसाइट में अधिक जटिल और अनाड़ी कोड होंगे। जबकि टेबल लेस स्ट्रक्चर का उपयोग करके वेबसाइट डिजाइन करने में कम जटिल और साफ कोड होंगे। यह वेब डेवलपर्स और वेब डिज़ाइनरों के लिए बहुत फायदेमंद है, क्योंकि बाद में कोड को संशोधित करना या बदलना उनके लिए बहुत आसान होगा।
  • वेबसाइट की एसईओ अनुकूलता बढ़ाएँ! टेबल के बिना वेबसाइट डिजाइन करना इसे एसईओ के साथ अधिक अनुकूल बना देगा, क्योंकि इसमें टेबल आधारित डिजाइन की तुलना में कोड की कम लाइनें होती हैं। बिना टेबल वाली वेबसाइटों को सर्च इंजन क्रॉलर आसानी से पकड़ लेंगे और सर्च इंजन में वेबसाइट की दृश्यता को बढ़ा देंगे।
  • वेबपेज प्रिंट करने में आसान! तालिकाओं का उपयोग करके डिज़ाइन की गई वेबसाइटों की कुछ सीमाएँ होती हैं, क्योंकि इसके लिए डेवलपर्स या डिज़ाइनरों को वेबसाइट के मुद्रण योग्य संस्करण को एकीकृत करने की आवश्यकता होती है ताकि इसे उपयोगकर्ता द्वारा मुद्रण योग्य बनाया जा सके। तालिका रहित डिज़ाइन का उपयोग करके इस समस्या या सीमा को समाप्त किया जा सकता है, क्योंकि इसके लिए वेबसाइट के अलग प्रिंट करने योग्य संस्करण को एकीकृत करने की आवश्यकता नहीं होती है।
  • वेबसाइट के भीतर शैली, ग्राफिक या फोंट को बदलने या संशोधित करने में आसानी! टेबल लेस स्ट्रक्चर का उपयोग करके, डिजाइनर आसानी से वेबसाइट के पूरे ढांचे को बदलने से छुटकारा पा सकते हैं ताकि इसमें कोई भी बदलाव किया जा सके। यह डेवलपर्स को केवल एक सीएसएस फ़ाइल को संशोधित या अपडेट करके सभी पृष्ठों को अपडेट करने का अधिकार देता है।
  • टेबल का उपयोग करके वेबसाइट डिजाइन करने की तुलना में यह बहुत ही किफायती और बजट अनुकूल है।

तो, ये कुछ लाभ हैं जो वेब डिज़ाइनरों और डेवलपर्स को टेबल लेस वेब डिज़ाइन के लिए प्रोत्साहित करते हैं। टेबल-लेस वेबसाइट डिज़ाइन व्यवसाय के विज़िटर और ई-कामर्स आधारित वेबसाइट को व्यवसाय का अच्छा प्रभाव देता है।

टेबल रहित वेबसाइट डिजाइन क्या है | Table Less Website Design Kya Hai

टेबल रहित वेबसाइट डिजाइन क्या होता है | टेबल रहित वेबसाइट डिजाइन के लाभ | Benefits of Table Less Website Design
टेबल रहित वेबसाइट डिजाइन क्या होता है | टेबल रहित वेबसाइट डिजाइन के लाभ | Benefits of Table Less Website Design

एक सफल वेबसाइट डिजाइन के लिए सामग्री तैयार करना

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

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

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

तो आप यह कैसे सुनिश्चित कर सकते हैं कि आप अपनी कंपनी के लिए सबसे उपयुक्त सामग्री के साथ-साथ एक दृष्टि से प्रभावी वेबसाइट डिज़ाइन तैयार करें? उत्तर सामग्री निर्माण रणनीति में निहित है। सामग्री निर्माण रणनीति योजना और समन्वय है जो आपकी वेबसाइट के लिए प्रभावी प्रतिलिपि के साथ आती है जो डिजाइन प्रक्रिया के भीतर अच्छी तरह से फिट होती है और अंततः अंतिम वेबसाइट डिजाइन। यह प्रक्रिया एक डिजाइन फर्म से दूसरे में भिन्न होती है।

वेबसाइट डिजाइन प्रक्रिया के साथ सामग्री निर्माण के संदर्भ में, इस बारे में कई “चिकन और अंडे” बहसें हैं कि क्या डिजाइन सामग्री से पहले बनाया जाना चाहिए, डिजाइन से पहले सामग्री, या उन्हें एक साथ बनाना चाहिए। कुछ डिज़ाइन फ़र्म प्रचार करती हैं कि आप अंतिम, स्वीकृत सामग्री के बिना वेबसाइट डिज़ाइन शुरू नहीं कर सकते। जबकि अंतिम सामग्री होने से डिजाइनर को मदद मिलती है, यह प्रक्रिया को भी बढ़ाता है। वेबसाइट डिज़ाइन शुरू होने से पहले डिज़ाइन फर्म को कंपनी द्वारा सामग्री उत्पन्न करने की प्रतीक्षा करनी चाहिए।

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

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

इससे संदेश मजबूत होगा, साथ ही डिजाइन में सुधार होगा, क्योंकि बहुत अधिक प्रतिलिपि दृश्य अव्यवस्था का कारण बन सकती है। सर्च इंजन ऑप्टिमाइजेशन (एसईओ) के लिए कीवर्ड शामिल करना भी महत्वपूर्ण है और इसे ठीक होने में कुछ समय लगता है।

वेबसाइट को डिजाइन और संशोधित करके, जबकि ग्राहक सामग्री को उत्पन्न और संशोधित करता है, ग्राहक और डिजाइन फर्म संपर्क में रहते हैं और यह सुनिश्चित करने के लिए अनिवार्य रूप से एक साथ काम करने में सक्षम होते हैं कि वेबसाइट डिजाइन ठीक वही है जो ग्राहक नेत्रहीन चाहता था, और लंबे समय तक काम करेगा क्योंकि सामग्री कार्यात्मक है (एसईओ और अन्य मार्केटिंग रणनीति के संदर्भ में), कंपनी की संस्कृति और क्षमताओं के लिए सही है, और गुणात्मक है।

CSS टेबल लेस फॉर्मेट और HTML टेबल बेस फॉर्मेट, जिसे आप पसंद करते हैं

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

CSS वाक्यात्मक है, यह तेज़ और हल्का है। HTML की तुलना में, CSS टेबल कम फॉर्मेट में साइट विकसित करना अधिक व्यवस्थित है। सीएसएस में कोड की स्पष्टता आपको नियंत्रण में बहुत कुछ महसूस कराती है, जहां एचटीएमएल टेबल आधारित प्रारूप में हम टेबल को डिजाइन में पंप करते रहते हैं जिससे एचटीएमएल कोड अधिक जटिल और अव्यवस्थित हो जाता है। सीएसएस निश्चित रूप से कोड के लिए एक कुशल तरीका है, क्योंकि स्टाइल शीट को एक बार लोड किया जाता है और कैश किया जाता है, बनाम प्रत्येक पृष्ठ के साथ टेबल कोड लोड करना।

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

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

जहाँ तक कोड की बात है, हम सभी अब जानते हैं कि CSS कम कोड उत्पन्न करता है और यह खोज इंजन के अनुकूल है लेकिन इसकी कुछ सीमाएँ और समस्याएँ हैं, अक्सर यह ब्राउज़र की असंगति के कारण होता है। मैंने सीएसएस के साथ बहुत सारे वेबसाइट लेआउट देखे हैं, जहां सामग्री लेआउट को तोड़ती है और बॉक्स एक दूसरे को ओवरलैप करते हैं, जिससे सामग्री के कुछ हिस्से अपठनीय हो जाते हैं। टेबल का उपयोग करके ऐसी चीजें आसानी से प्रबंधित की जा सकती हैं जहां सीएसएस को वांछित परिणाम उत्पन्न करने के लिए कई “हैक्स” की आवश्यकता होगी।

HTML टेबल आधारित साइट की तुलना में CSS div आधारित साइट को फिर से डिज़ाइन करना बहुत आसान और कम समय लेने वाला है। ऐसा इसलिए है क्योंकि CSS डिज़ाइन में वेब पेज संरचना सहित सामग्री और दृश्य डेटा के लिए अलग-अलग फ़ाइलें होती हैं जबकि तालिका आधारित डिज़ाइन एक ही फ़ाइल में सामग्री के साथ लेआउट जानकारी को मिलाते हैं। तालिका आधारित HTML साइटें साइटों के भीतर रिक्त स्थान को नियंत्रित करने के लिए स्पेसर्स (पारदर्शी gif) पर बहुत अधिक निर्भर करती हैं, जहां सीएसएस लेआउट में मार्जिन और पैडिंग का उपयोग करके इसे आसानी से प्राप्त किया जा सकता है।

हालांकि सीएसएस आधारित डिजाइन सरल, साफ-सुथरा प्रतीत होता है, लेकिन आपको सीएसएस के नियमों को सीखने में काफी समय खर्च करने की जरूरत है। यह अभ्यास से ही आता है। यदि आप शुद्ध CSS div आधारित डिज़ाइन बनाना चाहते हैं, तो सीखने में समय लगाने के लिए तैयार रहें। कोई फर्क नहीं पड़ता कि आप कितने अनुभवी डेवलपर या डिजाइनर हैं, अंतहीन घंटों के लिए लगातार बग का शिकार करने के लिए तैयार रहें।

वेब डेवलपर्स को प्रारूप को अंतिम रूप देने से पहले अपने ग्राहकों की पसंद पर विचार करना चाहिए। यदि ग्राहक मानकों के बारे में अधिक चिंतित है और यह सुनिश्चित करना चाहता है कि उनके वेबपेज में किसी भी बहिष्कृत स्ट्रिंग का उपयोग न किया जाए तो CSS div आधारित डिज़ाइन सबसे अच्छा विकल्प है।

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

रचनात्मक वेबसाइट डिजाइन ( Creative Website Design)

एक डिज़ाइन एक वेबसाइट के लिए एक अलग पहचान बनाने के लिए रचनात्मक रूप से उपयोग किए जाने वाले शीर्षलेख, कॉलम और पाद लेख का एक व्यक्तिगत प्रदर्शन है। इसमें एक पृष्ठ पर वस्तुओं की सौंदर्य व्यवस्था शामिल है।

कुछ ऐसे तत्व हैं जो रचनात्मक वेबसाइट डिजाइन में परिणत होते हैं – ये तत्व अंतिम लेआउट बनाने के लिए उपयोग की जाने वाली विभिन्न वस्तुएं हैं। दो कई तत्व, बहुत सारे रंग डिजाइन को अव्यवस्थित दिखने के कारण छोड़ सकते हैं। डिज़ाइन के साथ आगे बढ़ने से पहले लेआउट का हिस्सा बनने वाले तत्वों की पहचान करना महत्वपूर्ण है।

एक जटिल डिजाइन जरूरी नहीं कि एक उपयोगी डिजाइन हो। एक डिज़ाइन उपयोगी और सीधा होना चाहिए – एक नज़र में परिभाषित करना कि साइट किस बारे में है। उपयोगकर्ता को वह मिल जाए जो वे ढूंढ रहे हैं – एक नज़र में।

कुछ डिज़ाइन तत्व जो वेब पेज के प्रदर्शन में महत्वपूर्ण बदलाव ला सकते हैं, वे हैं:

1. प्राथमिक कॉल टू एक्शन की स्थिति और रंग

2. एक पृष्ठ पर तत्वों की संख्या

3. किसी पृष्ठ पर उपयोग की गई छवियां

4. टेक्स्ट या इमेज लिंक का उपयोग

5. पृष्ठभूमि में प्रयुक्त सफेद स्थान की मात्रा

कुछ कारक हैं जिन्हें डिजाइन करने से पहले ध्यान में रखा जाना चाहिए। इनका उल्लेख नीचे किया गया है:

सीएसएस – CSS हाइपरटेक्स्ट दस्तावेज़ की शैली पर पूर्ण और पूर्ण नियंत्रण की अनुमति देता है। CSS (कैस्केडिंग स्टाइल शीट्स) का उपयोग करके वेबसाइट के सभी पेजों के डिज़ाइन तत्व बदल सकते हैं क्योंकि डिज़ाइनर को केवल स्टाइल शीट को संपादित करने की आवश्यकता होती है। CSS का उपयोग करने से Style और Content दोनों को अलग रखा जा सकता है।

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

जब HTML के साथ प्रयोग किया जाता है तो इसका परिणाम कम कोड में होता है इसलिए एक तेज़ पृष्ठ लोड होता है। चूंकि टेबल लेआउट का उपयोग तत्वों को पोजिशन करने के लिए नहीं किया जाता है, टेक्स्ट वास्तव में तेजी से लोड होता है, जिसके परिणामस्वरूप तेजी से पेज लोड होता है। स्टाइल शीट केवल एक बार डाउनलोड की जाती है, और स्वचालित रूप से प्रत्येक पृष्ठ के लिए पुन: उपयोग की जाती है। एक वेबसाइट औसतन चार से पांच गुना तेजी से लोड होगी यदि वह कैस्केडिंग स्टाइल शीट का उपयोग करती है।

एक वेबसाइट डिजाइन करने के लिए, सुनिश्चित करें कि आप ऐसे डिजाइन प्रोफेशनल्स को नियुक्त करते हैं जो सीएसएस के साथ-साथ एचटीएमएल में अच्छी तरह से वाकिफ हैं और आपको एक किफायती और रचनात्मक वेबसाइट डिजाइन प्रदान कर सकते हैं।

तीसरा, चूंकि एचटीएमएल कोड बहुत साफ है, इसलिए सर्च इंजन तेजी से क्रॉल करेगा जिसके परिणामस्वरूप वेबपेजों का तेजी से अनुक्रमण होगा।

रिज़ॉल्यूशन – रिज़ॉल्यूशन वह शब्द है जिसका उपयोग किसी छवि को प्रदर्शित करने के लिए उपयोग किए जाने वाले बिंदुओं या पिक्सेल की संख्या का वर्णन करने के लिए किया जाता है। उच्च रिज़ॉल्यूशन का मतलब है कि छवि बनाने के लिए अधिक पिक्सेल का उपयोग किया जाता है, जिसके परिणामस्वरूप एक क्रिस्पर, क्लीनर छवि होती है।

जब स्क्रीन रिज़ॉल्यूशन की बात आती है, चाहे डिज़ाइन कितना भी सही क्यों न हो, अगर दर्शक को किनारे या नीचे स्क्रॉल करने की आवश्यकता होती है – तो दर्शक के जाने की संभावना अधिक होती है। आपके पृष्ठ 800×600 से 1280×1024 और उसके बाद के किसी भी रिज़ॉल्यूशन पर काम करने चाहिए। आम तौर पर आपको 1024×768 सेटिंग के लिए डिज़ाइन करना चाहिए और यह सुनिश्चित करना चाहिए कि 800×600 सेटिंग में देखे जाने पर पृष्ठ ठीक से अनुबंधित हो।

लेआउट – कुछ मानदंड हैं जिन्हें आप पृष्ठ लेआउट डिजाइन करते समय ध्यान में रख सकते हैं। सुनिश्चित करें कि प्रस्तुत की जाने वाली मुख्य जानकारी तह के ऊपर है ताकि दर्शक बिना स्क्रॉल किए जानकारी को एक नज़र में देख सकें। बड़ी स्क्रीन तह के ऊपर अधिक सामग्री दिखाती है और कम स्क्रॉल करने की आवश्यकता होती है। सुनिश्चित करें कि बिल्कुल महत्वपूर्ण जानकारी 800×600 पर दिखाई दे रही है।

लेआउट को नियंत्रित करने के लिए प्रतिशत चौड़ाई का उपयोग करके तरल लेआउट का उपयोग करें। यह लेआउट को ब्राउज़र विंडो के आकार और विभिन्न स्क्रीन रिज़ॉल्यूशन में समायोजित करने की अनुमति देता है। सभी वेब पेज तत्व ब्राउज़र विंडो या उपयोगकर्ता के स्क्रीन रिज़ॉल्यूशन के अनुरूप स्वयं को पुनर्व्यवस्थित करते हैं, यदि सही तरीके से किया जाता है।

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

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

डिज़ाइन कैसे प्रदर्शित होता है यह ब्राउज़र पर उपलब्ध रीयल एस्टेट पर बहुत कुछ निर्भर करता है। यह सुनिश्चित करने के लिए कि डिज़ाइन विभिन्न ब्राउज़रों पर नहीं फैला है, उपयोग करें

एक निश्चित-चौड़ाई और प्रतिशत-आधारित डिज़ाइन ताकि प्रदर्शन को अच्छी तरह से प्रबंधित किया जा सके। निश्चित-चौड़ाई वाले डिज़ाइन के लिए 800 x 600 रिज़ॉल्यूशन का होना बेहतर है।

कलर – रंग प्रभावी और आकर्षक वेब डिज़ाइन में योगदान दे सकता है। यदि आपकी वेब साइट की पृष्ठभूमि ठोस रंग की है, तो इसे एक वेब सुरक्षित रंग बनाएं ताकि यदि साइट 256 रंगों को प्रदर्शित करने वाले कंप्यूटरों पर प्रदर्शित हो, तो प्रदर्शन साफ ​​हो जाएगा और रंग नहीं टूटेंगे।

रंग साइट के संदेश का प्रतिनिधित्व करते हैं और पूरी साइट पर एक जैसे बने रहने चाहिए। वेबसाइट जो परोस रही है, उसके अनुसार रंगों का चयन करना सही पहचान बनाने में काफी मददगार हो सकता है। एक पृष्ठ पर 5-6 से अधिक रंगों का उपयोग न करने का प्रयास करें क्योंकि बहुरंगी वेबसाइटों पर कम विज़िट होती हैं।

गर्म रंग अधिक रोमांचक और आक्रामक होते हैं। छोटी खुराक में उनका उपयोग करना आमंत्रित और ध्यान आकर्षित करने वाला हो सकता है। लाल ध्यान खींचने वाला है और जोर से प्रभाव डालता है; इसलिए यदि आवश्यक हो तो इसे मॉडरेशन में उपयोग करें।

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

ऐसे रंगों का प्रयोग करें जो आपकी वेबसाइट की थीम का प्रतिनिधित्व करते हों। उदाहरण के लिए। युवा दर्शकों से संबंधित साइट अधिक गर्म रंगों का उपयोग कर सकती है, प्रकृति की थीम वाली साइटें बैंगनी के बजाय हरे रंग का उपयोग करना बेहतर होगा।

फोंट्स – जो फॉन्ट प्रिंट पर अच्छे लगते हैं और फॉन्ट मॉनिटर पर अच्छे लगते हैं, वे अलग हैं। ऐसे फ़ॉन्ट का उपयोग करना जो सामान्य नहीं है और अधिकांश कंप्यूटरों पर स्थापित नहीं है, पृष्ठ प्रदर्शित होने पर विकृत पाठ प्रस्तुत करना समाप्त कर देगा। अपने पाठ की पठनीयता में सुधार करने के लिए सुनिश्चित करें कि आपके पाठ के रंग और उस पृष्ठभूमि के रंग के बीच एक अंतर है जिस पर पाठ प्रदर्शित होता है। सफ़ेद बैकग्राउंड पर काला या ग्रे सबसे अच्छा काम करता है।

फ़ॉन्ट का चयन करते समय साधारण स्ट्रोक, अच्छी ऊंचाई, अक्षरों के बीच अच्छी रिक्ति के लिए फ़ॉन्ट की जांच करें। इससे आंखों पर पठनीयता आसान हो जाती है। सबसे व्यापक रूप से उपयोग किए जाने वाले कुछ फोंट हैं:

वर्दाना – यह फ़ॉन्ट स्क्रीन के लिए डिज़ाइन किया गया था और आज वेब पर उपयोग किया जाने वाला सबसे सामान्य sans-serif टाइपफेस है। प्रत्येक वर्ण के बीच पर्याप्त मात्रा में स्थान, साथ ही वर्णों के भीतर सफेद स्थान की मात्रा इस फ़ॉन्ट को स्क्रीन पर सुपाठ्य बनाती है।

ट्रेबुशेट – यह स्क्रीन के लिए डिज़ाइन किया गया एक और लोकप्रिय फ़ॉन्ट है। ट्रेबुचेट के स्ट्रोक अवरुद्ध और स्पष्ट हैं, इसकी ऊंचाई अच्छी है (बड़ी x-ऊंचाई) इस प्रकार छोटे आकार में भी सुगमता बढ़ जाती है।

Helveticaबड़ी x-ऊंचाई के साथ यह फ़ॉन्ट स्क्रीन पर अच्छी तरह से स्थानांतरित होता है।

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

Rate this post
Suraj Kushwaha
Suraj Kushwahahttp://techshindi.com
हैलो दोस्तों, मेरा नाम सूरज कुशवाहा है मै यह ब्लॉग मुख्य रूप से हिंदी में पाठकों को विभिन्न प्रकार के कंप्यूटर टेक्नोलॉजी पर आधारित दिलचस्प पाठ्य सामग्री प्रदान करने के लिए बनाया है।

Related Articles

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Stay Connected

0FansLike
0FollowersFollow
0SubscribersSubscribe
- Advertisement -

Latest Articles