कैसे एक वेबसाइट, यदि आप नहीं जानते कि कैसे इस कार्यक्रम के लिए मुक्त करने के लिए बनाने के लिए
वेब सेवाओं / / December 24, 2019
लिसा Platonov
Layfhakera लेखक।
मैं व्यवसाय कार्ड साइट की आवश्यकता क्यों है
सभी शांत बच्चों को एक वेबसाइट है। उन्होंने कहा कि एक पोर्टफोलियो की तरह है: आप बताएं कि आप क्या कर सकते हैं, और शो अपनी कीमत भरने का एक उदाहरण।
साइट-कार्ड एक निजी ब्रांड बनाने में मदद करता है और नि: शुल्क विज्ञापन के रूप में कार्य करता है। आप के लिए एक नई परियोजना पहली जगह में याद करते हैं। इस प्रेरित विकास: महान काम करने के लिए और साइट के लिए उदाहरण जोड़ना चाहते हैं।
इसके अलावा, परियोजना है जिसमें आप भाग लिया के एक पृष्ठ पर इकट्ठा करने के लिए, आप परिणाम देख - यह आत्म सम्मान नहीं देता है फर्श के माध्यम से आते हैं और (जब ऐसा लगता है कि आप में सक्षम कुछ भी नहीं नहीं हैं कपटी सिंड्रोम से निपटने के लिए मदद करता है तुम्हें पता है)।
तो मैंने तय कर लिया है कि मैं एक वेबसाइट की जरूरत है और यह एक ही दिन हो।
चरण 1। मंच का चयन
मैं साइट पर ही बनाया है, डेवलपर और डिजाइनर के बिना। ऐसा करने के लिए, वहाँ कई ऑनलाइन प्लेटफॉर्म है कि पहले से तैयार टेम्पलेट से एक पृष्ठ पर इकट्ठा अनुमति देते हैं। मैं प्रयोग किया जाता है डिजाइनर "Tinkoff व्यापार»
. इसे में, आप मुक्त करने के लिए साइट बना सकते हैं, भले ही आप बैंक का ग्राहक है, और एक होस्टिंग खरीदने के लिए कोई जरूरत नहीं हैं - वह भी नि: शुल्क है।चरण 2। टेम्प्लेट चुनें
कॉफी की दुकानें, बच्चों के केंद्र, थोक व्यापार, कुओं के ड्रिलिंग, मकानों के निर्माण: निर्माता में, वहाँ विभिन्न व्यवसायों के लिए टेम्पलेट्स कर रहे हैं। तो मैं एक रिक्त पृष्ठ चुना है और खुद को इकट्ठा करने के लिए फैसला किया है मेरे छोटे वेबसाइट के लिए उपयुक्त टेम्पलेट, नहीं था।
चरण 3। एक संरचना के साथ आते हैं
जब आप कोई साइट बनाते हैं, आप व्यावहारिक हिस्सा करने के लिए सीधे जाने के लिए चाहते हैं: चुनिंदा इकाइयों टेम्पलेट्स उन्हें एक अलग अनुक्रम, फ़ॉन्ट और पृष्ठभूमि के साथ प्रयोग में जगह की कोशिश करो। मैं, क्योंकि जो एक घंटे से अधिक खर्च किया था की वैसा ही किया,। यह साइट की नहीं समझदार सृजन, और लंबी खेल डिजाइनर था। तब मैं अपने गलती का एहसास: कोई मतलब अलग-अलग तत्वों को जोड़ने और उन्हें जगह से जगह पर पुन: व्यवस्थित नहीं है। एक पहले समझना चाहिए क्या साइट पर जा रहा है।
तो याद है, पहली संरचना के साथ आते हैं और साइट पर भरें और फिर डिजाइन पर काम करते हैं।
संरचना - साइट के अनुभाग है। मैं दिखाने के लिए कि मैं एक लेखक के रूप में कर सकते हैं, और अपने काम के उदाहरण देना चाहता था। निकला अर्थ ब्लॉक "खेल", "विशेष परियोजना", "टेस्ट" और "लेख"। मैं और अधिक कवर और संपर्कों के साथ एक वर्ग की जरूरत है - छह इकाइयों की कुल अर्थ।
धारा है कि आप के साथ आते हैं, तो आप एक टोपी (साइट के ऊपरवाला हिस्सा) में कर सकते हैं। यह नेविगेशन को सरल बनाएगा: उपयोगकर्ता सीधे वांछित ब्लॉक करने के लिए जा सकते हैं, पृष्ठ नीचे स्क्रॉल करने के लिए नहीं।
आप संरचना के साथ नहीं आ सकता है, तो अपने पेशे का एक छोटा सा लोगों की साइटों को देखो। मेरे लिए उपयोगी वेबसाइट मुख्य संपादक ल्यूडमिला Sarychev और पोर्टफोलियो व्लादिमीर लेबेडेव संपादक। पर "एक्सचेंज Glavred"लेखकों, कॉपीराइटर्स, संपादकों और proofreaders का एक पोर्टफोलियो एसेंबल किया - झलक विचारों वहाँ हो सकता है।
चरण 4। मेकअप कवर
कवर - पहली बात एक उपयोगकर्ता की वेबसाइट पर जाकर देखता है। यह आप के बारे में एक धारणा बनाता है, तो यह शांत करने की कोशिश।
टेम्प्लेट का चयन करें
साइट बिल्डर "Tinkoff व्यापार" सात खाल टेम्पलेट है। आप एक ऑनलाइन स्टोर बनाते हैं, तो पृष्ठ पर एक तस्वीर के साथ उपयुक्त प्रारूप है। चॉकलेट, हाथ से बने बैग या शादी के गुलदस्ते के बारे में: वह क्या वेबसाइट की समझ देता है।
मैं सामग्री बनाने। मैं पहले पन्ने पर डाल करने के लिए कुछ भी नहीं है, लेकिन खुद को, बल्कि पूरे स्क्रीन पर तो चित्र गलत नहीं है। इसलिए मैं और पाठ के साथ एक टेम्पलेट बाएं से दाएं करने के लिए एक तस्वीर चुना है:
खुद के लिए टेम्पलेट कॉन्फ़िगर
प्रत्येक ब्लॉक संरचना जोड़ने या अनावश्यक तत्वों को हटाने के द्वारा बदला जा सकता है। उदाहरण के लिए, मैं nadzagolovok था की जरूरत नहीं, बटन और सामाजिक नेटवर्क के लिए लिंक में से एक है, इसलिए मैं उन्हें हटा दिया था।
ऐड तस्वीर
सेल्फी और छुट्टी से चित्र काम नहीं, तो आप कुछ कम ढील की आवश्यकता होगी। मैं एक उपयुक्त तस्वीर नहीं मिला है, लेकिन यह स्टीकर टेलीग्राम की एक पसंदीदा था। शुरू करने के लिए, मैं इसे इस्तेमाल करने का फैसला, और फिर अपनी तस्वीरों के द्वारा बदल दिया। यदि आप चाहते हैं, तो आप इसके बिना जा सकते हैं: यह दिखाने के लिए आप नहीं कैसे सुंदर हैं महत्वपूर्ण है, और आप अपने पेशे में करने के लिए कैसे पता है कि।
अपने बारे में लिखें
तुम कौन हो और तुम क्या करते हो? यह संक्षेप, जानकारीपूर्ण और उबाऊ में सक्षम होना चाहिए। यह गंभीर हो सकता है और दिखाने के लिए आप क्या मजबूत हैं करने के लिए वांछनीय है। मैं यह मिल गया:
क्या हुआ देखो
संपादक पैनल के ऊपर आइकन स्विचन द्वारा पूर्वावलोकन का प्रयोग करें। तो अगर आप देखें कि यह कैसे डेस्कटॉप स्क्रीन के कवर पर दिखाई देगा, स्मार्टफ़ोन और टेबलेट।
चरण 5। अर्थ इकाइयों जोड़े
जब कवर के लिए तैयार है, अर्थ इकाइयों के लिए आगे बढ़ें। आप पहला कदम पर उनके साथ आए, और अब आप पृष्ठ पर ले जाना चाहते हैं। यहाँ उपयोगी डिजाइनर टेम्पलेट्स हो जाएगा। "Tinkoff व्यापार" वहाँ 150 के बारे में "कंपनी के बारे में", "उत्पाद और सेवाएं", "के चरण और कदम", "तस्वीरें", "लाभ" और अन्य।
मैं सभी विकल्प का अध्ययन किया और तीन ब्लॉक पर आकर बस गए हैं:
- "पाठ" - परियोजना का वर्णन करने के।
- "स्लाइडर" - दृश्य कहानी कहने के लिए।
- "संपर्क" - मेरे साथ संपर्क में पाने के लिए।
जोड़ने या अनावश्यक तत्वों को हटाने के द्वारा अपने आप में प्रत्येक टेम्पलेट को समायोजित करें। उदाहरण के लिए, ब्लॉक "स्लाइडर" में मैं शीर्षक और विवरण की आवश्यकता नहीं है - मैं उन्हें काट, केवल छवि छोड़ने की है।
दोहराए तत्वों को कॉपी
डिजाइनर आप ब्लॉक कि आप इस साइट में शामिल किया है कॉपी करने के लिए अनुमति देता है। मेरे लिए, इस सुविधा काम में आता: मैं इसे "पाठ" और "स्लाइडर" और सही क्रम में उन्हें जगह के तत्वों पर लागू होते हैं।
चरण 6। पूरा वर्गों
अर्थ इकाइयों के लिए पाठ लिखें
प्रत्येक अनुभाग शीर्षक, उपशीर्षक और विवरण होना चाहिए। नहीं एक बुद्धिमान और सिर्फ लिखने। - दृश्य और क्लिक की संख्या संक्षिप्त विवरण, मुख्य पाठ शो में के रूप में परियोजना के शीर्षक में उपशीर्षक में नाम कमाया: मैं सिर्फ इतना है कि किया था।
यदि आप पहले से एक पाठ तैयार कर सकते हैं, लेकिन मैं साइट के लिए तुरंत लिखा था - डिजाइनर परिवर्तनों को स्वतः याद रखता है। एक बार मैं गलती से एक पृष्ठ को अपडेट किया और तथ्य यह है कि परिवर्तन सहेजे नहीं किया जाएगा के लिए तैयार था। लेकिन सब कुछ अपनी जगह पर था, और मैं करने के लिए फिर से संपादित करें ब्लॉक नहीं था।
ऐड तस्वीर
मैं उनकी परियोजनाओं के स्क्रीनशॉट जोड़ने की जरूरत है। मैं अलग टेम्पलेट्स की कोशिश की, और स्लाइडर चुना है: तो मैं डेस्कटॉप और मोबाइल संस्करण में एक परियोजना की तरह दिखाई देता दिखा सकते हैं। जब फ़ोटो लोड ज़ूम और घुमाएँ छवियों निर्माता में सीधे हो सकता है।
चरण 7। अनुकूलित नेविगेशन
आप कवर और भरण क्षेत्रों बनाया - साइट लगभग तैयार है। अब आप नेविगेशन कि आगंतुक वांछित ब्लॉक करने के लिए सीधे जा सकते हैं स्थापित करने के लिए की जरूरत है।
- टेम्पलेट्स "पृष्ठ मेनू" में से एक का चयन करें। मैं लोगो, सामाजिक नेटवर्क और पतों के बिना एक सरल ब्लॉक गयी।
- पाठ और बटन की संख्या बदलें। मैं पाँच मिला है, "खेल", "विशेष परियोजना", "टेस्ट", "लेख" और "से संपर्क करें।"
- लिंक जोड़ें। बटन अपनी साइट पर अलग-अलग पृष्ठों के लिए, (मेरे जैसे) पेज के वर्गों के लिए नेतृत्व या किसी अन्य साइट के लिए पाठक प्रत्यक्ष कर सकते हैं।
डिजाइनर तुम मुक्त पृष्ठों और साइटों के किसी भी संख्या बनाने की अनुमति देता है: आप, विभिन्न परियोजनाओं के लिए अलग-अलग पृष्ठ बनाने के लिए एक ब्लॉग शुरू करने और यह सब एक टोपी में बना सकते हैं।
चरण 8। फ़ॉन्ट और पृष्ठभूमि चुनें
यह करने के बाद, पंजीकरण साइट पर जाएं। अपेक्षाकृत सरल और त्वरित, एक बार में एक आम शैली के लिए सभी इकाइयों लाने संपादित करने के लिए प्रत्येक व्यक्तिगत रूप से करने के लिए।
ब्लॉकों के लिए एक पृष्ठभूमि का चयन
चित्रण, ढ़ाल, पैटर्न, और रंग: निर्माता में, वहाँ पृष्ठभूमि की एक पुस्तकालय है। आप डाउनलोड करने और अपने पृष्ठभूमि कर सकते हैं। मैं साइट और एक बटन के कवर पर हेडर के लिए एक गहरे भूरे रंग चुना है - यह एक स्टीकर है, जो मुझे एक तस्वीर की जगह के साथ संयुक्त है। शेष ब्लॉकों सफेद छोड़ दिया जाता है।
एक फ़ॉन्ट का चयन करने के लिए, आप संपादक से पृष्ठ के मुख्य डिजाइनर के पास जाकर सेटिंग पर जाने की जरूरत है।
सेटिंग्स में से चुनने के लिए चार फोंट कर रहे हैं। पहले तो ऐसा लगता है कि यह पर्याप्त नहीं है, लेकिन फिर मानसिक रूप से डेवलपर्स को धन्यवाद: अगर वहाँ और अधिक विकल्प थे, मैं उन्हें शाम तक उँगलियों होता। और मैं सभी चार की कोशिश की और पहली बार में बंद कर दिया।
कदम 9। अनुकूलित वेबसाइट
पिछले की स्थापना, और साइट पर प्रकाशित किया जा सकता:
- पता के बारे में सोचो या अपने डोमेन कनेक्ट।
- देखे जाने के आंकड़ो के लिए अपने खाते "Yandex" के साथ साइट से लिंक करें।
- "Yandex पर कोई साइट जोड़ें। वेबमास्टर ", इतना है कि यह खोज में दिखाई देगा।
- वेबसाइट के लिए बातचीत जोड़ें - आप अपने पृष्ठों में से किसी को लिख सकते हैं।
- डाउनलोड फ़ेविकॉन - कि ब्राउज़र टैब में प्रकट होता है साइट आइकन।
तब फिर पृष्ठ संपादक के पास जाओ और बड़े पीले बटन "प्रकाशित करें" स्क्रीन के ऊपरी बाएँ कोने में पर क्लिक करें। हो गया! अब आप अपने खुद के ऑनलाइन व्यापार कार्ड है।
नतीजा यह है कि के साथ
वेबसाइट बिल्डर "Tinkoff व्यापार" स्वच्छ और सरल। आप पाठ और छवियों को 15 मिनट में पेज को इकट्ठा करने के लिए तैयार हैं। मैं अब इसके साथ ले जाने के लिए: पृष्ठभूमि के साथ प्रयोग, एक स्पष्ट संरचना और एक लंबी चयन एक टेम्पलेट के साथ नहीं आ सकता है।
शुरू में यह मुझे परेशान है कि इकाई तत्वों को स्थानांतरित नहीं किया जा सकता फ़ॉन्ट आकार बदलें और ब्लॉक के बीच की दूरी कम करने के लिए। लेकिन उस के डिजाइनर प्लस: चलती घटकों, हमेशा के लिए हो सकता है कि हर मिलीमीटर की पुष्टि करने के। इस समय एक अच्छा विकल्प - तैयार टेम्पलेट पसंद की पीड़ा को समाप्त।
अपनी साइट बनाएं