ekterya.com

वेब पृष्ठ की योजना कैसे करें

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

चरणों

भाग 1

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

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

    सामग्री बनाएं


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

    Video: प्रधानमंत्री आवाश योजना ’ का सच ! मत करना Link पर Click वरना Whatsapp पर वायरल होता ‘

    2
    याद रखें कि अच्छी सामग्री टेक्स्ट से कहीं ज्यादा है इंटरनेट सरल पाठ के साथ वेबसाइटों की तुलना में ज्यादा से बना है एक क्षेत्र में हाइलाइट करने के लिए, आगंतुकों को आकर्षित करने और बनाए रखने के लिए आपको विभिन्न प्रकार की सामग्री की आवश्यकता है हम कुछ सामग्री प्रस्तुत करते हैं जिसे आप विचार कर सकते हैं:
  • कल्पना
  • ऑडियो
  • वीडियो
  • गतिविधि रिकॉर्ड (ट्विटर)
  • फेसबुक के साथ एकता
  • आरएसएस
  • वेब सामग्री रीडास्टकास्टिंग
  • योजना के लिए एक वेबसाइट की योजना 13

    Video: Recap: Milanote | Creative Workspace

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

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

    प्लान की वेबसाइट प्लस 20 शीर्षक वाली छवि
    6
    शैली लागू करें वेब के लिए एक शैली और डिजाइन पर निर्णय लेने के बाद, उन्हें लागू करने का समय आ गया है। सीएसएस पृष्ठ पर या वेब भर में शैली को लागू करने के लिए सबसे आसान तरीकों में से एक है समीक्षा इस गाइड यदि आप सीएसएस उपयोग के अधिक विवरण चाहते हैं
  • और पढ़ें ... (1)
    सामाजिक नेटवर्क पर साझा करें:

    संबद्ध
    © 2021 ekterya.com