IhsAdke.com

एक साइट की योजना कैसे करें

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

चरणों

भाग 1
संरचना का निर्माण

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

    चित्र योजना एक वेबसाइट के चरण 6
    1
    पदानुक्रम को मज़बूत बनाने में मदद करने के लिए एक वायरफ़्रेम बनाएं एक HTML वायरफ्रेम आपकी भविष्य की वेबसाइट का कंकाल है, सामग्री का प्रतिनिधित्व करने के लिए केवल सबसे बुनियादी टैग और ब्लॉक का उपयोग करके। वह इस सवाल का जवाब देता है, "प्रत्येक स्क्रीन पर क्या और कहाँ जाता है?" एक वायरफ्रेम में स्वरूपण और शैली को पूरी तरह से अनदेखा कर दिया गया है
    • वायरफ्रेम आपको शैली विकल्प बनाने से पहले सामग्री की संरचना और प्रवाह देखने की अनुमति देता है
    • एचटीएमएल वायरफ्रेम पीडीएफ़ या छवियों जैसी स्थैतिक नहीं हैं, और आपको एक नई संरचना बनाने के लिए जल्दी से सामग्री के ब्लॉकों को स्थानांतरित करने की अनुमति देते हैं।
    • एक वायरफ्रेम इंटरैक्टिव है, जो डेवलपर और क्लाइंट दोनों के लिए अच्छा है। चूंकि वायरफ्रेम को सादे एचटीएमएल में लिखा गया है, आप अभी भी इसके माध्यम से नेविगेट कर सकते हैं और एक विचार प्राप्त कर सकते हैं कि पृष्ठों के बीच की गति कैसे काम करती है। ऐसा कुछ है जो संकल्पनात्मक पीडीएफ के माध्यम से व्यक्त नहीं किया जा सकता है।
  • एक वेबसाइट की योजना बनाएं शीर्षक पृष्ठ 7
    2
    ग्रे बॉक्स विधि की कोशिश करो अपने पृष्ठ की सामग्री को ग्रे बॉक्स में, शीर्ष पर सबसे महत्वपूर्ण सामग्री के साथ समूह बनाएं। ब्लॉकों को एक स्तंभ में व्यवस्थित किया जाता है, शीर्ष पर पृष्ठ की सामग्री का सबसे महत्वपूर्ण हिस्सा। उदाहरण के लिए, यदि पृष्ठ "के बारे में" कंपनी है, तो विवरण शीर्ष पर जा सकते हैं, उसके बाद टीम की एक सूची, संपर्क जानकारी के बाद, आदि।
    • इसमें शीर्षलेख और पादलेख शामिल नहीं है भूरे रंग के बक्से केवल सामग्री का एक दृश्य प्रतिनिधित्व है जो पृष्ठ पर पाएंगे।
  • चित्र योजना एक वेबसाइट के चरण 8
    3
    वायरफ़्रेम संलेखन कार्यक्रम आज़माएं कई प्रोग्राम हैं जो वायरफ्रेमिंग की प्रक्रिया में आपकी सहायता कर सकते हैं। प्रोग्रामिंग ज्ञान की मात्रा कार्यक्रम से कार्यक्रम में भिन्न होती है। सबसे लोकप्रिय में से कुछ हैं:
    • पैटर्न लैब। यह साइट "परमाणु डिजाइन" में माहिर है, जहां प्रत्येक सामग्री का एक "अणु" के रूप में माना जाता है जो एक बड़े पेज बनाता है।
    • Jumpcharts। यह एक साइट योजना साइट है और यह भी एक wireframing सेवा है। इसके लिए सशुल्क सदस्यता की आवश्यकता होती है, लेकिन यह आपको कोड के बारे में बहुत ज्यादा चिंता किए बिना तुरंत वायरफ्रेम बनाने की अनुमति देता है।
    • Wirefy। यह "परमाणु डिजाइन" की एक और प्रणाली है उपकरण डेवलपर्स के लिए स्वतंत्र हैं
  • योजना एक वेबसाइट योजना 9 शीर्षक से शीर्षक
    4
    सरल HTML मार्कअप का उपयोग करने का तरीका जानें एक अच्छा तार फ्रेम आसानी से बाद में एक वास्तविक साइट में परिवर्तित किया जा सकता है। वायरफ्रेमिंग प्रक्रिया के दौरान शैली के बारे में चिंता न करें। इसके बजाय, एक अंकन का उपयोग करें जिसे आसानी से समझा जा सकता है और बहुत कम प्रयास से बदला जा सकता है।
    • वायरफ्रेम के साथ कम अधिक है लक्ष्य केवल संरचना का निर्माण करने के लिए है इसके बाद सीएसएस और एडवांस मार्कअप के साथ इसे समायोजित किया जा सकता है।
  • एक वेबसाइट की योजना बनाएं शीर्षक 10 चित्र
    5
    अपनी साइट पर प्रत्येक पृष्ठ के लिए एक वायरफ्रेम बनाएं। यह सिर्फ एक वायरफ्रेम करने और "कूल, मैं इसे अन्य सभी पृष्ठों पर लागू कर सकता हूँ और यही कहता हूं" हो सकता है। वास्तव में, यह एक सामान्य और परेशान वेबसाइट उत्पन्न करेगा। वायरफ्रेम में प्रत्येक पृष्ठ के लिए समय निकालें और आपको जल्द ही पता चल जाएगा कि प्रत्येक पृष्ठ की संगठनात्मक आवश्यकताएं हैं।
  • भाग 3
    सामग्री बनाना




    चित्र योजना एक वेबसाइट की योजना 11
    1
    अपनी वेबसाइट का निर्माण शुरू करने से पहले कुछ सामग्री तैयार करें यह देखने के लिए बहुत आसान होगा कि आपकी साइट पर सिर्फ बुकमार्क के बजाए असली सामग्री है या नहीं। आपको बहुत सी सामग्री की ज़रूरत नहीं है, लेकिन यदि आपके पास कुछ मूल पाठ चित्र हैं तो आप मॉकअप में बहुत अच्छे दिखेंगे
    • आपको जरूरी एक लेख के शरीर की ज़रूरत नहीं है, लेकिन आपको कम से कम सुर्खियां चाहिए
  • चित्र योजना एक वेबसाइट की योजना 12 कदम
    2
    याद रखें कि अच्छी सामग्री टेक्स्ट से कहीं ज्यादा है इंटरनेट वेबसाइटों पर सरल पाठ की तुलना में बहुत अधिक है अपने आला में खड़े होने के लिए, आपको आगंतुकों को बनाए रखने और आकर्षित करने के लिए विभिन्न प्रकार की सामग्री की आवश्यकता होगी। ध्यान में रखने के लिए कुछ संभव सामग्री:
    • कल्पना
    • प्रोफ़ाइल देखें
    • वीडियो
    • स्ट्रीम (ट्विटर)
    • फेसबुक के साथ एकता
    • आरएसएस फ़ीड
    • सामग्री फ़ीड
  • एक वेबसाइट योजना योजना 13 शीर्षक से चित्र
    3
    एक पेशेवर फोटोग्राफर का भुगतान करें यदि आप अपनी साइट पर फ़ोटो शामिल कर रहे हैं, तो आपकी प्राथमिक इंप्रेशन व्यावसायिक फ़ोटो के साथ बेहतर होगा। एक अच्छी तस्वीर बीस खराब चित्रों की तुलना में काफी बेहतर है
    • अधिक अनुभवी पेशेवरों की तुलना में सस्ता समाधान के लिए हालिया स्नातकों की फोटोग्राफी देखें।
  • एक वेबसाइट की योजना बनाएं शीर्षक पृष्ठ 14
    4
    गुणवत्ता वाले लेख लिखें आपके पृष्ठ पर लिखी गई सामग्री आपके वेब ट्रैफिक के विशाल बहुमत को निर्धारित करेगी। इस डिजाइन प्रक्रिया में सामग्री बनाने के बारे में आपको बहुत ज्यादा चिंता करने की आवश्यकता नहीं है, लेकिन इसके बारे में सोचने में कोई दिक्कत नहीं होती, क्योंकि जब आपकी साइट ऑनलाइन होती है तब आपको नियमित रूप से सामग्री की आवश्यकता होगी।
    • सामग्री लेखों के अलावा, आपके पास लिखित मद भी हैं, जिन्हें वेबसाइट बनाने की प्रक्रिया के दौरान आपको इसकी आवश्यकता होगी। ये संपर्क जानकारी, कंपनी के नाम, या साइट पर विभिन्न स्थानों में उपयोग किए जाने वाले कुछ भी हैं।
  • भाग 4
    एक साइट में अवधारणा को परिवर्तित करना

    चित्र योजना एक वेबसाइट की योजना चरण 15
    1
    वैश्विक तत्वों को व्यवस्थित करें ये ऐसी चीजें हैं जो आपकी साइट के प्रत्येक पृष्ठ पर देखी जाती हैं, जैसे हेडर, पाद लेख और नेविगेशन मेनू। एक बहुत ही बुनियादी शैली बनाएं ताकि आप देख सकें कि सभी पृष्ठ कैसे देखेंगे। यह बहुत उपयोगी होगा क्योंकि आप लेआउट प्रक्रिया दर्ज करते हैं।
    • विवरण के बारे में बहुत ज्यादा चिंता न करें, लेकिन हेडर के अंतिम रूप में संभव के करीब पहुंचने की कोशिश करें।
  • एक वेबसाइट योजना योजना 16 से शीर्षक चित्र
    2
    मूल लेआउट बनाएं ऑब्जेक्ट को अपनी वायरफ्रेम में एक स्तंभ से बाहर खींचकर और सही जगह पर डालकर उसे आगे बढ़ाएं। उदाहरण के लिए, आप नेविगेशन ब्लॉक को पृष्ठ के बाईं तरफ और सुर्खियों की एक सूची के दाईं तरफ स्थानांतरित कर सकते हैं।
    • आगे बढ़ने से पहले कुछ और पृष्ठों के साथ लेआउट के साथ प्रयोग करना जारी रखें। अन्य लोगों को यह देखने की जांच करें कि क्या उन्हें जैविक नेविगेशन मिलेंगे।
  • एक वेबसाइट योजना योजना 17 शीर्षक से चित्र
    3
    एक मॉकअप बनाएं फ़ोटोशॉप जैसे प्रोग्राम का उपयोग करना, अपनी साइट के कुछ पन्नों का एक मॉकअप बनाएं। एक टैब के रूप में परिभाषित लेआउट का उपयोग करें आप एक छवि संपादन प्रोग्राम में बहुत तेज़ काम कर सकते हैं और इसे जिस तरह से आप चाहते हैं, उसे छोड़ दें। यह आपको छवियों को संदर्भ के रूप में उपयोग करने की अनुमति देगा जब यह समय सांकेतिक रूप से होगा।
    • सब कुछ सद्भाव में है यह सुनिश्चित करने के लिए मॉकअप में असली सामग्री शामिल करें
  • एक वेबसाइट योजना योजना 18 शीर्षक शीर्षक चित्र
    4
    ब्लॉक को सामग्री के साथ बदलें अपनी सामग्री और तत्वों को पृष्ठ पर जोड़कर प्रारंभ करें अभी तक शैली के बारे में चिंता मत करो, बस सही जगह पर सब कुछ डाल दीजिए। इससे आपको यह जानने में मदद मिलेगी कि आपकी शैली में परिवर्तन काम करेगा या नहीं।
  • चित्र योजना एक वेबसाइट की योजना चरण 1 9
    5
    एक स्टाइल गाइड बनाएं एक संयोजी वेबसाइट बनाए रखने के लिए यह विशेष रूप से है, विशेषकर बड़ी वेबसाइटों के लिए यदि साइट उस कंपनी के लिए है जो पहले से ही एक दृश्य पहचान है, तो इसे साइट डिज़ाइन में शामिल किया जाना चाहिए। स्टाइल गाइड में उन चीजों को ध्यान में रखा जाना चाहिए:
    • मेरे बारे में
    • हेडर (

      ,

      , आदि)

    • पैराग्राफ
    • तिरछा
    • साहसिक
    • लिंक (सक्रिय, निष्क्रिय, माउसओवर)
    • छवियों का उपयोग
    • माउस
    • बटन
    • सूचियों
  • एक वेबसाइट योजना योजना 20 शीर्षक से चित्र
    6
    इस शैली को लागू करें वेबसाइट के लिए एक शैली और डिजाइन पर निर्णय लेने के बाद, इसे लागू करने का समय आ गया है सीएसएस एक पृष्ठ, या पूर्ण साइट पर शैली को लागू करने के सबसे आसान तरीकों में से एक है
  • सूत्रों और कोटेशन


    और पढ़ें ... (1)
    सामाजिक नेटवर्क पर साझा करें:

    संबद्ध
    © 2021 IhsAdke.com