Moodle मा HTML पृष्ठ कसरी बनाउने

यदि तपाइँ HTML-साइट सिर्जना गर्ने तरिकाहरू खोज्दै हुनुहुन्छ भने, तपाइँलाई सुरु गर्न यहाँ केहि सुझावहरू छन्. वेबसाइट सिर्जना गर्न HTML-Lernen सिक्नुहोस्, वा Moodle मा वेबसाइट सिर्जना गर्न भिजुअल स्टुडियो कोड प्रयोग गर्नुहोस्. कुनै पनि अवस्थामा, तपाईको आफ्नै साइट सिर्जना गर्न तपाईसँग कम्तिमा HTML को आधारभूत बुझाइ हुनुपर्दछ. HTML-पृष्ठ सिर्जना गर्ने धेरै तरिकाहरू छन्, तर यी सबै भन्दा सामान्य छन्.

HTML-Seite सिर्जना गर्दै

तपाईको आफ्नै वेबसाइट सिर्जना गर्ने पहिलो चरण HTML कसरी प्रयोग गर्ने भनेर सिक्नु हो. HTML वेब पृष्ठहरूको लागि मानक मार्कअप भाषा हो. यो टिम बर्नर्स-ली द्वारा विकसित गरिएको थियो 1991 CERN मा काम गर्नुहुन्छ. यो विश्वको पहिलो वेबसाइट बनाउन प्रयोग गरिने प्रमुख प्रविधिहरू मध्ये एक थियो. भाषा पछि धेरै सुधारिएको छ र पुन: लेखिएको छ, तर यसको मूल उद्देश्य भने उस्तै रहन्छ. यसको प्राथमिक उद्देश्य वेब पृष्ठहरू ढाँचा र प्रयोगकर्ताहरूको लागि तिनीहरूलाई प्रदर्शन गर्न हो.

एचटीएमएल लर्निङ प्रयोग गर्दै

तपाईं नि: शुल्क HTML पृष्ठहरू सिर्जना गर्न वा सशुल्क स्रोतहरू प्रयोग गर्न भुक्तान गर्न सिक्न सक्नुहुन्छ. HTML सिक्नको लागि नि: शुल्क स्रोतहरू प्रयोग गर्नु भुक्तान गरिएका स्रोतहरू मार्फत आधारभूत कुराहरू सिक्नु भन्दा धेरै सजिलो छ. केही मानिसहरूले फेसेलिंग कक्षाहरूबाट बढी लाभ उठाउनेछन्, जुन कम गाह्रो हुन्छ र छोड्ने सम्भावना कम हुन्छ. अनलाइन कक्षाहरूले तपाईंलाई आफ्नो वेब ब्राउजरमा HTML कोड प्रयोग गर्न अनुमति दिन्छ, र बहुमूल्य सिकाइ अनुभव प्रदान गर्न सक्छ. यद्यपि, यदि तपाईं पैसा बचत गर्न खोज्दै हुनुहुन्छ भने, भुक्तान गरिएका स्रोतहरू सधैं उत्कृष्ट विकल्प हुन्.

जब तपाइँ नि:शुल्क HTML सिक्दै हुनुहुन्छ, विशेषज्ञहरूले लेखेका ट्यूटोरियलहरू पढेर सुरु गर्नु राम्रो हुन्छ. HTML वेब विकासकर्ताहरूको लागि आवश्यक भाषा हो, किनकि यसले सामग्री ढाँचा गर्न र प्रदर्शन गर्न थप लचिलोपन सक्षम गर्दछ. तपाईले HTML सिकेर पैसा पनि बचत गर्नुहुनेछ, किनकि वेब विकासकर्ताहरू महँगो छन्. यदि तपाइँ जान्नुहुन्छ कसरी HTML सिर्जना गर्ने, तपाईं समय र ऊर्जा बचत गरेर धेरै पैसा बचत गर्न सक्नुहुन्छ. यदि तपाईसँग यसको केही आधारभूत ज्ञान छ भने तपाईले आफैंमा सानो परिवर्तन पनि गर्न सक्नुहुन्छ.

HTML XML-आधारित भाषा हो. HTML ट्यागहरू कोण कोष्ठकहरूमा व्यवस्थित छन्. Absatz-ट्यागहरूले वेब ब्राउजरलाई पृष्ठको शीर्षक के हो भनी बताउँछन्. धेरै जसो HTML-ट्यागहरू schliesssending ट्यागहरूसँग समाप्त हुन्छन्, जबकि केही खोलिएका र बन्द छन्. एक spitzen klassnern को एक राम्रो उदाहरण एक लिङ्क हो.

तपाईंले आफ्नो कोड लेख्न doctype घोषणाहरूको संयोजन प्रयोग गर्न सक्नुहुन्छ. HTML पृष्ठको सबैभन्दा महत्त्वपूर्ण तत्वहरू मध्ये एक doctype घोषणा हो. यसले ब्राउजरलाई मार्कअप भाषा बताउँछ जुन तपाईको वेबसाइटमा लेखिएको छ. यद्यपि, यो एक तत्व होइन. मूल तत्व html हो. जब तपाइँ HTML सिक्दै हुनुहुन्छ, तपाईंले doctype घोषणा उस्तै छ भनेर सुनिश्चित गर्नुपर्छ.

मूडलमा HTML-साइट सिर्जना गर्दै

मूडलमा HTML-साइट सिर्जना गर्नको लागि, तपाईं वेब डिजाइन मा एक विशेषज्ञ हुनुपर्छ. HTML-साइटहरू एक शक्तिशाली सिक्ने स्रोत हो, र तिनीहरू आकर्षक निर्माण गर्न प्रयोग गर्न सकिन्छ, अन्तरक्रियात्मक पाठ्यक्रमहरू. यस ट्यूटोरियलमा, हामी आधारभूत HTML-साइट सिर्जना गर्ने प्रक्रियामा जानेछौं. यद्यपि, यदि तपाइँसँग पहिले नै केहि HTML-साइट डिजाइन अनुभव छ, यो गाइडले तपाईंलाई सुरु गर्न मद्दत गर्नेछ.

पहिले, तपाईंले पृष्ठ सिर्जना गर्न आवश्यक छ. पृष्ठ मूलतः Moodle भित्रको वेब पृष्ठ हो, र यसले विभिन्न प्रकारका सामग्री समावेश गर्न सक्छ, मल्टिमिडिया सहित. पृष्ठ स्रोत दुई मध्ये अधिक सुविधाजनक छ, यद्यपि, तपाईंले ठूला फाइलहरू अपलोड गर्ने बारे चिन्ता लिनु पर्दैन. एउटा पृष्ठ सजिलै अद्यावधिक गर्न सकिन्छ र पुस्तक भन्दा मर्मत गर्न सजिलो छ. थप जटिल HTML-साइटहरूको लागि, तपाईंले पुस्तक स्रोत प्रयोग गर्नुपर्छ.

तपाईंले पृष्ठ सिर्जना गरेपछि, तपाईं HTML-साइट सामग्री थप्न चाहानुहुन्छ. यस पाठ्यक्रममा, हामी तपाईंलाई Moodle मा उत्तरदायी पृष्ठ लेआउट र उत्तरदायी ब्लकहरू कसरी सिर्जना गर्ने भनेर देखाउनेछौं।. अन्तिम चरण तपाईको पाठ्यक्रम सामग्री व्यवस्थित गर्नु हो. समृद्ध र आकर्षक सामग्री बिना पाठ्यक्रम पूरा हुँदैन, र Moodle सम्पादकले यसलाई धेरै सजिलो बनाउँछ! हामी कसरी उत्तरदायी पृष्ठहरू सिर्जना गर्ने र Moodle सामग्री मोबाइल-अनुकूल बनाउने भनेर पनि हेर्नेछौं.

तपाईं आफ्नो Moodle साइटमा तस्विर वा बाह्य छविहरू पनि थप्न सक्नुहुन्छ. बस मा क्लिक गर्नुहोस् “छवि सम्मिलित गर्नुहोस्” बटन र तपाइँ तपाइँको मनपर्ने सम्पादक संग प्रस्तुत गरिनेछ. तपाईं JPG बाट चयन गर्न सक्नुहुन्छ, GIF, वा PNG छविहरू, वा तपाइँ तपाइँको आफ्नै छविहरु संग विषयवस्तु अनुकूलन गर्न सक्नुहुन्छ. यदि तपाईं HTML-साइट निर्माणमा शुरुवात हुनुहुन्छ भने, पहिले सानो HTML-साइट सिर्जना गर्न निश्चित गर्नुहोस्.

HTML-साइट सिर्जना गर्न भिजुअल स्टुडियो कोड प्रयोग गर्दै

यदि तपाइँ कहिल्यै HTML-साइट कसरी बनाउने सिक्न चाहनु भएको छ, तपाइँ भिजुअल स्टुडियो कोड कसरी प्रयोग गर्ने भनेर सिक्न इच्छुक हुन सक्नुहुन्छ. यो स्रोत कोड सम्पादक Windows को लागि उपलब्ध छ, macOS, र लिनक्स, र तपाईंलाई विभिन्न भाषाहरूमा HTML कोड लेख्न अनुमति दिन्छ. यसले टर्मिनलमा HTML फाइलहरू चलाउन मद्दत गर्ने विस्तारहरू पनि समावेश गर्दछ. यदि तपाइँ यी विस्तारहरू कसरी प्रयोग गर्ने बारे निश्चित हुनुहुन्न भने, तपाईं यस लेखको निम्न खण्डहरू पढेर तिनीहरूको बारेमा थप जान्न सक्नुहुन्छ.

तपाईंले भिजुअल स्टुडियो कोड स्थापना गरेपछि, यसलाई सुरु गर्नुहोस्. तपाईंले फोल्डरको नामको दायाँतिर चारवटा आइकनहरू देख्नुहुनेछ. 'नयाँ फाइल' मा क्लिक गर्नुहोस्’ आइकन. फाइल एक्सटेन्सन '.html छनोट गर्नुहोस्’ र परियोजनाको लागि नाम प्रविष्ट गर्नुहोस्. भिजुअल स्टुडियो कोडले यसको सामग्री बुझ्न सकोस् भन्नाका खातिर तपाईंले फाइलको नाम प्रविष्ट गरी उपयुक्त फाइल एक्सटेन्सन टाइप गर्नुपर्नेछ।. यदि तपाइँ लिनक्स प्रयोग गर्दै हुनुहुन्छ, तपाईं यसको सट्टा आफ्नो गृह फोल्डरमा बचत गर्न चाहनुहुन्छ.

भिजुअल स्टुडियो कोड विन्डोमा, निलो रिबन जस्तो देखिने आइकन चयन गर्नुहोस्. यदि तपाइँ Windows प्रयोग गर्दै हुनुहुन्छ, तपाईंले यसलाई स्टार्ट मेनुमा फेला पार्न सक्नुहुन्छ, Mac मा अनुप्रयोग फोल्डरमा, वा लिनक्सको अनुप्रयोग मेनुमा. विस्तार मेनु मा, चयन गर्नुहोस् “ब्राउजरमा खाेल्नुहाेस्”. यसले पूर्वनिर्धारित ब्राउजरमा फाइल खोल्नेछ. त्यसपछि, इच्छित फाइलमा क्लिक गर्नुहोस् र तपाईंले यसलाई भिजुअल स्टुडियो कोड सम्पादकमा देख्नुहुनेछ.

जब तपाइँ तपाइँको HTML-साइट सिर्जना गर्न जारी राख्नुहुन्छ, तपाईंले Prettier नामक एक्स्टेन्सन देख्नुहुनेछ जसले तपाईंलाई तपाईंको कोड स्वचालित रूपमा ढाँचा गर्न मद्दत गर्नेछ. Prettier VS Code को लागि नि:शुल्क डाउनलोड हो र तपाईंले सेटिङहरूमा निर्दिष्ट गर्नुभएको सेटिङहरू चलाउने छ. तपाईंले यस विस्तारको लागि छनौट गर्नुहुने विकल्पहरू समावेश छन् “ढाँचा कागजात” र “सुरक्षित मा ढाँचा” – सफा HTML-साइट सिर्जना गर्न उपयोगी उपकरणहरू. यदि तपाइँ दैनिक आधारमा VS कोड प्रयोग गर्नुहुन्छ, तपाईंले धेरै अतिरिक्त सुविधाहरू फेला पार्नुहुनेछ.

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