अपनी खुद की वेबसाइट कैसे बनाएं: 16 कदम

2024 लेखक: John Day | [email protected]. अंतिम बार संशोधित: 2024-01-30 09:23

कागज से वेब पर जाने के लिए पूरी तरह से कवर की गई मार्गदर्शिका, यदि आप चाहें, तो निःशुल्क, विशेष रूप से यदि कोई मित्र वेबमास्टर आप पर कुछ एहसान करता है, लेकिन थोड़े से अनुभव और ज्ञान के साथ भी आप एक साइट बना सकते हैं और इसे वेब पर इस तरह प्राप्त कर सकते हैं: …

चरण 1: उपकरण, सामग्री और बुनियादी कौशल।

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

चरण 2: आइए आरंभ करें

एक बार जब आप जान जाते हैं कि आप किस प्रकार की साइट बनाना चाहते हैं तो आप अपना डिज़ाइन निर्णय लें।

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

चरण 3: साइट शुरू करना

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

चरण 4: चलो फिर में फंस जाते हैं

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

अपने टेम्पलेट में आपको एक शीर्षलेख बनाने की आवश्यकता होगी, यह मुख्य बैनर है जो पृष्ठ के शीर्ष पर चलता है, इसमें आमतौर पर साइट/कंपनी का नाम, एक नारा और साइट के विषय को दर्शाने वाला एक चित्र या लोगो होता है।. सबसे अच्छा माप मैं 760 x 100-200 दे सकता हूं, ऊंचाई वरीयता है और यह भी निर्भर करता है कि मेनू बार कहां जा रहा है। चौड़ाई ७६० है इसलिए यह ब्राउजर विंडो में तब भी फिट बैठता है जब डिस्प्ले पर ८००x६०० रेस चल रही हो (यदि आप आधी साइट नहीं देख सकते हैं तो इसका कोई फायदा नहीं है) आपका मेनू बटन (यदि आप उन्हें बनाना चाहते हैं तो यह बहुत लंबा नहीं होना चाहिए। ऊंचाई और चौड़ाई में ३० पिक्सल बहुत सी चीजों पर निर्भर है लेकिन मेरा आमतौर पर १०० - १५०० पिक्सल के बीच होता है। फिर आप फ्लैश बटन का उपयोग कर रहे होंगे जिसके लिए आपकी ओर से शून्य प्रयास की आवश्यकता होती है। (ड्रीमवेवर के लिए वह है)

चरण 5: टेम्प्लेट बनाना…

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

चरण 6: टेम्पलेट को जारी रखना। अभिन्यास

अब हम टेम्पलेट का अपना लेआउट शुरू करते हैं।

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

चरण 7: मेनू बटन जोड़ना।

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

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

चरण 8: उपयोग के लिए टेम्पलेट बनाना।

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

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

चरण 9: कुछ सामग्री जोड़ें।

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

चरण 10: अब हम अपने लिंक बनाते हैं।

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

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

चरण 11: कुछ सुझाव और उपयोगी विचार।

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

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

चरण 12: एक इंडेक्स पेज बनाएं।

अभी अधिकांश वेब होस्टों को एक इंडेक्स पेज की आवश्यकता होती है, यह या तो 'index.htm' नामक होम पेज की प्रतिकृति हो सकती है (यही आपको इसका नाम देना होगा) या इस पर एंटर साइट के साथ एक फंकी पेज बनाएं (यदि आप' फ्लैश में अच्छा है आपके पास चीजों को जीवंत करने के लिए एक एनीमेशन हो सकता है। आपको यह महसूस करना चाहिए कि यह उस विशेष क्षण के करीब आ रहा है।यहाँ जाओ…

चरण 13: चलो हमें एक मेजबान प्राप्त करें।

अब आप अपने आप को उस साइट पर पाएंगे जिस पर मैंने आपको भेजा था, मैंने इसे इसलिए चुना क्योंकि जहां तक फ्री होस्ट्स की बात है तो यह बहुत अच्छा है और बहुत सारे सामान, साथ ही साथ 8gig स्टोरेज और 300GB बैंडविड्थ/माह जैसा कुछ देता है।

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

चरण 14: क्या आप इसे महसूस कर सकते हैं?

साइट को अपलोड करने का समय आ गया है… आपके पास एक वेबसाइट होने वाली है।

अपनी साइट फाइल्स/एसेट बार पर जाएं, इसमें कोई संदेह नहीं है कि अभी बहुत अलग दिखता है, दृश्यों के छोटे ड्रॉप डाउन मेनू पर क्लिक करें और टेस्टिंग सर्वर चुनें। अब Dreamweaver ने आपका FTP पासवर्ड पहले ही सेव कर लिया है। रिमोट होस्ट से कनेक्ट बटन पर क्लिक करें (तीन अजीब आकृतियों वाला एक)। एक बार यह कहता है कि आपका कनेक्टेड पुट अप फाइल्स बटन पर क्लिक करें।, वह बटन एक ऊपर की ओर इंगित करने वाला तीर है। (बाद में उपयोग के लिए आप खाते में लॉग ऑन कर सकते हैं और फाइलों को प्राप्त करने के लिए फाइलों का उपयोग कर सकते हैं जो आप अपने कंप्यूटर पर खो सकते हैं।) जब आप इसे दबाते हैं तो यह पूछेगा कि क्या आप पूरी साइट को ऊपर रखना चाहते हैं, ठीक है, आप इसके साथ करते हैं वह सब काम, मामूली अपडेट के लिए आप इसके बजाय प्रतिस्थापन फ़ाइलें भेज सकते हैं। जब यह 'index.htm' तक पहुंच जाता है तो यह पूछेगा कि क्या इसे बदल देना चाहिए, हां कहें अन्यथा आपकी साइट 15 दिनों के बाद डाउन हो जाएगी, इसलिए हमने पहले अपनी साइट बनाई।

चरण 15: अब आप एक नाम चाहते हैं?

तो एक सबसाइट होने का विचार आपके अहंकार को प्रभावित कर रहा है, आपके पास विकल्प हैं, एक डोमेन नाम खरीदें (होस्टिंग के बिना महंगा नहीं है और आप.com.org.co.uk कर सकते हैं और.net वह चुन सकते हैं जो आपके नाम के लिए सबसे उपयुक्त हो। या उस आदमी के लिए जो यह सब मुफ्त चाहता है, बस डॉट टीके साइट पर जाएं वे बस आपके पेजों को मिरर करते हैं ताकि जब आप इसे अपना होम पेज या अपने इंडेक्स पेज को साइट लिंक बना लें और चुनें कि हत्याराजैकलोप.टीके मिल गया?

चरण 16: किसी और के लिए कोई और?

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

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