मूडलमध्ये HTML पृष्ठ कसे तयार करावे

आपण HTML-साइट तयार करण्याचे मार्ग शोधत असल्यास, तुम्हाला प्रारंभ करण्यासाठी येथे काही टिपा आहेत. वेबसाइट तयार करण्यासाठी HTML-Lernen शिका, किंवा मूडलमध्ये वेबसाइट तयार करण्यासाठी व्हिज्युअल स्टुडिओ कोड वापरा. कोणत्याही परिस्थितीत, तुमची स्वतःची साइट तयार करण्यासाठी तुम्हाला HTML ची किमान मूलभूत माहिती असली पाहिजे. HTML-पृष्ठ तयार करण्याचे अनेक मार्ग आहेत, परंतु हे सर्वात सामान्य आहेत.

HTML-Seite तयार करणे

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

एचटीएमएल लर्निंग वापरणे

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

तुम्ही HTML मोफत शिकत असताना, तज्ञांनी लिहिलेले ट्यूटोरियल वाचून सुरुवात करणे चांगले. HTML ही वेब डेव्हलपर्ससाठी आवश्यक भाषा आहे, कारण ते सामग्रीचे स्वरूपन आणि ते प्रदर्शित करण्यात अधिक लवचिकता सक्षम करते. HTML शिकून तुम्ही पैसेही वाचवाल, कारण वेब डेव्हलपर महाग आहेत. जर तुम्हाला HTML कसे तयार करायचे हे माहित असेल, वेळ आणि शक्ती वाचवून तुम्ही खूप पैसे वाचवू शकता. तुम्‍हाला त्‍याची काही प्राथमिक माहिती असल्‍यास तुम्‍ही स्‍वत:त किरकोळ बदल करू शकता.

HTML ही XML-आधारित भाषा आहे. एचटीएमएल टॅग कोन कंसात आयोजित केले जातात. Absatz-टॅग वेब ब्राउझरला पृष्ठाचे शीर्षक काय आहे ते सांगतात. बहुतेक HTML-Tags schliesssending टॅगसह समाप्त होतात, काही उघडलेले आणि बंद असताना. स्पिटझेन क्लास्नर्नचे एक चांगले उदाहरण म्हणजे एक दुवा.

तुमचा कोड लिहिण्यासाठी तुम्ही doctype घोषणांचे संयोजन वापरू शकता. एचटीएमएल पृष्ठाच्या सर्वात महत्वाच्या घटकांपैकी एक म्हणजे डॉक्‍टाइप डिक्लेरेशन. हे ब्राउझरला तुमची वेबसाइट लिहिलेली मार्कअप भाषा सांगते. तथापि, हा घटक नाही. मूळ घटक html आहे. जेव्हा तुम्ही HTML शिकत असाल, doctype घोषणा समान आहे याची खात्री करणे आवश्यक आहे.

मूडलमध्ये HTML-साइट तयार करणे

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

पहिला, आपल्याला एक पृष्ठ तयार करणे आवश्यक आहे. पृष्ठ हे मुळात मूडलमधील वेब पृष्ठ आहे, आणि त्यात विविध प्रकारची सामग्री असू शकते, मल्टीमीडियासह. पृष्ठ संसाधन हे दोघांपैकी अधिक सोयीचे आहे, तथापि, तुम्हाला मोठ्या फाइल्स अपलोड करण्याची काळजी करण्याची गरज नाही. एखादे पृष्ठ सहज अपडेट केले जाऊ शकते आणि पुस्तकापेक्षा देखरेख करणे सोपे आहे. अधिक जटिल HTML-साइट्ससाठी, तुम्ही पुस्तक संसाधन वापरावे.

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

तुम्ही तुमच्या मूडल साइटवर चित्रे किंवा बाह्य प्रतिमा देखील जोडू शकता. फक्त वर क्लिक करा “प्रतिमा घाला” बटण आणि तुम्हाला तुमच्या आवडीच्या संपादकासह सादर केले जाईल. तुम्ही JPG मधून निवडू शकता, GIF, किंवा PNG प्रतिमा, किंवा तुम्ही तुमच्या स्वतःच्या इमेजसह थीम सानुकूलित करू शकता. आपण HTML-साइट निर्मितीमध्ये नवशिक्या असल्यास, प्रथम एक लहान HTML-साइट तयार केल्याची खात्री करा.

HTML-साइट तयार करण्यासाठी व्हिज्युअल स्टुडिओ कोड वापरणे

तुम्हाला HTML-साइट कशी बनवायची हे शिकायचे असेल तर, तुम्हाला व्हिज्युअल स्टुडिओ कोड कसा वापरायचा हे शिकण्यात स्वारस्य असेल. हा सोर्स कोड एडिटर विंडोजसाठी उपलब्ध आहे, macOS, आणि लिनक्स, आणि तुम्हाला विविध भाषांमध्ये HTML कोड लिहिण्याची परवानगी देते. यात तुम्हाला टर्मिनलमध्ये HTML फाइल्स चालवण्यास मदत करणारे विस्तार देखील समाविष्ट आहेत. हे विस्तार कसे वापरायचे याबद्दल तुम्हाला खात्री नसल्यास, या लेखाचे खालील विभाग वाचून तुम्ही त्यांच्याबद्दल अधिक जाणून घेऊ शकता.

आपण व्हिज्युअल स्टुडिओ कोड स्थापित केल्यानंतर, ते लाँच करा. तुम्हाला फोल्डरच्या नावाच्या उजवीकडे चार आयकॉन दिसतील. 'नवीन फाइल' वर क्लिक करा’ चिन्ह. फाईल एक्स्टेंशन ‘.html निवडा’ आणि प्रकल्पासाठी नाव प्रविष्ट करा. तुम्हाला फाइलचे नाव टाकावे लागेल आणि योग्य फाईल विस्तार टाइप करावा लागेल जेणेकरून व्हिज्युअल स्टुडिओ कोड तिची सामग्री समजू शकेल. आपण लिनक्स वापरत असल्यास, त्याऐवजी तुम्ही ते तुमच्या होम फोल्डरमध्ये सेव्ह करू शकता.

व्हिज्युअल स्टुडिओ कोड विंडोमध्ये, निळ्या रिबनसारखे दिसणारे चिन्ह निवडा. जर तुम्ही विंडोज वापरत असाल, तुम्ही ते स्टार्ट मेनूमध्ये शोधू शकता, Mac वरील अनुप्रयोग फोल्डरमध्ये, किंवा लिनक्समधील ऍप्लिकेशन मेनूवर. विस्तार मेनूवर, निवडा “ब्राउझरमध्ये उघडा”. ते डीफॉल्ट ब्राउझरमध्ये फाइल उघडेल. मग, इच्छित फाइलवर क्लिक करा आणि तुम्हाला ती व्हिज्युअल स्टुडिओ कोड एडिटरमध्ये दिसेल.

तुम्ही तुमची एचटीएमएल-साइट तयार करणे सुरू ठेवताच, तुम्हाला प्रिटियर नावाचा विस्तार दिसेल जो तुम्हाला तुमचा कोड स्वयंचलितपणे स्वरूपित करण्यात मदत करेल. Prettier हे VS कोडसाठी विनामूल्य डाउनलोड आहे आणि तुम्ही सेटिंग्जमध्ये निर्दिष्ट केलेल्या सेटिंग्ज चालवेल. या विस्तारासाठी तुम्ही निवडलेले पर्याय समाविष्ट आहेत “दस्तऐवज स्वरूपित करा” आणि “सेव्ह वर फॉरमॅट करा” – स्वच्छ HTML-साइट तयार करण्यासाठी उपयुक्त साधने. आपण दररोज व्हीएस कोड वापरत असल्यास, तुम्हाला अनेक अतिरिक्त वैशिष्ट्ये सापडतील.

विंडोज किंवा मॅकओएस ऑपरेटिंग सिस्टमवर वेब अॅप्लिकेशन्स तयार करू इच्छिणाऱ्या डेव्हलपरसाठी व्हिज्युअल स्टुडिओ कोड वापरणे हा एक उत्तम पर्याय आहे.. यात भरपूर सानुकूलित पर्याय आहेत, आवृत्ती नियंत्रण आणि संपादकाकडून थेट आदेश चालवणे समाविष्ट आहे. आणि ते वैयक्तिक वापरासाठी विनामूल्य आहे! व्हिज्युअल स्टुडिओ हे मूलभूत वेब अॅप्ससाठी उत्कृष्ट विकास वातावरण आहे, वैयक्तिक वेब ऍप्लिकेशनसाठी व्हिज्युअल स्टुडिओ कोड हा उत्तम पर्याय असू शकतो. आपण प्रगत वापरकर्ता नसल्यास, तुमच्यासाठी व्हिज्युअल स्टुडिओ कोड हा एक उत्तम पर्याय आहे.