अपने दम पर एक वेब पेज बनाना

31.1K
किसी भी कंपनी के लिए, साइट का मुख्य पृष्ठ वर्चुअल फ्रंट डोर होता है। यदि आगंतुक को वह पसंद नहीं है जो वह देखता है, तो संकोच न करें, वह बैक बटन दबाएगा।

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

एक अच्छा मुखपृष्ठ डिज़ाइन क्या बनाता है

1) मुख्य पृष्ठ का डिज़ाइन स्पष्ट रूप से इस प्रश्न का उत्तर देता है कि "मैं कौन हूँ?", "मैं क्या पेशकश करूँ?" और/या "उपयोगकर्ता यहां क्या कर सकता है?"

यदि आप एक प्रसिद्ध ब्रांड का प्रतिनिधित्व करते हैं ( उदा. कोका कोला), आप यह नहीं बता सकते कि आप कौन हैं और आप क्या करते हैं। लेकिन अधिकांश कंपनियों को इन सवालों का जवाब देना चाहिए ताकि हर आगंतुक को पता चले कि वे "सही जगह" पर हैं। यदि उपयोगकर्ता कुछ सेकंड के लिए समझ नहीं पाते हैं कि आप क्या कर रहे हैं, तो वे अधिक समय तक नहीं रहेंगे।

2) लक्षित दर्शकों के साथ अनुनाद

होम पेज को लक्षित दर्शकों से उनकी भाषा में बात करनी चाहिए। सर्वोत्तम वेबसाइट डिज़ाइन उदाहरणों से बचें " कॉर्पोरेट बकवासऔर सभी अनावश्यक और विचलित करने वाले को खत्म करें।

3) मूल्य प्रस्ताव के बारे में संदेश

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

4) प्रयोज्यता

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

5) कॉल टू एक्शन (सीटीए तत्व) शामिल है

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

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

6) लगातार बदलते रहना

सर्वोत्तम होम पेज हमेशा स्थिर नहीं होते हैं। कुछ, जैसे WhiteHouse.gov, उपयोगकर्ता की जरूरतों, चिंताओं और प्रश्नों को पूरा करने के लिए लगातार बदल रहे हैं।

7) महान समग्र डिजाइन का उपयोग करता है

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

प्रेरक वेब डिज़ाइन: 16 सर्वश्रेष्ठ होम पेज डिज़ाइन

1)ताजा किताबें

यह डिजाइन सरल है क्योंकि:
  • प्रयोग करने में आसान। इस बात पर बहुत बहस होती है कि कौन से होमपेज बेहतर हैं - छोटे या लंबे। यदि आप बाद वाला विकल्प चुनते हैं, तो आपको स्क्रॉल करने और आसानी से पढ़ने में सक्षम होना चाहिए। यह पेज लगभग एक कहानी जैसा लगता है;
  • प्राथमिक सीटीए तत्वों के रंगों और स्थिति के संयोजन का सफलतापूर्वक उपयोग किया गया। जब आप मुख्य पृष्ठ पर जाते हैं, तो यह तुरंत स्पष्ट हो जाता है कि कंपनी आपका ध्यान आकर्षित करना चाहती है;
  • एसटीए तत्व पर बहुत आकर्षक पाठ: " तीस दिनों तक इसका मुफ़्त इस्तेमाल करें»;
  • शक्तिशाली उपशीर्षक: फ्रेशबुक का उपयोग करने वाले 5 मिलियन से अधिक लोगों के लिए, चालान भेजना और खर्चों पर नज़र रखना अब कोई समस्या नहीं है।". यह कथन लक्षित दर्शकों के लिए आकर्षक है क्योंकि लेखांकन सॉफ्टवेयर में महारत हासिल करना आम तौर पर " दर्दनाक रूप से कठिन» फ्रीलांसरों और छोटे व्यवसाय के मालिकों के लिए।

2) एयरबीएनबी

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

3) मिंट

  • यह एक मजबूत शीर्षक और कोई कठबोली उपशीर्षक के साथ एक सुपर सरल डिजाइन है;
  • मुखपृष्ठ एक सुरक्षित लेकिन आरामदेह वातावरण प्रदान करता है, जो वित्तीय जानकारी को संभालने वाले उत्पाद के लिए बहुत महत्वपूर्ण है;
  • इसमें एक सरल और सम्मोहक कॉल टू एक्शन भी शामिल है: मुफ्त में पंजीकरण करें". सीटीए का डिज़ाइन भी बढ़िया है - पैडलॉक आइकन सही निशाने पर है, एक बार फिर सुरक्षा का संकेत देता है।

4) ड्रॉपबॉक्स (उपभोक्ता)

  • ड्रॉपबॉक्स साइट का मुख्य पृष्ठ अत्यधिक सादगी का एक उदाहरण है। विज्ञापनों और वीडियो का उपयोग सीमित है, और सभी पृष्ठभूमि स्थान मर्ज किए गए हैं;
  • ऊपर के स्थिर स्क्रीनशॉट से यह बताना मुश्किल है, लेकिन यह साइट डिज़ाइन संस्करण ग्राफिक्स में फैंसी एनीमेशन के सूक्ष्म उपयोग के साथ आंख को पकड़ लेता है;
  • उपशीर्षक सरल लेकिन शक्तिशाली है: अपनी फ़ाइलें कहीं भी, किसी भी डिवाइस पर खोलें और उन्हें आसानी से साझा करें". ड्रॉपबॉक्स क्या करता है, इसे समझने के लिए आपको किसी शब्दावली को समझने की जरूरत नहीं है;
  • एक प्राथमिक कॉल टू एक्शन पर जोर: " मुफ्त में पंजीकरण करें«.

5) ड्रॉपबॉक्स (व्यवसाय)

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

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

व्यक्तिगत VKontakte पेज को मुफ्त में लोकप्रिय कैसे बनाएं

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

याद रखने वाली सबसे महत्वपूर्ण बात है: सक्रिय और आकर्षक, रुचि और रुचि होना।

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

खामियों के साथ लैंडिंग पृष्ठ

एक लैंडिंग पृष्ठ बनाना समझ में आता है यदि:

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

ऑनलाइन सेल्स पेज कैसे बनाये?

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

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

अंतिम दो बिंदुओं को कहा जाता है - एक अद्वितीय बिक्री प्रस्ताव। यह किसी प्रकार का प्रचार हो सकता है, समय में सीमित। या आप खरीदार का ध्यान इस तथ्य की ओर आकर्षित कर सकते हैं कि माल की संख्या सीमित है - यह अच्छी तरह से काम करता है यदि आपको एक चीज़ बेचने के लिए एक पृष्ठ की आवश्यकता है।

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

स्टॉक फ़ोटो का उपयोग करके बहकें नहीं, आपकी लाइव फ़ोटो आमतौर पर बहुत बेहतर बिकती हैं, खासकर जब सेवाओं की बात आती है।

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

ध्यान आकर्षित करने और पकड़ने के लिए, आप इसमें सम्मिलित कर सकते हैं लैंडिंग पृष्ठ विशेष विजेट- उदाहरण के लिए, कार्रवाई की अवधि के लिए उलटी गिनती घड़ी।

मैं ऑर्डर बटन के रूप के बारे में एक बार फिर दोहराऊंगा - यह बहुत महत्वपूर्ण है। बस इसका आकार बढ़ाकर, आप रूपांतरण को महत्वपूर्ण रूप से बढ़ा सकते हैं!

जब आपने पृष्ठ की रचना की है, उदाहरण के लिए, फ़ोटोशॉप में, तो आपको करने की आवश्यकता है इसे ऑनलाइन पोस्ट करें।ऐसा करने के लिए, आप किसी विशेषज्ञ की मदद ले सकते हैं या विशेष सेवाओं का उपयोग कर सकते हैं।

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

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

मैं आपका ध्यान किस ओर आकर्षित करना चाहता हूं लैंडिंग में मुख्य बात- आपका सुझाव ( ऑफआर)।

सब कुछ स्पष्ट और समझ में आता है

बहुत जरूरी, प्रति पहली स्क्रीन से ही, क्लाइंट को सब कुछ समझ में आ गया और उसे तुरंत लक्ष्य कार्रवाई करने की पेशकश की गई.

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

जब यह सूचक 2 से 4 सेकंड तक बढ़ जाता है रूपांतरण लगभग दोगुना! इसलिए, "भारी" ग्राफिक्स वाले विक्रय पृष्ठों को अधिभारित न करें।

आप Google वेबमास्टर और वेबपेजटेस्ट जैसी विशेष ऑनलाइन सेवाओं में डाउनलोड गति का परीक्षण कर सकते हैं। इस अनिवार्यओह करना चाहिए!

और यह बहुत महत्वपूर्ण है कि आपके बिक्री पृष्ठ मोबाइल उत्तरदायी हों।

यदि आपको एक वेबसाइट या बिक्री पृष्ठ बनाना है, इंटरनेट विज्ञापन सेट करना है, साइट पर बिक्री फ़नल बनाना है, एसईओ प्रचार में मदद करना है, तो हमसे संपर्क करें।
हम मदद के लिए हमेशा तैयार हैं।

कृपया अपना संपर्क विवरण दर्ज करें (* आवश्यक फ़ील्ड इंगित करता है)

A से Z . तक वेबसाइट निर्माण
सर्वाधिकार सुरक्षित

इस कोड को एक नई टेक्स्ट फ़ाइल में कॉपी करें और इसे अपने कंप्यूटर पर सहेजें। सहेजी गई फ़ाइल को index.html नाम दें। फिर इस फाइल को किसी भी ब्राउजर में खोलें और रिजल्ट देखें।

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

आप इस सरलतम HTML साइट का पूर्ण संस्करण (10.8Mb) के रूप में डाउनलोड कर सकते हैं। संग्रह को अनपैक करने के बाद, html/index.html चलाएँ।

वेबसाइट निर्माण के प्रमुख चरण

खरोंच से साइट के स्व-निर्माण में तीन मुख्य चरण होते हैं:

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

आइए इन सभी चरणों को अधिक विस्तार से देखें।

वेबसाइट लेआउट निर्माण

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

एडोब फोटोशॉप में एक नया दस्तावेज़ बनाएं। इसे एक नाम दें - माईसाइट।

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

हम 72 पिक्सेल प्रति इंच का रिज़ॉल्यूशन और एक RGB रंग चुनते हैं। हम इन सेटिंग्स को अनिवार्य बनाते हैं, क्योंकि वे वेब पेज के सही प्रदर्शन के लिए जिम्मेदार हैं।

फिर बैकग्राउंड कलर को हेक्स फॉर्मेट में F7F7C5 पर सेट करें या कलर पिकर का उपयोग करके इसे चुनें।

उसके बाद, मेनू आइटम का चयन करें " देखें" - "गाइड"और शासकों और मार्गदर्शकों के प्रदर्शन को सक्रिय करें।

मेनू आइटम में " देखें" - "स्नैप टू"आपको यह सुनिश्चित करने की ज़रूरत है कि गाइड और दस्तावेज़ सीमाओं के लिए स्नैपिंग सक्षम है।

उपकरण के साथ " मूलपाठ", भविष्य की साइट का टेक्स्ट नाम, उसके नीचे स्लोगन, साथ ही लेआउट के शीर्ष दाईं ओर संपर्क फोन नंबर दर्ज करें।

लोगो के बाईं ओर और संपर्क फ़ोन नंबर के दाईं ओर, हम गाइड बनाते हैं जो हमें साइट की चौड़ाई के लिए फ़्रेम निर्दिष्ट करने की अनुमति देगा।

फिर टूल का उपयोग करना प्रपत्र »गोल किनारों (त्रिज्या - 8 अंक) के साथ एक आयत बनाएं और इसका उपयोग छवि के लिए एक स्थान निर्दिष्ट करने के लिए करें, जो साइट के शीर्षलेख में स्थित होगा।

अब साइट के हेडर में इमेज डालने का समय आ गया है।

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

फिर टूल का उपयोग करना मूलपाठ "और फ़ॉन्ट " एरियल », मुख्य पृष्ठ का टेक्स्ट जोड़ें। इस मामले में, इसके साथ बाद के काम के लिए ब्लॉक टेक्स्ट का उपयोग करना सबसे अच्छा है।

हम टेक्स्ट में टाइटल के लिए ब्लैक फॉन्ट का इस्तेमाल करते हैं। नेविगेशन मेनू के लिए - सफेद।

मुख्य टेक्स्ट ब्लॉक की दाहिनी सीमा को स्थानांतरित करके, हम छवि को पृष्ठ के टेक्स्ट में सम्मिलित करते हैं ( पाठ के दाईं ओर).

उपकरण का उपयोग करना " प्रपत्र » - « सीधे ", हम पृष्ठ के पाठ के तहत अंतिम रेखा खींचते हैं।

उपकरण का उपयोग करना " मूलपाठ " (एरियल फ़ॉन्ट) हम कॉपीराइट को पृष्ठ के पाद लेख (लाइन के नीचे) में रखते हैं।

हमने टूल का उपयोग करके साइट के लेआउट के लिए आवश्यक छवियों के टुकड़े काट दिए " काट रहा है " (हमने हेडर में मुख्य इमेज और पेज के टेक्स्ट में इमेज का चयन किया है).

किए गए कार्य के परिणामस्वरूप, हमने साइट का एक पूर्ण लेआउट बनाया है। यदि आप पृष्ठ लेआउट में स्वयं परिवर्तन करना चाहते हैं, तो PSD फ़ाइल .

साइट के बाद के लेआउट के लिए छवियों के रूप में किए गए कार्यों के परिणामों को सहेजने और उपयोग करने के लिए, मेनू पर जाएं " फ़ाइल »और आइटम चुनें « वेब के लिए सहेजें» . फिर हम आउटपुट छवियों की गुणवत्ता को समायोजित करते हैं और उन्हें सहेजते हैं।

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

पृष्ठ लेआउट बनाया गया है, आवश्यक टुकड़े प्राप्त हुए हैं, आप लेआउट के लिए आगे बढ़ सकते हैं।

हालांकि, यह ध्यान देने योग्य है कि सबसे तेज़ संभव शुरुआत के लिए, आप तैयार किए गए टेम्प्लेट का उपयोग कर सकते हैं, और उन्हें स्वयं नहीं बना सकते। " " अनुभाग में, आप HTML और CSS पर आधारित अपनी खुद की साइट ढूंढ और बना सकते हैं।

वेबसाइट लेआउट

सबसे पहले, आपको एक नई टेक्स्ट फ़ाइल बनानी होगी और उसे index.html के रूप में सहेजना होगा।

इस फ़ाइल की पहली पंक्ति इस तरह दिखनी चाहिए:

यह ब्राउज़र को बताता है कि पृष्ठ की सामग्री को कैसे संसाधित किया जाए। निम्नलिखित टैग का एक सेट है:

दस्तावेज़ का "सिर"दस्तावेज़ का "बॉडी"

टैग की जोड़ी …कहता है कि इसमें HTML कोड है।

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

यह समझना भी महत्वपूर्ण है कि सामग्री को व्यवस्थित करने के कई तरीके हैं। उनमें से सबसे लोकप्रिय ब्लॉक का उपयोग करने वाला संगठन है (

) और तालिकाओं के रूप में ( …
).

तत्वों के प्रदर्शन प्रारूप के लिए, इसे उपयुक्त टैग का उपयोग करके और सीएसएस स्टाइल शीट का उपयोग करके सीधे सेट किया जा सकता है। इस मामले में, यह दूसरी विधि है जो सबसे बेहतर है, क्योंकि यह आपको घटक शैलियों को फिर से लागू करने की अनुमति देती है। स्टाइल शीट या तो टैग के अंदर सेट की जाती है , या एक अलग फ़ाइल में ( अक्सर इस फ़ाइल का नाम style.css होता है), जिसका लिंक भी अंदर स्थित है .

हमारे मामले में, साइट तत्वों की संरचना इस तरह दिखती है:

साइट बनाने के लिए उपयोग की जाने वाली किसी विशेष भाषा के सभी घटकों का वर्णन करने वाले मौलिक दस्तावेज़ विनिर्देश हैं।

आप "" अनुभाग में प्रस्तुत पुस्तकों का उपयोग करके सभी मुख्य HTML टैग्स, उनके उद्देश्य, स्टाइल शीट्स (CSS) के उपयोग के बारे में अधिक विस्तार से अध्ययन कर सकते हैं, इसके अलावा, सामग्री संगठन, लेआउट, CSS पर उपयोगी टिप्स दिए गए हैं।

PHP के साथ वेबसाइट बनाना

पिछले उदाहरण में बनाए गए HTML पृष्ठ में, सब कुछ पूर्वनिर्धारित है और उपयोगकर्ताओं द्वारा एक्सेस किए जाने पर नहीं बदलेगा। ऐसे पृष्ठों को आमतौर पर स्थिर कहा जाता है, और HTML हाइपरटेक्स्ट भाषा द्वारा प्रदान किए गए उपकरण उन्हें बनाने के लिए पर्याप्त हैं।

यदि साइट के उपयोगकर्ताओं को प्रदान की गई जानकारी किसी भी कारक या अनुरोध के आधार पर बदल जाती है, तो वेब पेज को गतिशील सामग्री कहा जाता है ( गतिशील है).

ऐसे पेज बनाने के लिए, आपको भाषाओं का उपयोग करना होगा वेब प्रोग्रामिंग. उनमें से, यूनिक्स सिस्टम के लिए PHP, पायथन और रूबी ऑन रेल्स का सबसे अधिक उपयोग किया जाता है, जबकि .NET टूल का उपयोग करके गतिशील सामग्री विकास विंडोज के लिए विशिष्ट है।

यह सब सर्वर साइड के बारे में है, और क्लाइंट साइड पर प्रोग्रामिंग के लिए, जावास्क्रिप्ट का सबसे अधिक उपयोग किया जाता है।

हमने जो तैयार किया है उसमें एक PHP फ़ोल्डर है, जिसमें index.php फ़ाइल है। यह वह है जो हमें PHP का उपयोग करके हमारी परीक्षण साइट के तीन पृष्ठों को लागू करने की अनुमति देता है।

गतिशील वेब पेज बनाने के लिए PHP सबसे लोकप्रिय वेब प्रोग्रामिंग भाषा है। एक गतिशील वेब पेज और एक स्थिर के बीच मुख्य अंतर यह है कि यह सर्वर पर उत्पन्न होता है, और समाप्त परिणाम उपयोगकर्ता के ब्राउज़र में प्रेषित होता है।

इस लेख के ढांचे के भीतर, हम PHP प्रोग्रामिंग के बारे में विस्तार से नहीं बताएंगे और स्पष्टता के लिए, हम खुद को कोड अंशों के सरल सम्मिलन तक सीमित रखेंगे।

इन क्रियाओं का सार यह है कि हम साइट के शीर्षलेख और पाद लेख को अलग-अलग फ़ाइलों में निकालते हैं: क्रमशः शीर्षलेख.php और footer.php। और फिर टेक्स्ट सामग्री वाले पृष्ठों पर, हम उन्हें PHP का उपयोग करके साइट लेआउट में सम्मिलित करते हैं। आप इसे नीचे दिए गए कोड के साथ कर सकते हैं:

...

अपने ब्राउज़र में php/index.php फ़ाइल चलाने का प्रयास करें। बात नहीं बनी? बिल्कुल नहीं। आखिरकार, ब्राउज़र को यह नहीं पता कि PHP फ़ाइल (उर्फ PHP स्क्रिप्ट) बनाने वाले कमांड का क्या करना है।

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

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

डेनवर ऐप बंडल को स्थापित करने के लिए किसी बड़े प्रयास की आवश्यकता नहीं है। हम इंस्टॉलेशन फ़ाइल लॉन्च करते हैं, हम इसकी सभी आवश्यकताओं को पूरा करते हैं। हम वेब सर्वर तक त्वरित पहुंच के लिए वर्चुअल ड्राइव के अक्षर का चयन करते हैं, शॉर्टकट बनाते हैं। बस इतना ही! डेनवर जाने के लिए तैयार है!

जिस वेब सर्वर को हमने अभी स्थापित किया है वह स्टार्ट डेनवर शॉर्टकट पर क्लिक करके लॉन्च किया गया है ( आप इसे अलग नाम दे सकते हैं) वेब सर्वर शुरू करने के बाद, इसे सिस्टम में दिखाई देने वाली वर्चुअल डिस्क पर स्थित होम/test1.ru/www/ फ़ोल्डर में कॉपी करें (आमतौर पर) जेड), php फ़ोल्डर की सामग्री जिससे हम काम कर रहे हैं, index.html फ़ाइल को छोड़कर।

इसके बाद अपने ब्राउजर के एड्रेस बार में test1.ru टाइप करें। एक परिचित तस्वीर? अब पृष्ठ के शीर्ष पर दिए गए लिंक का अनुसरण करें। काम कर रहे? जुर्माना!

स्क्रैच से या वेबसाइट बिल्डर के साथ वेबसाइट बनाएं?

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

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

नीचे दी गई तालिका में, हमने स्क्रैच वीएस वेबसाइट बिल्डर से वेबसाइट के प्रमुख फायदे और नुकसान को संक्षेप में प्रस्तुत करने का प्रयास किया है:

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

वेबसाइट बनाने का सबसे अच्छा तरीका क्या है?

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

लेकिन अगर आप कम से कम समय में एक आधुनिक और वास्तव में उच्च गुणवत्ता वाली वेबसाइट बनाना चाहते हैं, तो हम इसका उपयोग करने की सलाह देते हैं!

शुरुआती वेबमास्टरों के लिए उपयोगी कार्यक्रम

हम कई उपयोगी कार्यक्रमों की सूची देंगे जो आपके लिए एक साइट बनाने की प्रक्रिया को बहुत सुविधाजनक और गति प्रदान करेंगे:

नोटपैड++- एक टेक्स्ट एडिटर जो आपको बनाई जा रही साइट के सोर्स कोड को बनाने और संपादित करने की अनुमति देता है। नोटपैड प्रोग्राम के लिए एक उत्कृष्ट प्रतिस्थापन, जो कि विंडोज ऑपरेटिंग सिस्टम का हिस्सा है।

एडोब ड्रीमविवर- वेबसाइट बनाने के लिए शक्तिशाली और बहुक्रियाशील कार्यक्रम। अन्य बातों के अलावा, इसमें निर्मित संसाधन का पूर्वावलोकन करने की क्षमता शामिल है।

NetBeansएक अनुप्रयोग विकास वातावरण है जो आपको मार्कअप और वेब प्रोग्रामिंग भाषाओं जैसे HTML, CSS, जावास्क्रिप्ट और PHP के साथ प्रभावी ढंग से काम करने की अनुमति देता है।

इंटरनेट पर बनाई गई साइट का प्रकाशन

मान लीजिए कि आपने अपनी पहली वेबसाइट पहले ही बना ली है, लेकिन क्या करने की आवश्यकता है ताकि वर्ल्ड वाइड वेब का कोई भी उपयोगकर्ता इसे एक्सेस कर सके?

एक "डोमेन" क्या है और इसकी आवश्यकता क्यों है

डोमेन साइट का नाम है। इसके अलावा, "डोमेन एन" शब्द को अक्सर इंटरनेट पर आपकी साइट के पते के रूप में समझा जाता है।

डोमेन का एक बेहतरीन उदाहरण उस साइट का नाम होगा जिस पर आप वर्तमान में हैं - .

जैसा कि आप ऊपर दिए गए उदाहरण से देख सकते हैं, साइट के डोमेन नाम में दो भाग होते हैं:

  • सीधे साइट का नाम - हमारे मामले में यह इंटरनेट-प्रौद्योगिकियां हैं;
  • चयनित डोमेन क्षेत्र। हमारे मामले में, डोमेन ज़ोन " .ru". डोमेन ज़ोन को उसके नाम के बाद वेबसाइट के पते में दर्शाया गया है।

यह भी ध्यान देने योग्य है कि विभिन्न स्तरों के डोमेन हैं। इसे समझना बहुत आसान है - बस साइट के पते के बिंदु-पृथक भागों की संख्या देखें। उदाहरण के लिए:

  • साइट - दूसरे स्तर का डोमेन;
  • फोरम.साइट एक तीसरे स्तर का डोमेन है (यह एक सबडोमेन भी है)।

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

निम्नलिखित डोमेन ज़ोन सबसे अधिक उपयोग किए जाते हैं:

  • .ru वर्ल्ड वाइड वेब के रूसी-भाषी खंड के भीतर सबसे लोकप्रिय डोमेन ज़ोन है;
  • .biz - अक्सर डोमेन ज़ोन का उपयोग व्यावसायिक साइटों के लिए किया जाता है;
  • .com - यह डोमेन ज़ोन अक्सर वाणिज्यिक और कॉर्पोरेट साइटों के लिए उपयोग किया जाता है;
  • .info - इस डोमेन ज़ोन में अक्सर सूचना साइटें होती हैं;
  • .net एक अन्य लोकप्रिय डोमेन ज़ोन है जो इंटरनेट से संबंधित परियोजनाओं के लिए उपयुक्त है;
  • .rf - रूसी संघ का आधिकारिक डोमेन ज़ोन

यदि अधिकांश लक्षित दर्शक रूस में स्थित हैं, तो हम ".ru" क्षेत्र में एक डोमेन पंजीकृत करने की सलाह देते हैं।

डोमेन कैसे चुनें

अपनी वेबसाइट के लिए डोमेन चुनते समय, हम इन सिद्धांतों का पालन करने की सलाह देते हैं:

  • मौलिकता और याद रखने में आसानी;
  • अधिकतम लंबाई - 12 वर्ण;
  • लैटिन में टाइपिंग में आसानी;
  • डोमेन नाम में डैश की अनुपस्थिति (वांछनीय, लेकिन आवश्यक नहीं)।
  • डोमेन के इतिहास की शुद्धता और खोज इंजन से उस पर किसी प्रतिबंध का अभाव। इसे whois history service का उपयोग करके चेक किया जा सकता है।

मैं एक डोमेन कहाँ से खरीद सकता हूँ?

हम एक विश्वसनीय और समय-परीक्षणित डोमेन नाम रजिस्ट्रार की सेवाओं का उपयोग करने की सलाह देते हैं - वेबनाम . हम इसका इस्तेमाल कर रहे हैं।

अन्य बातों के अलावा, इस रजिस्ट्रार की साइट आपको सीधे ऑनलाइन अपनी साइट के लिए एक नाम (डोमेन) चुनने की अनुमति देती है। ऐसा करना काफी सरल है।

ऐसा करने के लिए, बस उपयुक्त क्षेत्र में वांछित डोमेन नाम दर्ज करें और "डोमेन खोजें" बटन पर क्लिक करें।

"होस्टिंग" क्या है

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

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

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

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

होस्टिंग कैसे चुनें

बनाई गई साइट के लिए एक होस्टिंग चुनते समय, हम अनुशंसा करते हैं कि आप निम्नलिखित मानदंडों द्वारा निर्देशित हों:

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

हमारे हिस्से के लिए, हम आपको ऐसे विश्वसनीय और समय-परीक्षणित होस्टिंग प्रदाताओं की सिफारिश कर सकते हैं जैसे उत्पन्न करना (शुरुआती और उन्नत वेबमास्टरों के लिए), साथ ही साथ फास्टवीपीएस (उन लोगों के लिए जिन्हें उच्च प्रदर्शन होस्टिंग की आवश्यकता है).

तैयार साइट को सर्वर पर रखना

मान लीजिए कि आपने पहले ही एक वेबसाइट बना ली है, एक डोमेन और होस्टिंग खरीद ली है। आगे क्या करना है?

अब आपको हमारी साइट की सभी फाइलों को अपने चुने हुए होस्टिंग प्रदाता के सर्वर पर रखना होगा। ऐसा करने के कई तरीके हैं। आइए उनके बारे में बात करते हैं।

  1. यह होस्टिंग कंट्रोल पैनल का उपयोग करके HTTP प्रोटोकॉल के माध्यम से आपकी साइट की सामग्री को डाउनलोड कर रहा है।
  2. एक तथाकथित एफ़टीपी क्लाइंट का उपयोग करके एफ़टीपी के माध्यम से।

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

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

सामान्य प्रश्नों के उत्तर

भावी वेबमास्टर (साइट निर्माता) का प्रशिक्षण कैसे प्रारंभ करें?

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

वेबसाइट बनाने के लिए विशेषज्ञों को कैसे खोजें और उनका चयन कैसे करें

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

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

    क्या पूरी तरह से निःशुल्क वेबसाइट बनाना संभव है?

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

    क्या आप वेबसाइट बनाकर पैसा कमा सकते हैं?

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

    • आपका कार्य अनुभव;
    • आपके ग्राहकों की सॉल्वेंसी;
    • संभावित ग्राहकों के साथ बातचीत करने और उन्हें अपनी सेवाएं बेचने की क्षमता;
    • आला जिसमें आप काम करेंगे;
    • साइट का प्रकार बनाया जा रहा है।
    हाँ, विभिन्न प्रकार की साइटें (उनकी रचना) लागत अलग। अगर बाजार में औसत कीमतों की बात करें तो फिलहाल वे इस प्रकार हैं:
    • एक व्यवसाय कार्ड साइट का निर्माण - from 100$ ;
    • एक कॉर्पोरेट वेबसाइट का निर्माण 500$ ;
    • एक ऑनलाइन स्टोर का निर्माण - from 1000$ ;
    • एक समाचार साइट बनाना 700$ ;
    • एक सूचनात्मक SEO साइट का निर्माण – from 300$ ;
    • एक इंटरनेट पोर्टल का निर्माण 3000$ ;
    • एक पेज की वेबसाइट बनाना 400$ ;
    • ब्लॉग बनाना 50$ ;
    • एक मंच का निर्माण 300$ .
    इसके अलावा, यह मत भूलो कि आप अपनी खुद की वेबसाइट का सफलतापूर्वक मुद्रीकरण कर सकते हैं। हमने इस मुद्दे पर एक ही बार में दो दिलचस्प लेख समर्पित किए हैं। पहला बताता है कि कैसे, और दूसरा किसके लिए समर्पित है। उन्हें चैक - आउट करना न भूलें!

    मुफ्त में अपनी वेबसाइट बनाएं!

    निष्कर्ष के बजाय

    इस आलेख को पढ़ने के लिए धन्यवाद। अगर हमारी सिफारिशें आपकी मदद करती हैं तो हमें बहुत खुशी होगी। साथ ही लाइक और शेयर करने के लिए धन्यवाद। हमारे साथ बने रहें और आप और भी बहुत सी रोचक बातें सीखेंगे!

    हो सकता है कि वेबसाइट बनाने के बारे में आपके कुछ प्रश्न हों? टिप्पणियों में उनसे पूछें और हम आपकी मदद करने की कोशिश करेंगे!

होम > ऑनलाइन पैसे कैसे कमाए

10 सेकेंड में वेब पेज कैसे बनाएं

इंटरनेट पर एक सेवा दिखाई दी है जिसके साथ आप कुछ ही सेकंड में एक वेब पेज बना सकते हैं - pen.io।

नि: शुल्क, पंजीकरण के बिना, जटिल इशारों के बिना।

pen.io के मुख्य पृष्ठ से तुरंत, वांछित नाम (लैटिन में) दर्ज करें, (जिसके परिणामस्वरूप आपके पृष्ठ को पता http://name.pen.io) और पासवर्ड प्राप्त होगा।

"क्रिएट द पेज" बटन पर क्लिक करें और आपसे अपने पासवर्ड की पुष्टि करने के लिए कहा जाएगा:

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

पासवर्ड दर्ज करने के बाद, "लॉगिन" बटन पर क्लिक करें - और आप तुरंत अपने पेज टेम्पलेट पर रीडायरेक्ट हो जाएंगे (यहां इसके लिए संक्षिप्त निर्देश दिए गए हैं ...

0 0

नि:शुल्क अपनी वेबसाइट कैसे बनाएं नमस्ते, प्रिय आगंतुक!

क्या आप यहां यह सीखने के लिए हैं कि साइट को स्वयं कैसे बनाया जाए, इसे आगंतुकों से कैसे भरा जाए, और शायद इसे करते समय पैसा कमाया जाए? तब आप सही स्थान पर हैं।

फ्री में अपनी वेबसाइट कैसे बनाये

इस प्रश्न के लिए "मुफ्त में अपनी वेबसाइट कैसे बनाएं?" आमतौर पर आप एचटीएमएल, जावास्क्रिप्ट, पीएचपी और अन्य भाषाओं और प्रौद्योगिकियों के ज्ञान के बारे में लंबे तर्क सुन सकते हैं। क्या ऐसा है? हां और ना। खूबसूरती यह है कि आप बिना html जाने भी खुद मुफ्त में एक वेबसाइट बना सकते हैं। अपनी वेबसाइट को इंटरनेट पर शीघ्रता से बनाने और स्थापित करने के लिए एक उपयुक्त वेबसाइट निर्माता की तलाश करना पर्याप्त है।

"फिर बाकी सब का क्या मतलब है?" - आप पूछना। हां, क्योंकि जब इस तथ्य से उत्साह गुजरता है कि आपकी अपनी साइट है, तो आप इसे सुधारना चाहेंगे, इसे जीवंत और अधिक सुंदर बनाना चाहेंगे, उपयोगकर्ताओं को एक दूसरे के साथ और आपके साथ संवाद करने की अनुमति देंगे, और आप कभी नहीं जानते कि आप और क्या चाहते हैं खुद करने के लिए। वह तब होता है जब आपको HTML, PHP, MySQL, JQUERY, की आवश्यकता होती है ...

0 0

FairHeart.ru ब्लॉग के पाठकों को नमस्कार। इस लेख से आप सीखेंगे कि सिर्फ एक शाम को अपने हाथों से इंटरनेट पर अपना पेज कैसे बनाया जाए। सोचो यह असंभव है? बिल्कुल नहीं! यह सभी को धो देगा, खासकर उस उपकरण के साथ जो मैं आपको सलाह दूंगा।

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

गूगल और याहू!खोज; गूगल मेल और याहू!; सामाजिक बुकमार्क - फेसबुक, ट्विटर, माइस्पेस, आदि। मौसम पूर्वानुमान; समाचार फ़ीड्स; वेब रेडियो; गूगल मानचित्र; टिप्पणियाँ; और भी बहुत कुछ!

आइए सब कुछ क्रम में करें। हम जाते हैं और देखते हैं कि सब कुछ अंग्रेजी में है! डरा हुआ? यह इसके लायक नहीं है, केवल मुख्य में एक अंग्रेजी इंटरफ़ेस है, सेवा स्वयं रूसी में है। पूर्णतः सुनिश्चित करे...

0 0

0 0

0 0

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

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

0 0

अपनी खुद की वेबसाइट बनाएं? यह सच्चाई है!

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

जल्दी से खुद एक वेबसाइट बनाने और मुफ्त होस्टिंग प्राप्त करने के लिए, रूसी A5.ru में ऑनलाइन वेबसाइट बिल्डर आपकी मदद करेगा।

मुफ्त वेबसाइट निर्माता और होस्टिंग शामिल हैं

अभी इंटरनेट पर अपनी वेबसाइट कैसे बनाएं? आप बस A5.ru पोर्टल पर जाएं और रोमांचक काम शुरू करें। साथ...

0 0