ඔබ HTML-අඩවියක් නිර්මාණය කිරීමට ක්රම සොයන්නේ නම්, ඔබ ආරම්භ කිරීමට උපදෙස් කිහිපයක් මෙන්න. Learn HTML-Lernen to create a website, හෝ Moodle හි වෙබ් අඩවියක් නිර්මාණය කිරීමට Visual Studio කේතය භාවිතා කරන්න. ඕනෑම අවස්ථාවක් තුළ, ඔබේම වෙබ් අඩවියක් නිර්මාණය කිරීම සඳහා ඔබට අවම වශයෙන් HTML පිළිබඳ මූලික අවබෝධයක් තිබිය යුතුය. HTML-පිටුවක් නිර්මාණය කිරීමට ක්රම කිහිපයක් තිබේ, නමුත් මේවා වඩාත් පොදු වේ.
Creating an HTML-Seite
The first step in creating your own website is to learn how to use HTML. HTML යනු වෙබ් පිටු සඳහා සම්මත සලකුණු භාෂාවයි. එය Tim Berners-Lee විසින් සංවර්ධනය කරන ලදී 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 වලින් අවසන් වේ, කිහිපයක් විවෘත කර වසා ඇත. spitzen klassnern සඳහා හොඳ උදාහරණයක් වන්නේ සබැඳියකි.
ඔබට ඔබේ කේතය ලිවීමට doctype declarations සංයෝගයක් භාවිතා කළ හැක. HTML පිටුවක වැදගත්ම අංගයක් වන්නේ ඩොක්ටයිප් ප්රකාශනයයි. මෙය ඔබගේ වෙබ් අඩවිය ලියා ඇති සලකුණු භාෂාව බ්රවුසරයට කියයි. කෙසේවෙතත්, මෙය මූලද්රව්යයක් නොවේ. මූල මූලද්රව්යය html වේ. ඔබ HTML ඉගෙන ගන්නා විට, ඔබ doctype ප්රකාශය සමාන බව සහතික කර ගත යුතුය.
Creating an HTML-Site in Moodle
In order to create an HTML-Site in Moodle, ඔබ වෙබ් නිර්මාණය පිළිබඳ විශේෂඥයෙකු විය යුතුය. HTML-Sites යනු ප්රබල ඉගෙනුම් සම්පතකි, සහ ඔවුන් ආකර්ෂණීය ගොඩනැගීමට භාවිතා කළ හැක, අන්තර් ක්රියාකාරී පාඨමාලා. මෙම නිබන්ධනය තුළ, අපි මූලික HTML-අඩවියක් නිර්මාණය කිරීමේ ක්රියාවලිය හරහා ගමන් කරමු. කෙසේවෙතත්, ඔබට දැනටමත් HTML-අඩවි නිර්මාණ අත්දැකීමක් තිබේ නම්, මෙම මාර්ගෝපදේශය ඔබට ආරම්භ කිරීමට උපකාරී වනු ඇත.
පළමුවන, ඔබට පිටුවක් නිර්මාණය කිරීමට අවශ්ය වනු ඇත. පිටුවක් මූලික වශයෙන් Moodle තුළ ඇති වෙබ් පිටුවකි, සහ එය විවිධ ආකාරයේ අන්තර්ගත අඩංගු විය හැක, බහුමාධ්ය ඇතුළුව. පිටු සම්පත් දෙකෙන් වඩාත් පහසු වේ, කෙසේවෙතත්, විශාල ගොනු උඩුගත කිරීම ගැන ඔබට කරදර විය යුතු නැති නිසා. පිටුවක් පහසුවෙන් යාවත්කාලීන කළ හැකි අතර පොතකට වඩා නඩත්තු කිරීමට පහසුය. වඩාත් සංකීර්ණ HTML-අඩවි සඳහා, ඔබ පොත් සම්පත භාවිතා කළ යුතුය.
ඔබ පිටුවක් නිර්මාණය කළ පසු, ඔබට HTML-අඩවි අන්තර්ගතය එක් කිරීමට අවශ්ය වනු ඇත. මෙම පාඨමාලාවේදී, මූඩ්ල් හි ප්රතිචාරාත්මක පිටු පිරිසැලසුම් සහ ප්රතිචාරාත්මක බ්ලොක් සාදන ආකාරය අපි ඔබට පෙන්වන්නෙමු. අවසාන පියවර වන්නේ ඔබේ පාඨමාලා අන්තර්ගතය සංවිධානය කිරීමයි. පොහොසත් හා ආකර්ෂණීය අන්තර්ගතයකින් තොරව පාඨමාලාවක් සම්පූර්ණ නොවේ, සහ Moodle සංස්කාරකය මෙය ඉතා පහසු කරයි! අපි ප්රතිචාරාත්මක පිටු සාදන ආකාරය සහ Moodle අන්තර්ගතය ජංගම-හිතකාමී බවට පත් කරන්නේ කෙසේදැයි බලමු.
ඔබට ඔබේ මූඩ්ල් අඩවියට පින්තූර හෝ බාහිර රූප පවා එක් කළ හැක. යන්තම් ක්ලික් කරන්න “රූපය ඇතුළු කරන්න” බොත්තම සහ ඔබ කැමති සංස්කාරකය ඔබට ඉදිරිපත් කරනු ඇත. ඔබට JPG වෙතින් තෝරා ගත හැකිය, GIF, හෝ PNG පින්තූර, නැතහොත් ඔබට ඔබේම පින්තූර සමඟ තේමාව අභිරුචිකරණය කළ හැකිය. ඔබ HTML-අඩවි නිර්මාණයේ ආරම්භකයකු නම්, මුලින්ම කුඩා HTML-Site එකක් සෑදීමට වග බලා ගන්න.
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 කේතය ස්ථාපනය කළ පසු, එය දියත් කරන්න. ෆෝල්ඩරයේ නමේ දකුණු පස ඇති අයිකන හතරක් ඔබට පෙනෙනු ඇත. 'නව ගොනුව' මත ක්ලික් කරන්න’ නිරූපකය. ගොනු දිගුව තෝරන්න '.html’ සහ ව්යාපෘතිය සඳහා නමක් ඇතුළත් කරන්න. Visual Studio කේතයට එහි අන්තර්ගතය තේරුම් ගත හැකි වන පරිදි ඔබට ගොනුවේ නම ඇතුළත් කර සුදුසු ගොනු දිගුව ටයිප් කිරීමට අවශ්ය වනු ඇත.. ඔබ Linux භාවිතා කරන්නේ නම්, ඒ වෙනුවට ඔබට එය ඔබගේ මුල් ෆෝල්ඩරයේ සුරැකීමට අවශ්ය විය හැක.
Visual Studio Code කවුළුව තුළ, නිල් පීත්ත පටියක් මෙන් පෙනෙන අයිකනය තෝරන්න. ඔබ වින්ඩෝස් භාවිතා කරන්නේ නම්, ඔබට එය ආරම්භක මෙනුවෙන් සොයාගත හැකිය, Mac හි යෙදුම් ෆෝල්ඩරය තුළ, හෝ ලිනක්ස් හි යෙදුම් මෙනුවෙහි. දිගු මෙනුව මත, තෝරන්න “බ්රව්සරයේ විවෘත කරන්න”. එය පෙරනිමි බ්රවුසරයේ ගොනුව විවෘත කරනු ඇත. ඉන්පසු, අවශ්ය ගොනුව මත ක්ලික් කරන්න, එවිට ඔබට එය Visual Studio Code සංස්කාරකයේ පෙනෙනු ඇත.
ඔබ දිගටම ඔබේ HTML-Site නිර්මාණය කරන විට, ඔබට ඔබේ කේතය ස්වයංක්රීයව සංයුති කිරීමට උදවු වන Prettier නම් දිගුවක් ඔබට පෙනෙනු ඇත. Prettier යනු VS කේතය සඳහා නොමිලේ බාගැනීමක් වන අතර ඔබ සැකසීම් තුළ සඳහන් කරන සැකසුම් ක්රියාත්මක කරයි. මෙම දිගුව සඳහා ඔබ තෝරා ගන්නා විකල්ප ඇතුළත් වේ “ආකෘති ලේඛනය” හා “සුරැකීමේ ආකෘතිය” – පිරිසිදු HTML-අඩවියක් නිර්මාණය කිරීම සඳහා ප්රයෝජනවත් මෙවලම්. ඔබ දිනපතා VS කේතය භාවිතා කරන්නේ නම්, ඔබ අමතර විශේෂාංග ගණනාවක් සොයා ගනු ඇත.
Windows හෝ macOS මෙහෙයුම් පද්ධතියක වෙබ් යෙදුම් තැනීමට කැමති සංවර්ධකයින් සඳහා Visual Studio කේතය භාවිතා කිරීම හොඳ විකල්පයකි.. එය අභිරුචිකරණ විකල්ප ඕනෑ තරම් ඇත, සංස්කාරක වෙතින් සෘජුවම අනුවාද පාලනය සහ ධාවන විධාන ඇතුළුව. තවද එය පුද්ගලික භාවිතය සඳහා නොමිලේ! විෂුවල් ස්ටුඩියෝ මූලික වෙබ් යෙදුම් සඳහා විශිෂ්ට සංවර්ධන පරිසරයක් වන අතර, Visual Studio කේතය පුද්ගලික වෙබ් යෙදුමක් සඳහා වඩා හොඳ තේරීම විය හැකිය. ඔබ උසස් පරිශීලකයෙකු නොවේ නම්, Visual Studio කේතය ඔබට විශිෂ්ට තේරීමක්.