How to Create an HTML Page in Moodle

جيڪڏهن توهان هڪ HTML سائيٽ ٺاهڻ جا طريقا ڳولي رهيا آهيو, توھان کي شروع ڪرڻ لاءِ ھتي ڪجھ ٽوٽڪا آھن. Learn HTML-Lernen to create a website, يا Moodle ۾ ويب سائيٽ ٺاهڻ لاءِ Visual Studio Code استعمال ڪريو. ڪنهن به صورت ۾, توهان کي پنهنجي سائيٽ ٺاهڻ لاءِ گهٽ ۾ گهٽ HTML جي بنيادي سمجھ هجڻ گهرجي. HTML-صفحو ٺاهڻ جا ڪيترائي طريقا آهن, پر اهي سڀ کان وڌيڪ عام آهن.

Creating an HTML-Seite

The first step in creating your own website is to learn how to use HTML. HTML ويب صفحن لاءِ معياري مارڪ اپ ٻولي آهي. اهو ٽم برنرز-لي پاران ترقي ڪئي وئي هئي 1991 CERN ۾ ڪم ڪرڻ دوران. اها دنيا جي پهرين ويب سائيٽ ٺاهڻ لاءِ استعمال ٿيندڙ اهم ٽيڪنالاجي مان هڪ هئي. ان کان پوءِ ٻوليءَ کي تمام گهڻو سڌاريو ويو آهي ۽ ٻيهر لکيو ويو آهي, پر ان جو بنيادي مقصد ساڳيو رهي ٿو. ان جو بنيادي مقصد ويب صفحن کي فارميٽ ڪرڻ ۽ انهن کي صارفين لاءِ ڊسپلي ڪرڻ آهي.

Using HTML-Lernen

You can learn to create HTML pages for free or pay to use paid resources. HTML سکڻ لاءِ مفت وسيلن جو استعمال ادا ڪيل وسيلن ذريعي بنيادي شيون سکڻ کان تمام آسان آهي. ڪجهه ماڻهو فيسلنگ طبقن کان وڌيڪ فائدو وٺندا, جيڪي گهٽ ڏکيا هوندا آهن ۽ ڇڏڻ جو امڪان گهٽ ڪندا آهن. آن لائين ڪلاس توهان کي اجازت ڏين ٿا ته توهان جي ويب برائوزر ۾ HTML ڪوڊ استعمال ڪريو, ۽ قابل قدر سکيا تجربو مهيا ڪري سگھن ٿا. بهرحال, جيڪڏهن توهان پئسا بچائڻ چاهيندا آهيو, ادا ڪيل وسيلا هميشه هڪ بهترين انتخاب آهن.

جڏهن توهان مفت ۾ HTML سکيا آهيو, ماهرن پاران لکيل سبق پڙهڻ سان شروع ڪرڻ بهتر آهي. HTML ويب ڊولپرز لاءِ هڪ لازمي ٻولي آهي, جيئن ته اهو مواد کي فارميٽ ڪرڻ ۽ ان کي ڊسپلي ڪرڻ ۾ وڌيڪ لچڪدار بڻائي ٿو. توھان پڻ HTML سکڻ سان پئسا بچائيندا, ڇاڪاڻ ته ويب ڊولپر قيمتي آهن. جيڪڏھن توھان ڄاڻو ٿا ته HTML ڪيئن ٺاھيو, توهان وقت ۽ توانائي بچائڻ سان تمام گهڻو پئسا بچائي سگهو ٿا. جيڪڏهن توهان کي ان بابت ڪجهه بنيادي ڄاڻ آهي ته توهان پنهنجو پاڻ ۾ معمولي تبديليون پڻ ڪري سگهو ٿا.

HTML هڪ XML تي ٻڌل ٻولي آهي. HTML ٽيگ زاويه بریکٹ ۾ منظم ٿيل آهن. Absatz-tags ويب برائوزر کي ٻڌائي ٿو ته صفحي جو عنوان ڇا آهي. اڪثر HTML-Tags ختم ٿين ٿا schliesssending tags سان, جڏهن ته ڪجهه کليل ۽ بند آهن. اسپٽزن ڪلاسرن جو هڪ سٺو مثال هڪ لنڪ آهي.

توھان استعمال ڪري سگھو ٿا ڊڪٽيائپ بيانن جو ميلاپ توھان جو ڪوڊ لکڻ لاءِ. هڪ HTML صفحي جي سڀ کان اهم عنصرن مان هڪ آهي doctype declaration. اهو برائوزر کي ٻڌائي ٿو مارڪ اپ ٻولي جنهن ۾ توهان جي ويب سائيٽ لکيل آهي. بهرحال, هي هڪ عنصر نه آهي. روٽ عنصر html آهي. جڏهن توهان HTML سکيا آهيو, توهان کي پڪ ڪرڻ گهرجي ته doctype جو اعلان ساڳيو آهي.

Creating an HTML-Site in Moodle

In order to create an HTML-Site in Moodle, توهان کي ويب ڊزائين ۾ ماهر هجڻ گهرجي. HTML-سائيٽون هڪ طاقتور سکيا جو وسيلو آهن, ۽ اھي مشغول بڻائڻ لاء استعمال ڪري سگھجن ٿيون, انٽرويو ڪورس. هن سبق ۾, اسان هڪ بنيادي HTML-سائيٽ ٺاهڻ جي عمل ذريعي هلنداسين. بهرحال, جيڪڏهن توهان وٽ اڳ ۾ ئي ڪجهه HTML سائيٽ ڊيزائن جو تجربو آهي, هي گائيڊ توهان کي شروع ڪرڻ ۾ مدد ڪندي.

پهريون, توهان کي هڪ صفحو ٺاهڻ جي ضرورت پوندي. ھڪڙو صفحو بنيادي طور تي Moodle ۾ ھڪڙو ويب پيج آھي, ۽ اهو مواد جي مختلف قسمن تي مشتمل ٿي سگھي ٿو, ملٽي ميڊيا سميت. صفحي جو وسيلو ٻنھي مان وڌيڪ آسان آھي, تنهن هوندي به, جيئن توهان کي وڏيون فائلون اپلوڊ ڪرڻ جي باري ۾ پريشان ٿيڻ جي ضرورت ناهي. هڪ صفحو آساني سان اپڊيٽ ٿي سگهي ٿو ۽ ڪتاب جي ڀيٽ ۾ برقرار رکڻ آسان آهي. وڌيڪ پيچيده HTML-سائيٽن لاءِ, توھان کي ڪتاب جو وسيلو استعمال ڪرڻ گھرجي.

توھان کان پوء ھڪڙو صفحو ٺاھيو, توھان چاھيو ٿا HTML-Site مواد شامل ڪريو. هن ڪورس ۾, اسان توهان کي ڏيکارينداسين ته ڪيئن جوابي صفحي جي ترتيب ۽ جوابي بلاڪ Moodle ۾ ٺاهيو. آخري قدم توهان جي ڪورس جي مواد کي منظم ڪرڻ آهي. هڪ ڪورس مڪمل نه آهي بغير مالدار ۽ مشغول مواد, ۽ Moodle ايڊيٽر اهو تمام آسان بڻائي ٿو! اسان اهو پڻ ڏسنداسين ته ڪيئن جوابي صفحا ٺاهيا وڃن ۽ موڊل مواد کي موبائل دوستانه بڻايو وڃي.

توھان پنھنجي Moodle سائيٽ تي تصويرون يا بيروني تصويرون پڻ شامل ڪري سگھو ٿا. بس تي ڪلڪ ڪريو “تصوير داخل ڪريو” بٽڻ ۽ توهان کي توهان جي پسند جي ايڊيٽر سان پيش ڪيو ويندو. توھان منتخب ڪري سگھو ٿا JPG مان, GIF, يا PNG تصويرون, يا توهان موضوع کي پنهنجي تصويرن سان ترتيب ڏئي سگهو ٿا. جيڪڏهن توهان شروعاتي آهيو HTML-سائيٽ ٺاهڻ ۾, پڪ ڪريو ته پهرين هڪ ننڍڙي HTML-سائيٽ ٺاهي.

Using Visual Studio Code to create an HTML-Site

If you’ve ever wanted to learn how to make an HTML-Site, توهان شايد اهو سکڻ ۾ دلچسپي رکو ٿا ته ڪيئن استعمال ڪجي Visual Studio Code. هي سورس ڪوڊ ايڊيٽر ونڊوز لاءِ موجود آهي, macOS, ۽ لينڪس, ۽ توهان کي مختلف ٻولين ۾ HTML ڪوڊ لکڻ جي اجازت ڏئي ٿي. ان ۾ پڻ واڌايون شامل آھن جيڪي توھان کي ٽرمينل ۾ HTML فائلون هلائڻ ۾ مدد ڏين ٿيون. جيڪڏهن توهان کي پڪ ناهي ته انهن واڌارن کي ڪيئن استعمال ڪجي, توھان ھن مضمون جي ھيٺين حصن کي پڙھڻ سان انھن بابت وڌيڪ سکو سگھو ٿا.

توهان کان پوء نصب ڪيو آهي Visual Studio Code, ان کي لانچ ڪريو. توھان ڏسندا چار آئڪن فولڊر جي نالي جي ساڄي پاسي. 'نئين فائل تي ڪلڪ ڪريو’ آئڪن. فائل ايڪسٽينشن چونڊيو.html’ ۽ پروجيڪٽ جو نالو داخل ڪريو. توھان کي فائل جو نالو داخل ڪرڻ ۽ مناسب فائل ايڪسٽينشن ٽائيپ ڪرڻ جي ضرورت پوندي ته جيئن Visual Studio Code ان جي مواد کي سمجھي سگھي. جيڪڏهن توهان لينڪس استعمال ڪري رهيا آهيو, توھان ان کي پنھنجي گھر جي فولڊر ۾ محفوظ ڪرڻ چاھيو ٿا.

Visual Studio Code ونڊو ۾, آئڪن کي چونڊيو جيڪو نيري ربن وانگر نظر اچي ٿو. جيڪڏهن توهان ونڊوز استعمال ڪري رهيا آهيو, توھان ان کي ڳولي سگھوٿا شروع مينيو ۾, Mac تي ايپليڪيشن فولڊر ۾, يا لينڪس ۾ ايپليڪيشن مينيو تي. ايڪسٽينشن مينيو تي, چونڊيو “برائوزر ۾ کوليو”. اهو ڊفالٽ برائوزر ۾ فائل کوليندو. پوءِ, مطلوب فائل تي ڪلڪ ڪريو ۽ توھان ان کي ڏسندا سين ان کي بصري اسٽوڊيو ڪوڊ ايڊيٽر ۾.

جيئن توهان پنهنجي HTML-سائيٽ ٺاهڻ جاري رکو, توهان هڪ ايڪسٽينشن کي نوٽيس ڪندا جنهن کي Prettier سڏيو ويندو آهي جيڪو توهان جي ڪوڊ کي خودڪار طريقي سان فارميٽ ڪرڻ ۾ مدد ڪندو. Prettier VS ڪوڊ لاءِ مفت ڊائون لوڊ آهي ۽ سيٽنگون هلائيندو جيڪو توهان سيٽنگون ۾ بيان ڪيو آهي. هن توسيع لاءِ جيڪي اختيار توهان چونڊيا آهن انهن ۾ شامل آهن “فارميٽ دستاويز” ۽ “فارميٽ تي محفوظ ڪريو” – هڪ صاف HTML-سائيٽ ٺاهڻ لاء مفيد اوزار. جيڪڏھن توھان استعمال ڪريو وي ايس ڪوڊ روزاني بنياد تي, توھان کي ڪيترائي اضافي خاصيتون ملندا.

بصري اسٽوڊيو ڪوڊ استعمال ڪرڻ ڊولپرز لاءِ هڪ بهترين آپشن آهي جيڪي ونڊوز يا macOS آپريٽنگ سسٽم تي ويب ايپليڪيشن ٺاهڻ چاهين ٿا. ان ۾ ڪسٽمائيزيشن جا ڪافي آپشن آهن, بشمول ورجن ڪنٽرول ۽ ھلندڙ ڪمانڊ سڌو سنئون ايڊيٽر کان. ۽ اهو ذاتي استعمال لاءِ مفت آهي! جڏهن ته Visual Studio بنيادي ويب ايپس لاءِ هڪ بهترين ترقي وارو ماحول آهي, ذاتي ويب ايپليڪيشن لاءِ بصري اسٽوڊيو ڪوڊ بهتر انتخاب ٿي سگهي ٿو. جيڪڏهن توهان ترقي يافته صارف نه آهيو, بصري اسٽوڊيو ڪوڊ توهان لاءِ هڪ بهترين انتخاب آهي.