वेबफ़्लो पर वेबसाइट बनाना - पाठ्यक्रम RUB 31,900। अपरॉक से, प्रशिक्षण 4 महीने, दिनांक 27 नवंबर, 2023।
अनेक वस्तुओं का संग्रह / / November 27, 2023
किसी भी समय प्रारंभ करें और आरामदायक गति से सीखें
प्रशिक्षण की शुरुआत पाठ्यक्रम की खरीद की तारीख से जुड़ी नहीं है। किसी भी समय जब यह आपके लिए सुविधाजनक हो तब शुरू करें और आरामदायक गति से सीखें। सबसे अच्छा विकल्प प्रतिदिन 2 घंटे पढ़ाई में बिताना है। यदि आप पाठ्यक्रम को 4-8 घंटे दे सकते हैं, तो आप इसे 2-4 गुना तेजी से पूरा करेंगे।
संगति और अनुकूलन का समय
आपके द्वारा किए जाने वाले कार्यों की जटिलता सबसे सरल, 30 मिनट तक चलने वाले से लेकर अधिक जटिल और समय लेने वाली तक बढ़ जाती है। इस तरह आप धीरे-धीरे सीखने की प्रक्रिया में शामिल हो जाते हैं।
व्यापक लेकिन जानकारीपूर्ण वीडियो ट्यूटोरियल
पहले हमने कई सौ पन्नों की एक स्क्रिप्ट बनाई, फिर उसे आवाज दी, संपादित किया, ग्राफिक्स से भरा और बनाया आपके लिए छोटे पाठ "बिना पानी के" जिन्हें सीखना आसान है और किसी चीज़ के लिए वापस लौटना आरामदायक है याद करना।
हमारे क्यूरेटर सबसे तेज़ और सबसे विस्तृत उत्तर देते हैं। सख्त नियम हैं: आपको प्रति दिन कम से कम 2 वीडियो विश्लेषण प्राप्त होंगे, प्रत्येक उत्तर में क्यूरेटर आपकी गलतियों को नोट करेगा और आपको बताएगा कि उन्हें कैसे ठीक किया जाए।
परिणामस्वरूप, आप सीखेंगे कि विभिन्न उपकरणों के लिए अनुकूलित प्रभावी एनीमेशन के साथ पूर्ण वेबसाइट कैसे बनाई जाए।
लिखित
परिचय
इस पाठ में आप पाठ्यक्रम के बारे में जानेंगे और प्रशिक्षण कैसे आगे बढ़ेगा। वेबफ्लो की निःशुल्क और सशुल्क योजनाओं की विशेषताओं और उद्देश्यों से परिचित हों। आप यह भी सीखेंगे कि विश्लेषण से लॉन्च तक किसी प्रोजेक्ट पर काम की संरचना कैसे करें।
- यह पाठ्यक्रम किस बारे में है?
- कोर्स कैसे काम करता है
- योजनाएं और दरें
- साइट योजनाएँ
- खाता योजनाएँ
- समीक्षा और लेआउट विश्लेषण
- लेआउट स्वीकृति चेकलिस्ट
- कार्य योजना
- लेआउट के लिए लेआउट तैयार किया जा रहा है
- छवियों को निर्यात और अनुकूलित करें
- अन्य फ़ाइलें तैयार की जा रही हैं
लिखित
वेब संरचना
इस पाठ में, आप वेब पेज के मूल तत्वों और ब्लॉक लेआउट के सिद्धांतों से परिचित होंगे, जिस पर वेबफ्लो सेवा काम करती है। बुनियादी ज्ञान आपको वेब विकास की बुनियादी शब्दावली को समझने में मदद करेगा। आप सीखेंगे कि वेब पेज पदानुक्रम क्या है और इसमें क्या शामिल है। वेबफ़्लो में तत्व संरचना कैसे बनाई और प्रदर्शित की जाती है, यह समझने के लिए नेविगेटर पैनल का अन्वेषण करें।
- ब्लॉक लेआउट और बुनियादी HTML और CSS
- साइट तत्वों का पदानुक्रम
- नेविगेटर पैनल
- अभ्यास: साइट संरचना की योजना बनाना
लिखित
परियोजना निर्माण एवं प्रकाशन
इस पाठ में, आप सीखेंगे कि वेबफ़्लो वेबसाइट पर पंजीकरण कैसे करें और एक प्रोजेक्ट कैसे बनाएं, किसी प्रोजेक्ट में प्रोजेक्ट और पृष्ठों की संख्या की सीमाएं सीखें। आप समझ जाएंगे कि वेबफ्लो सेवा में संचालन के कौन से तरीके मौजूद हैं। और यह भी सीखें कि अपने खाते को कैसे सक्रिय करें और प्रकाशित ड्रॉप-डाउन पैनल का उपयोग करके अपनी साइट को कैसे प्रकाशित करें।
- एक परियोजना का पंजीकरण और निर्माण
- एक वेबसाइट प्रकाशित करना
- प्रोजेक्ट साझा करें
- किसी प्रोजेक्ट की क्लोनिंग करना
- एक कस्टम टेम्पलेट क्लोन करना
लिखित
मूल सेटिंग्स
आप प्रोजेक्ट सेटिंग्स मोड में बुनियादी प्रोजेक्ट सेटिंग्स से परिचित हो जाएंगे। परिणामस्वरूप, प्रोजेक्ट सेट करें, छवियों को फ़ोल्डरों में अपलोड करें और यूआई किट बनाएं।
- प्रोजेक्ट सेटिंग्स
- आपका डोमेन कनेक्ट हो रहा है
- साइट फ़ाइलें
- सामान्य प्रोजेक्ट सेटिंग्स
- बुनियादी शैलियाँ स्थापित करना
- छवियाँ अपलोड हो रही हैं
- मुख्य तत्वों की यूआई किट
अभ्यास
तत्वों
इस पाठ में आप किसी साइट पेज पर तत्वों को जोड़ने के तरीकों के बारे में जानेंगे और कौन से तत्व अपनी तरह के अंदर स्थित नहीं हो सकते हैं। जानें कि वेबसाइट बनाने के लिए कौन से बुनियादी तत्व मौजूद हैं और उनका उद्देश्य क्या है। अंत में, साइट संरचना बनाएं और तत्वों में सामग्री जोड़ें।
- तत्व जोड़ना
- मुख्य तत्वों का अवलोकन
- कार्यात्मक तत्वों का अवलोकन
- तत्वों का वैयक्तिकरण
- अभ्यास: साइट की मुख्य संरचना बनाना
- अभ्यास करें: तत्वों और कक्षाओं को जोड़ना
अभ्यास
तत्व शैलियाँ
आप क्लासेस और कॉम्बो क्लासेस जैसी अवधारणाओं से परिचित हो जाएंगे और उनके उद्देश्य के बारे में जानेंगे। परिणामस्वरूप, अनुभागों, कंटेनरों, छवियों, पाठों में कक्षाएं जोड़ें।
- सामान्य सिद्धांतों
- स्टाइल पैनल के सरल अनुभागों का अवलोकन
- शैली प्रबंधक पैनल अवलोकन
- तत्व बताता है
- अभ्यास: तत्वों में सामग्री जोड़ना
अभ्यास
शैली सेटिंग्स. 1 भाग
आप स्टाइल पैनल की संरचना का अध्ययन करेंगे और लेआउट अनुभाग की जांच करेंगे, जिसका उपयोग एक दूसरे के सापेक्ष तत्वों की व्यवस्था को कॉन्फ़िगर करने के लिए किया जाता है।
- स्टाइल पैनल: लेआउट अनुभाग
- अभ्यास: अनुभाग 1 और 2 का विस्तृत लेआउट
अभ्यास
शैली सेटिंग्स. भाग 2
आप स्टाइल पैनल की संरचना का पता लगाना जारी रखेंगे और ग्रिड तत्व की जांच करेंगे, जो तत्वों को व्यवस्थित करने के तरीके के लिए ज़िम्मेदार है, जो आदर्श है विभिन्न प्रकार के जटिल ग्रिड लेआउट बनाने के लिए उपयुक्त, जिसमें टेबल भी शामिल हैं जिन्हें आसानी से मोबाइल पर कार्ड में परिवर्तित किया जा सकता है स्क्रीन.
- स्टाइल पैनल: ग्रिड तत्व
- अभ्यास: अनुभाग 3 और 4 का विस्तृत लेआउट
अभ्यास
शैली सेटिंग्स. भाग 3
आप स्टाइल पैनल की संरचना का अध्ययन करना जारी रखेंगे और आकार अनुभाग का अध्ययन करेंगे, जो आपको तत्व, सेट का आकार निर्धारित करने की अनुमति देता है न्यूनतम और अधिकतम चौड़ाई और ऊंचाई मान, और सीमाओं से परे जाने वाले बाल तत्वों के व्यवहार को अनुकूलित करें मूल तत्व.
- शैली पैनल: आकार अनुभाग
- अभ्यास: अनुभाग 5 और 6 का विस्तृत लेआउट
अभ्यास
साइट पृष्ठ
हम पेज पैनल पर एक नज़र डालेंगे। आइए जानें कि किस प्रकार के पेज मौजूद हैं और उन्हें कैसे अनुकूलित किया जाए। परिणामस्वरूप, आप साइट के 7-8 अनुभाग बनाएंगे।
- साइट पृष्ठ
- अभ्यास: अनुभाग 7 और 8 का विस्तृत लेआउट
अभ्यास
द्वितीयक कार्य
आप उन अतिरिक्त सुविधाओं के बारे में जानेंगे जो किसी प्रोजेक्ट पर काम करने के साथ-साथ प्रशिक्षण सामग्री ढूंढने में आपकी मदद करती हैं। परिणामस्वरूप, आप साइट के 9-10 अनुभाग बनाएंगे।
- हेल्पर डिज़ाइनर मोड में कार्य करता है
- अभ्यास। अनुभाग 9 और 10 का विस्तृत लेआउट
अभ्यास
प्रतीक और पैटर्न
दोहराए जाने वाले ब्लॉक और सामग्री को प्रबंधित करने के लिए वेबफ्लो में तत्वों या तत्वों के समूहों से प्रतीक बनाना सीखें। परिणामस्वरूप, आप नेविगेशन मेनू, नेवबार को लेआउट करेंगे, एंकर लिंक सेट करेंगे और मेनू और फ़ुटर के लिए प्रतीक बनाएंगे।
- प्रतीक पैनल अवलोकन
- तैयार लेआउट की समीक्षा
- पात्र बनाना
- अभ्यास
अभ्यास
अनुकूली लेआउट
इस पाठ में आप अनुकूली लेआउट की मूल बातें सीखेंगे और "ब्रेकप्वाइंट" की अवधारणा से परिचित होंगे। परिणामस्वरूप, एक अनुकूली टैबलेट और मोबाइल संस्करण, बड़ी स्क्रीन के लिए एक अनुकूली और एक अनुकूली मेनू बनाएं।
- अनुकूली लेआउट की मूल बातें
- ब्रेकप्वाइंट
- अनुकूलनशीलता की जाँच
- मोबाइल स्क्रीन के लिए वेबसाइट अनुकूलन
- बड़ी स्क्रीन के लिए वेबसाइट अनुकूलन
- अनुकूलन क्षमता का परीक्षण
विस्तारित क्षमताएँ
एनीमेशन. 1 भाग
आप एनीमेशन के सामान्य सिद्धांत सीखेंगे, लिंक बटन और अन्य होवर तत्वों को एनिमेट करना सीखेंगे और पहली स्क्रीन को एनिमेट करना सीखेंगे।
- सामान्य एनीमेशन सिद्धांत
- चलाता है
- ट्रिगर्स सेट करना
- होवर पर तत्वों को एनिमेट करना
- एंकर लिंक
विस्तारित क्षमताएँ
एनीमेशन. भाग 2
आप सीखेंगे कि वैश्विक एनीमेशन क्या है। परिणामस्वरूप, इसे बनाना सीखें।
- वैश्विक एनिमेशन
- घटक एनीमेशन
- पेज को लोड और स्क्रॉल करते समय एनिमेशन
विस्तारित क्षमताएँ
तृतीय पक्ष कोड डालना
आप समझ जाएंगे कि आपको तृतीय-पक्ष कोड डालने की आवश्यकता क्यों है। एंबेड घटक को जानें। तृतीय-पक्ष कोड को एकीकृत करना सीखें, उदाहरण के लिए, टिप्पणी सेवाओं या मानचित्र विजेट को कनेक्ट करें। व्यवहार में, कार्ड कोड डालना सीखें।
- एंबेड घटक
- पेज सेटिंग में कोड डालना
- प्रोजेक्ट सेटिंग में कोड डालना
- तत्व सेटिंग्स में कोड डालना (कस्टम विशेषताएँ)
- साइट पर मानचित्र सम्मिलित करना
विस्तारित क्षमताएँ
एनालिटिक्स और एसईओ
जानें कि वेब एनालिटिक्स और एसईओ क्या हैं और उनकी आवश्यकता क्यों है। आप समझेंगे कि एनालिटिक्स को कैसे कनेक्ट करें और एसईओ पेज कैसे सेट करें।
- एनालिटिक्स कनेक्ट करना
- यांडेक्स मेट्रिका और गूगल एनालिटिक्स को कनेक्ट करना
- पेज सेटिंग्स में SEO सेट करना
विस्तारित क्षमताएँ
परियोजना का समापन
एक बार फिर, वेबसाइट बनाने के सभी चरणों से गुजरें। आप यह पता लगाएंगे कि साइट को क्लाइंट को कैसे स्वीकृत और स्थानांतरित किया जाए। जानें कि वेबफ़्लो होस्टिंग पर किसी वेबसाइट को डोमेन से कैसे कनेक्ट करें, वेबसाइट अपलोड करें और इसे अपनी होस्टिंग पर इंस्टॉल करें।
- साइट की जांच के लिए चेकलिस्ट
- ग्राहक को परियोजना का अनुमोदन और सौंपना
- वेबफ्लो होस्टिंग पर एक वेबसाइट को एक डोमेन से कनेक्ट करना
- साइट को अपलोड करना और इसे अपनी होस्टिंग पर इंस्टॉल करना
विस्तारित क्षमताएँ
बक्शीश
स्नातक परियोजना