कैसे एक वेबसाइट का एहसास योजना के लिए

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

कदम

भाग 1

2

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

3

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

4

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

5

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

भाग 2

2

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

3

वायरफ़्रमिंग प्रोग्राम का उपयोग करने की कोशिश करें कई प्रोग्राम हैं जो वायरफ्रेमिंग डिजाइन प्रक्रिया के दौरान आपकी सहायता कर सकते हैं। कोड के ज्ञान का स्तर कार्यक्रम से कार्यक्रम में बदलता रहता है। सबसे लोकप्रिय लोगों में हम शामिल हैं:

4

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

5

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

भाग 3

2

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

3

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

4

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

भाग 4

2

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

3

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

4

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

5

सौंदर्य दिशानिर्देश बनाएं विशेष रूप से बड़ी साइटों के लिए, एक विशिष्ट शैलीगत संयोग बनाए रखने के लिए यह आवश्यक है यदि साइट किसी कंपनी से है जो पहले से लोगो या छवि तत्व है, तो ये परियोजना में शामिल किया जाना चाहिए। दिशा-निर्देशों में विचार किए जाने वाले तत्व:

6

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