01 को 10
अनुसन्धान
सम्भावित क्लाइन्टले तपाइँलाई एक वेबसाइट डिजाइन गर्न सोधे, तर तपाइँ कहाँ शुरु गर्नुहुन्छ? त्यहाँ एक निश्चित प्रक्रिया हो जुन तपाईंले यो सुनिश्चित गर्न को लागी यो परियोजना सजिलै संग जान्छ को लागी गर्न सक्नुहुन्छ। यसले मानक ग्राफिक डिजाईन प्रक्रियालाई मात्र समावेश गर्दछ , केहि थोरै वेबसाइट-विशेष चरणहरू समावेश गर्नका लागि।
ग्राफिक डिजाइनरको रूपमा, तपाईं कोडिंग सहित सम्पूर्ण डिजाइन आफैमा लिन सक्नुहुनेछ। यद्यपि, तपाईले विवरणको साथ सहयोग गर्न टोलीलाई सङ्कलन गर्न पनि सक्छ। वेब विकासकर्ता र एसईओ विशेषज्ञ तपाइँको प्रोजेक्टमा बहुमूल्य वृद्धि हुन सक्छ।
यो सबै अनुसन्धानको साथ सुरु हुन्छ
धेरै डिजाईन प्रोजेक्टहरूको रूपमा, वेबसाइट सिर्जना गर्दा पहिलो चरणले अनुसन्धान गर्नका लागि पहिलो चरण हो। यो केहि अनुसन्धान ग्राहकलाई उनीहरुको आवश्यकता को बुझ्न को लागी गरे। तपाईलाई उनीहरूको उद्योग र प्रतिस्पर्धीहरूको बारेमा बढी जान्न आवश्यक पर्दछ।
तपाईंको क्लाइन्टसँग भेट्दा, तपाईंले साइटको लागि एक रूपरेखा विकास गर्न र अन्ततः यसलाई डिजाइन गर्न मद्दत गर्न यथार्थलाई पत्ता लगाउन आवश्यक छ। यसमा उनीहरूको लक्षित दर्शक, लक्ष्य, रचनात्मक दिशा र अन्य चरकहरूको बारेमा सोध्न सक्छ जुन तपाईले ग्राहक प्रस्ताव गर्न सक्नुहुनेछ, जस्तै बजेट र समय सीमा।
तपाईंको उद्योग र बजार अनुसन्धान एकैचोटि हुनेछ। तपाईंको ग्राहकलाई भेट्नको लागि तयारी गर्न, तपाईंले तिनीहरूको उद्योगको विचार गर्नुपर्छ। उनीहरूका आवश्यकताहरू पत्ता लगाउन पछि, तपाईं त्यसपछि सानो गहिराइ हेर्न चाहानुहुन्छ।
शोधको स्तर ग्राहकको बजेट र उद्योगको तपाईंको अवस्थित ज्ञानमा आधारित हुनेछ। यो हेर्न को लागी सरल जस्तो हुन सक्दछ कि कुन क्षेत्रमा अन्य वेबसाइटहरू जस्तो देखिन्छ। ठूला परियोजनाहरूको लागि, यो फोकस समूहहरूको साथ गहन अनुसन्धान जस्तै केहि हुन सक्छ।
02 को 10
ब्रेनस्टर्मिङ
एकपटक तपाईंले थाहा छ कि यो परियोजना के बारेमा सबै कुरा हो, विचारहरू सङ्कलन गर्ने समय हो, र ब्रेस्टस्टर्मिङ एउटा सुरूवात ठाउँ हो । बरु तपाईको पहिलो हुनको लागि उत्तम विचार खोज्नु भन्दा वेबसाइटको लागि कुनै पनि र सबै विचार वा अवधारणाहरू फ्याँक्नुहोस्। तपाइँ यसलाई सधैँ यसलाई पछि कम गर्न सक्नुहुन्छ।
केहि वेबसाइटहरू नेभिगेसन (एक बटन पट्टि) र सामग्री क्षेत्रहरू जहाँ प्रयोगकर्ताहरूले तिनीहरूलाई आशा गर्न सबै भन्दा अधिक सम्भावना हुने सम्भावनाको साथ मानक वेब इन्फेसेसनको लागि कल गर्न सक्छन्। अन्यले सामग्री प्रस्तुत गर्न अन्यलाई एक अनूठा अवधारणा चाहिन्छ।
अन्तमा सामग्रीले डिजाइन चलाउनेछ। उदाहरणका लागि, एक फोटोग्राफरको वेब पोर्टफोलियो भन्दा एक न्यूज साइटको फरक फरक पर्दछ
03 मध्ये 10
प्राविधिक आवश्यकताहरूको निर्णय गर्नुहोस्
एक वेबसाइट को विकास को शुरुवात मा, परियोजना को प्रौद्योगिकी आवश्यकताहरु को बारे मा निर्णय को आवश्यकता हो। यस्तो निर्णयहरूले बजेट, समय सीमा र प्रभाव पार्नेछ, केहि अवस्थामा, साइटको समग्र भावना।
एक प्राथमिक निर्णय भनेको साइटको आधारभूत संरचना के हो, जुन कुन सफ्टवेयर प्रयोग गर्न मिल्नेछ र कुन प्रणालीले "काम" गर्दछ।
तपाईंका विकल्पहरू समावेश छन्:
- आधारभूत HTML: A मानक एचटीएमएल साइट जसको प्रत्येक पृष्ठ मैन्युअल रूपमा सम्पादन गरिन्छ। यो विकास गर्न अपेक्षाकृत छिटो हुन सक्छ तर सानो लचीलापन र धेरै निरन्तर रखरखाव छोड्छ। यो सम्झना पनि महत्त्वपूर्ण छ कि HTML साइटहरू एक्लै HTML छैनन् र CSS, जाभास्क्रिप्ट र प्रकार्यका लागि अन्य प्रोग्रामिङ भाषाहरू समावेश गर्न सक्दछ।
- एक सामग्री व्यवस्थापन प्रणाली प्रयोग गर्नुहोस्: CMS प्रयोग गरी सामान्य रूपमा ग्राहकलाई नियमित सामग्री अद्यावधिक गर्न अनुमति दिन्छ, जबकि डिजाइनर समग्र रूप नियन्त्रण र साइटको महसुस गर्छ। केही प्रणालीहरू खरिदबाट विकसित हुन सक्छ र अन्य ग्राहकहरूका आवश्यकताहरु खरिद गरियो र अनुकूल। अनलाइन प्रणाली जस्तै ब्लगर र वर्डप्रेस नि: शुल्क छन् र एक आधारभूत सीएमएस पनि समावेश गर्दछ।
04 मध्ये 10
एक रेखाचित्र लेख्नुहोस्
अब तपाईंले आवश्यक जानकारी सङ्कलन गर्नुभयो र केहि विचारहरू दिमागमा राख्नुभयो, यो कागजमा सबै टाढा राम्रो विचार हो।
वेबसाइटको एक रूपरेखामा प्रत्येक पृष्ठमा कुन प्रकारको सामग्री देखाइने छ भन्ने वर्णनको साथ, साइटमा प्रत्येक सेक्शन को समावेश गर्न सूची समावेश गर्नुपर्छ। यो पनि धेरै विस्तारमा वर्णन गर्नु पर्छ सम्भवत: साइटमा हुने प्रयोगकर्ताहरू, टिप्पणीहरू, सामाजिक सञ्जाल कार्यहरू, भिडियो, वा न्यूजलेटर साइन-अप जस्ता साइटहरूमा कुन विशेषताहरू हुनेछन्।
परियोजनालाई व्यवस्थित गर्न मद्दतको लागी, क्लाइन्टलाई वेबसाइट प्रस्तावको रूपरेखासँग प्रस्तुत गर्न सकिन्छ ताकि उनीहरूले परियोजना जारी गर्नु अघि यसलाई अनुमोदन गर्न सक्दछ। यसले उनीहरुलाई कुनै पनि खण्डहरू वा सुविधाहरू थप्न, हटाउन वा समायोजन गर्न अनुमति दिन्छ।
यो सबैले अन्ततः तपाईंलाई बजेट र समय सीमा विकास गर्न र साइट निर्माण गर्न मद्दत गर्नेछ। अनुमोदित रूपरेखामा आधारित वेबसाइट प्रोजेक्टको मूल्यमा सहमत गर्नाले थप शुल्क वा परियोजनामा विलम्बको रायबाट बच्न मद्दत गर्नेछ।
05 मध्ये 10
Wireframes सिर्जना गर्नुहोस्
Wireframes वेबसाईट लेआउट को सरल लाइन रेखाचित्र हो जुन तपाईंलाई (र क्लाइन्ट) को रंग र प्रकार को बजाय तत्वों को प्लेसमेंट मा ध्यान केंद्रित गर्न को लागी अनुमति दि्छ।
यो धेरै उपयोगी छ किनकि यसले निर्धारित सामग्री कुन फोकस र ती तत्वहरूका लागि पृष्ठमा प्रयोग गरिएको ठाउँको प्रतिशतको योग्य छ। अन्य दृश्य तत्वहरु द्वारा विचलित नहुनु, अनुमोदित wireframes ले तपाईंको डिजाइन को लागि एक फ्रेमवर्क प्रदान गर्दछ।
केहि प्रोजेक्टहरूका लागी, तपाईले विभिन्न प्रकारको सामग्रीको लागि प्रयोग हुने तारफ्रेमहरूको संग्रह राख्न विचार गर्न सक्नुहुन्छ। सम्पर्क, बारेमा, र अन्य पृष्ठहरूको धेरै टेक्स्टसँग ग्यालरी वा खरीदारी पेज भन्दा फरक लेआउट हुन सक्छ।
यो महत्वपूर्ण छ कि तपाइँ सबै वेबसाइटमा वर्दीको नजर राख्नुहुन्छ किनकि तपाइँ एक तारफ्रेमबाट अर्को तर्फबाट संक्रमण गर्दछ।
06 मध्ये 10
वेबसाइट डिजाइन गर्नुहोस्
एकपटक तपाईं र तपाइँको क्लाइन्ट wireframes संग खुसी हुनुहुन्छ, यो साइट डिजाइन गर्न सुरु गर्ने समय हो।
Adobe Photoshop प्रारम्भिक डिजाइनहरू सिर्जना गर्न सबैभन्दा साधारण उपकरण हो। साइट डिजाइनको फोकस सामग्री प्रस्तुत गर्न अनि यो वास्तविक वेब पृष्ठहरू सिर्जना गर्न प्रयोग गरिनेछ।
अहिलेको लागि, केवल तपाइँको ग्राहकको लागि केही हेर्न र अनुमोदन गर्न आधारभूत तत्वहरूसँग डिजाइन र प्ले गर्नुहोस्।
- चमकदार डिजाइन र एनीमेशनले तिनीहरूको ठाउँ छ भने, तिनीहरूले प्रयोगकर्ता खोज्दै के छ भन्ने कुरालाई बलियो पार्नु हुँदैन।
- लगातार नेभिगेसनले तपाइँका आगन्तुकहरूलाई तपाईंका सम्पूर्ण सामग्री क्षेत्रहरू फेला पार्न मद्दत गर्नेछ।
- प्रकारको सफा प्रयोग (पाठ-आधारित साइटको अवस्थामा) आगन्तुकहरू पढ्ने र अधिकका लागि फिर्ता आउँनेछन्।
- साइट डिजाइन को लागी वास्तविक सामाग्री पहिले, Lorem Ipsum टेक्स्ट तपाईंको क्लाइंट को विचलित बिना रिक्त स्थानहरु लाई भरने मा मदद गर्नेछ।
07 मध्ये 10
वेब पेज बनाउनुहोस्
जब तपाईंको डिजाइन अनुमोदित हुन्छ, पृष्ठहरूलाई HTML र CSS मा लिखित वास्तविक वेब पृष्ठहरूमा मकअपबाट फर्काइन्छ।
अनुभवी डिजाइनर / विकासकर्ता सबै कोडिङ लिन छनौट गर्न सक्छन्, जबकि कसैले वेबको डिजाइन पक्षमा ध्यान केन्द्रित गरेको हुन सक्छ कि विकासको लागि एक विकासकर्ता संग साइट लाई जीवन लाई ल्याउन सक्छ। यदि यो मामला हो भने, विकासकर्ता सुरुबाट सामेल हुनुपर्दछ।
विकासकर्ताहरूले यो सुनिश्चित गर्न सक्नेछन् कि डिजाइन एक यथार्थवादी र एक प्रभावशाली वेब लेआउट हो। तिनीहरूले ग्राहकलाई प्रतिज्ञा गरेका कुनै पनि विशेषताहरूको बारेमा पनि सल्लाह लिनु पर्दछ किनकि केहि साइटलाई कार्यान्वयन गर्न वा फायदेमंद गर्न सम्भव नहुन सक्छ।
एडोब डाइनिशवेभर सफ्टवेयरले डिजाइनरलाई काम गर्ने वेब पेजमा मकब्याक गर्न मद्दत गर्दछ, जुन ड्र्याग र ड्रप सुविधाहरू, पूर्व-निर्मित प्रकार्यहरू, र लिङ्कहरू र छविहरू थप्नका लागि बटनहरू।
वेबसाइट इमारतको लागि त्यहाँ थुप्रै सफ्टवेयर विकल्पहरू छन्। एक छनौट गर्नुहोस् कि तपाईसँग काम गर्ने मजा लिनुहोस्, केवल निश्चित गर्नुहोस् कि उनीहरूलाई तपाईले साँच्चिकै विवरणमा र पृष्ठको कोडन गर्ने अनुमति दिन्छ।
08 को 10
वेबसाइट विकास गर्नुहोस्
एक पटक तपाईंको लेआउट एचटीएमएल र सीएसएसमा पूर्ण भएपछि, तपाइँले तपाईंले रोजेको प्रणालीसँग एकीकृत गर्न आवश्यक छ। यो बिन्दु हो जहाँ यो एक कार्यात्मक वेबसाइट हुन्छ।
यसले विकासशील टेम्प्लेटहरूलाई सामग्री व्यवस्थापन प्रणाली द्वारा पढ्न, एक टेम्प्लेट टेम्प्लेट परिवर्तन गर्न वा पृष्ठहरू र थप उन्नत वेब सुविधाहरू बीच लिङ्कहरू सिर्जना गर्न Dreamweaver प्रयोग गर्न मतलब हुन सक्छ। यो फेरि एक कदम हो जुन अर्को सदस्य वा टोलीका सदस्यहरु लाई छोड्न सकिन्छ।
तपाईलाई एक वेबसाइट डोमेन नाम पनि खरीद गर्न आवश्यक छ र एक होस्टिङ सेवा लाई स्थिर गरिएको छ। यो ग्राहकसँग तपाईंको छलफलको अंश हुनुपर्दछ र वास्तविकतामा, प्रक्रियाको शुरुवात चरणहरूमा हुनुपर्दछ। कहिलेकाहीँ सेवाहरू सक्रिय हुन केही समय लाग्न सक्छ।
यो धेरै महत्त्वपूर्ण छ कि तपाईं वा तपाईंको विकासकर्ता वेबसाइटको पूर्ण परीक्षण गरौं। तपाईं 'बिग प्रकट' गर्न चाहानुहुन्छ र कार्यहरू गर्ने काम नगर्ने कार्यहरू छन्।
09 मध्ये 10
वेबसाइटलाई प्रचार गर्नुहोस्
तपाईंको वेबसाइट अनलाईनसँग, यो प्रचार गर्न समय हो। तपाईंको अद्भुत डिजाइनले राम्रो गर्दैन यदि मानिसहरूले यसलाई भ्रमण गर्दैनन्।
साइटमा ट्राफिक ड्राइभमा समावेश गर्न सकिन्छ:
- खोजी इन्जिनको लागि अनुकूलन गर्नुहोस्। एक SEO विशेषज्ञ किराया यदि यो विशेषज्ञताको क्षेत्र होइन किनकि सर्वोत्तम अभ्यासहरू लगातार परिवर्तन हुँदैछन्।
- नयाँ सामग्री हाइलाइट गर्न न्यूजलेटरहरू पठाउँदै। न्यूजलेटर डिजाइनले ब्रान्ड मेसेजिंग अनुरूप राख्न वेबसाइट डिजाइनसँग सम्बन्धित हुनुपर्छ।
- Google मा PPC विज्ञापनहरू वा अन्य साइटहरूमा ब्यानर विज्ञापनहरूसँग विज्ञापन।
- अधिक पारंपरिक तरिका जस्तै प्रिंट विज्ञापन र शब्द को मुख।
10 मध्ये 10
यसलाई ताजा राख्नुहोस्
तपाईंको साइटमा फिर्ता आउँदै गरेको मान्छे राख्ने सबै भन्दा राम्रो तरिकाहरू सामग्री ताजा राख्न को लागी। सबै काम एक साइट मा राखिएको छ, तपाईं यो सुरुवात पछि महिना को लागि नै रहन चाहँदैनन्।
नयाँ सामग्री, फोटोहरू, भिडियोहरू, वा संगीत पोस्ट गर्न जारी राख्नुहोस् ... जो पनि साइट हालको लागि निर्माण गरिएको थियो। एक ब्लग साइट अपडेट राख्न को लागि एक राम्रो तरिका हो , तपाईंको साइट संग सम्बन्धित विषय मा कुनै पनि लम्बाई को पोस्ट संग,
यदि तपाईंको क्लाइन्टले CMS वेबसाइटको लागि अद्यावधिकहरू हस्तान्तरण गरिरहेको छ भने, तपाइँ यसलाई प्रयोग गर्नको लागि प्रशिक्षित गर्न आवश्यक पर्दछ। तपाईले डिजाइन गर्नुभएको वेबसाइटमा अद्यावधिकहरू नियमित आय प्राप्त गर्न एक राम्रो तरिका हो। तपाइँ र तपाइँको क्लाइन्टले तपाईले कुनै पनि अद्यावधिक कार्यको लागि फ्रिक्वेन्सी र दरमा सहमत गर्नुहुनेछ भन्ने निश्चित हुनुहोस्।