एक नई वेबसाइट की योजना और विकास के लिए सामान्य प्रक्रिया क्या है?


10

मैं ज्यादातर सॉफ्टवेयर विकास में केंद्रित एक एजेंसी में काम करता हूं, लेकिन कभी-कभी एक माइक्रोसाइट हमारे समाधानों में से एक है और हमें इसे बनाने की आवश्यकता है।

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

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


स्केचिंग सबसे अच्छी शुरुआत है।
शनिवार १।'१४

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

जवाबों:


7

मेरे लिए कई क्षेत्र एक हद तक ओवरलैप कर सकते हैं।

  • स्केचिंग, वायरफ्रेम, नोट्स, चर्चा, बजट, आदि के माध्यम से जरूरतों को परिभाषित करें (पहले आना चाहिए)

  • वायरफ्रेमिंग - सामग्री को यहां लिखा जाना शुरू हो सकता है या कम से कम उल्लिखित किया जा सकता है। सामग्री के आकार के किसी न किसी विचार से तार तैयार करने में सहायता मिलेगी, इसलिए वास्तव में लेखन और तार फ्रेमिंग कुछ एक साथ जा सकते हैं।

  • वायरफ्रेम अनुमोदन

  • सामग्री को अंतिम रूप दें - प्रारंभिक डिजाइन रफ यहां शुरू किया जा सकता है लेकिन जब तक स्थिर प्रतिलिपि पूरी नहीं हो जाती है तब तक इसे अंतिम रूप नहीं दिया जा सकता है।

  • सामग्री अनुमोदन

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

  • डिजाइन अनुमोदन

  • फिनिशिंग कोडिंग / एसईओ - कोडिंग और एसईओ हाथ से जा सकते हैं। आप जानते हैं, एक ही समय में एसईओ के साथ कोड बाहरी एसईओ रणनीतियों की योजना बनाना शुरू करते हैं, आदि।

  • कोड अनुमोदन

  • एसईओ / रखरखाव चल रहा है।


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

5

मेरी परियोजना वर्कफ़्लो आमतौर पर इस तरह काम करती है:

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

आदर्श रूप से ग्राहकों को हमें इस प्रक्रिया में जल्द से जल्द वास्तविक सामग्री मिल जाती है, लेकिन वास्तविकता यह है कि बाद के बिंदु पर आ सकती है। मैं ध्यान देता हूं कि मैं बहुत सारे वेब-आधारित एप्लिकेशन बनाता हूं इसलिए हम आवश्यकताओं के आधार पर मूलभूत सुविधाओं को निर्धारित करते हैं और उन लोगों को ध्यान में रखते हुए डिजाइन करते हैं।


2

मुझे ब्लॉग से कुछ जानकारी मिली

http://sixrevisions.com/web-development/a-6-step-general-process-for-producing-a-website/

यहाँ छवि विवरण दर्ज करें

  1. सीखना

    यह आपको आश्चर्यचकित नहीं करना चाहिए कि सीखने - खोजने और समझने के लिए कि आपको पहले स्थान पर क्या बनाने की आवश्यकता है - पूरी
    वेबसाइट डिजाइन प्रक्रिया का सबसे महत्वपूर्ण हिस्सा है।

  2. द क्रिएटिव ब्रीफ

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

आपको अपने रचनात्मक संक्षिप्त में किस तरह के प्रश्न पूछने चाहिए? कम से कम, पता करें:

  • ग्राहक के लक्षित दर्शक
  • वेबसाइट के लिए उनके प्राथमिक और माध्यमिक लक्ष्य
  • वर्तमान ब्रांडिंग विशेषताओं बजट
  • समय सीमा उन्हें मिलने की जरूरत है

3. योजना

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

4. डिजाइन

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

5. कोड

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

6. लॉन्च

जब आपने अंततः साइट को पूर्ण कर लिया है, तो इसे जनता के लिए रिलीज़ करने का समय है। लॉन्च करने का मतलब अलग-अलग लोगों के लिए अलग-अलग चीजें हो सकती हैं, ज्यादातर इसलिए क्योंकि वहां विभिन्न सामग्री प्रबंधन प्रणाली और विकास की परिस्थितियां हैं।

7. बनाए रखें

आपके नियोजन चरण के दौरान, आपको यह निर्धारित करना चाहिए कि साइट रखरखाव का प्रभारी कौन होगा


हां, जैसा कि उपयोगकर्ता ने कहा है कि कृपया अपने संदर्भों का उपयोग करें जिन्हें आपने उपयोग किया है या आपके उत्तर को समुदाय द्वारा अस्वीकृत किया जा सकता है।
DᴀʀᴛʜVᴀᴅᴇʀ

1

यह मदद कर सकता है। कुछ अच्छे वेब डिज़ाइन सिद्धांत हैं

गूगल हैंडबुक वेब फंडामेंटल

हैंडबुक मल्टी-डिवाइस वेब डेवलपमेंट के लिए एक व्यापक संसाधन है। इसलिए इसे 4 श्रेणियों में विभाजित किया गया है:

मल्टी-डिवाइस लेआउट - लचीला बनाना, फिक्स्ड नहीं, लेआउट जो एक महान अनुभव प्रदान करते हैं, चाहे वे किसी भी डिवाइस पर हों

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

प्रपत्र और उपयोगकर्ता इनपुट - ऐसे रूपों का निर्माण करना जो सिमेंटिक इनपुट प्रकारों और तत्वों का उपयोग करते हैं जो स्पर्श और अन्य इशारों पर प्रतिक्रिया करते हैं।

प्रदर्शन का अनुकूलन - ब्राउज़र ऑब्जेक्ट मॉडल के बारे में जानें कि यह आपके HTML और CSS से पृष्ठ का निर्माण कैसे करता है। डेटा के वितरण का अनुकूलन करने के लिए अन्य पृष्ठ नियम और सिफारिशें हैं

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.