वेब डिजाइन

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

1988–2001
हालांकि वेब डिज़ाइन का हाल ही का इतिहास है, इसे ग्राफिक डिज़ाइन, उपयोगकर्ता अनुभव और मल्टीमीडिया कला जैसे अन्य क्षेत्रों से जोड़ा जा सकता है, लेकिन इसे तकनीकी दृष्टिकोण से अधिक उपयुक्त रूप से देखा जाता है। यह लोगों के रोजमर्रा के जीवन का एक बड़ा हिस्सा बन गया है। एनिमेटेड ग्राफिक्स, टाइपोग्राफी की विभिन्न शैलियों, पृष्ठभूमि, वीडियो और संगीत के बिना इंटरनेट की कल्पना करना कठिन है। नवंबर 1992 में सर्न  लाइव होने वाली पहली वेबसाइट थी। वेब की घोषणा 6 अगस्त, 1991 को की गई थी और CERN वर्ल्ड वाइड वेब पर लाइव होने वाली पहली वेबसाइट थी। इस अवधि के दौरान, वेबसाइटों को -based markup and spacer .GIF images यह  स्क्रीन रीडर  और अलग-अलग खिड़कियों के आकार के कारण था, जिस पर डिजाइनरों का कोई नियंत्रण नहीं है। तदनुसार, एक डिज़ाइन को इकाइयों (साइडबार, सामग्री ब्लॉक,  वेब बैनर  क्षेत्र, नेविगेशन क्षेत्र) में विभाजित किया जा सकता है जो कि ब्राउज़र को भेजे जाते हैं और जो ब्राउज़र द्वारा डिस्प्ले विंडो में फिट किया जाएगा, जितना अच्छा हो सकता है। हालांकि इस तरह का प्रदर्शन अक्सर प्रमुख सामग्री इकाइयों की सापेक्ष स्थिति को बदल सकता है, साइडबार इसके किनारे की बजाय  मुख्य भाग  के नीचे विस्थापित हो सकते हैं। यह हार्ड-कोडेड ग्रिड-आधारित लेआउट की तुलना में अधिक लचीला प्रदर्शन है जो डिवाइस विंडो में फिट नहीं होता है। विशेष रूप से, ब्लॉक के भीतर सामग्री को अप्रभावित रखते हुए सामग्री ब्लॉक की सापेक्ष स्थिति बदल सकती है। यह पृष्ठ को क्षैतिज रूप से स्क्रॉल करने के लिए उपयोगकर्ता की आवश्यकता को भी कम करता है।

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

टाइपोग्राफी
वेब डिज़ाइनर टाइपफ़ेस  की एक विस्तृत श्रृंखला या टाइपफेस # टाइपफेस की शैली का उपयोग करने के बजाय वेबसाइट टाइपफेस की विविधता को केवल कुछ समान शैली तक सीमित करना चुन सकते हैं। अधिकांश ब्राउज़र एक विशिष्ट संख्या में सुरक्षित फोंट को पहचानते हैं, जो डिजाइनर मुख्य रूप से जटिलताओं से बचने के लिए उपयोग करते हैं।

फ़ॉन्ट डाउनलोडिंग को बाद में CSS3 के फोंट मॉड्यूल में शामिल किया गया था और तब से इसे सफारी 3.1, ओपेरा 10 और मोज़िला फ़ायरफ़ॉक्स 3.5 में लागू किया गया है। इसने बाद में वेब टाइपोग्राफी  के साथ-साथ फ़ॉन्ट डाउनलोडिंग के उपयोग में रुचि बढ़ाई है।

अधिकांश साइट लेआउट पाठ को पैराग्राफ में विभाजित करने के लिए नकारात्मक स्थान शामिल करते हैं और केंद्र-संरेखित पाठ से भी बचते हैं।

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

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

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

उत्पन्न सामग्री
वेबसाइटें दो तरह से उत्पन्न होती हैं: स्थिर या गतिशील।

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

लगभग सभी वेबसाइटों में कुछ स्थिर सामग्री होती है, क्योंकि सहायक संपत्ति जैसे चित्र और स्टाइल शीट आमतौर पर स्थिर होती हैं, यहां तक ​​कि अत्यधिक गतिशील पृष्ठों वाली वेबसाइट पर भी।

डायनेमिक वेबसाइट्स
डायनेमिक वेबसाइट्स फ्लाई पर उत्पन्न होती हैं और वेब पेज बनाने के लिए सर्वर-साइड तकनीक का उपयोग करती हैं। वे आम तौर पर एक या एक से अधिक बैक-एंड डेटाबेस से अपनी सामग्री निकालते हैं: कुछ एक कैटलॉग को क्वेरी करने या संख्यात्मक जानकारी को सारांशित करने के लिए रिलेशनल डेटाबेस में डेटाबेस क्वेरीज़ हैं, और अन्य सामग्री की बड़ी इकाइयों को स्टोर करने के लिए MongoDB  या  NoSQL  जैसे  दस्तावेज़ डेटाबेस  का उपयोग कर सकते हैं।, जैसे  ब्लॉग  पोस्ट या विकी लेख।

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

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

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

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

होमपेज डिजाइन
जैकब नीलसन (उपयोगिता सलाहकार) और काइल सौसी सहित उपयोगिता विशेषज्ञों ने अक्सर वेबसाइट की सफलता के लिए होमपेज डिजाइन पर जोर दिया है और दावा किया है कि वेबसाइट पर होमपेज सबसे महत्वपूर्ण पेज है।   हालाँकि, 2000 के दशक में चिकित्सकों ने यह देखना शुरू कर दिया था कि वेबसाइट ट्रैफ़िक की बढ़ती संख्या मुखपृष्ठ को बायपास कर रही थी, सीधे खोज इंजन, ई-न्यूज़लेटर्स और RSS फ़ीड्स के माध्यम से आंतरिक सामग्री पृष्ठों पर जा रही थी। कई चिकित्सकों को यह तर्क देने के लिए प्रेरित करते हुए कि अधिकांश लोगों की सोच से होमपेज़ कम महत्वपूर्ण हैं।    जेरेड स्पूल ने 2007 में तर्क दिया कि किसी साइट का होमपेज वास्तव में किसी वेबसाइट का सबसे कम महत्वपूर्ण पेज होता है। 2012 और 2013 में, हिंडोला (जिसे 'स्लाइडर्स' और 'रोटेटिंग बैनर' भी कहा जाता है) मुखपृष्ठों पर एक अत्यंत लोकप्रिय डिज़ाइन तत्व बन गया है, जिसका उपयोग अक्सर एक सीमित स्थान में विशेष रुप से प्रदर्शित या हाल की सामग्री को प्रदर्शित करने के लिए किया जाता है। कई चिकित्सकों का तर्क है कि हिंडोला एक अप्रभावी डिजाइन तत्व है और एक वेबसाइट के खोज इंजन अनुकूलन और उपयोगिता को नुकसान पहुंचाता है।

व्यवसाय
वेबसाइट बनाने में दो प्राथमिक कार्य शामिल होते हैं: वेब डिज़ाइनर और वेब डेवलपर, जो अक्सर एक वेबसाइट पर एक साथ मिलकर काम करते हैं। वेब डिज़ाइनर विज़ुअल पहलू के लिए ज़िम्मेदार होते हैं, जिसमें वेब पेज का लेआउट, रंग और टाइपोग्राफी शामिल है। वेब डिज़ाइनरों को HTML और CSS जैसी मार्कअप भाषाओं का कार्यसाधक ज्ञान भी होगा, हालाँकि उनके ज्ञान की सीमा एक वेब डिज़ाइनर से दूसरे में भिन्न होगी। विशेष रूप से छोटे संगठनों में, एक व्यक्ति को पूरे वेब पेज को डिजाइन और प्रोग्रामिंग करने के लिए आवश्यक कौशल की आवश्यकता होगी, जबकि बड़े संगठनों के पास केवल दृश्य पहलू के लिए जिम्मेदार वेब डिजाइनर हो सकता है।

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

बाहरी कड़ियाँ

 * W3C consortium for web standards