നിങ്ങൾ ഒരു HTML-സൈറ്റ് സൃഷ്ടിക്കുന്നതിനുള്ള വഴികൾ തേടുകയാണെങ്കിൽ, നിങ്ങൾ ആരംഭിക്കുന്നതിനുള്ള ചില നുറുങ്ങുകൾ ഇതാ. ഒരു വെബ്സൈറ്റ് സൃഷ്ടിക്കാൻ HTML-Lernen പഠിക്കുക, അല്ലെങ്കിൽ മൂഡിൽ ഒരു വെബ്സൈറ്റ് സൃഷ്ടിക്കാൻ വിഷ്വൽ സ്റ്റുഡിയോ കോഡ് ഉപയോഗിക്കുക. ഏത് സാഹചര്യത്തിലും, നിങ്ങളുടെ സ്വന്തം സൈറ്റ് സൃഷ്ടിക്കുന്നതിന് HTML-നെ കുറിച്ചുള്ള അടിസ്ഥാന ധാരണയെങ്കിലും നിങ്ങൾക്കുണ്ടായിരിക്കണം. ഒരു HTML-പേജ് സൃഷ്ടിക്കാൻ നിരവധി മാർഗങ്ങളുണ്ട്, എന്നാൽ ഇവയാണ് ഏറ്റവും സാധാരണമായത്.
ഒരു HTML-Seite സൃഷ്ടിക്കുന്നു
നിങ്ങളുടെ സ്വന്തം വെബ്സൈറ്റ് സൃഷ്ടിക്കുന്നതിനുള്ള ആദ്യപടി HTML എങ്ങനെ ഉപയോഗിക്കണമെന്ന് പഠിക്കുക എന്നതാണ്. വെബ് പേജുകൾക്കുള്ള സ്റ്റാൻഡേർഡ് മാർക്ക്അപ്പ് ഭാഷയാണ് HTML. ടിം ബെർണേഴ്സ്-ലീ ആണ് ഇത് വികസിപ്പിച്ചത് 1991 CERN-ൽ ജോലി ചെയ്യുമ്പോൾ. ലോകത്തിലെ ആദ്യത്തെ വെബ്സൈറ്റ് സൃഷ്ടിക്കാൻ ഉപയോഗിച്ച പ്രധാന സാങ്കേതിക വിദ്യകളിൽ ഒന്നായിരുന്നു ഇത്. അതിനുശേഷം ഭാഷ വളരെയധികം മെച്ചപ്പെടുത്തുകയും വീണ്ടും എഴുതുകയും ചെയ്തു, എന്നാൽ അതിന്റെ അടിസ്ഥാന ലക്ഷ്യം അതേപടി തുടരുന്നു. വെബ് പേജുകൾ ഫോർമാറ്റ് ചെയ്ത് ഉപയോക്താക്കൾക്കായി പ്രദർശിപ്പിക്കുക എന്നതാണ് ഇതിന്റെ പ്രാഥമിക ലക്ഷ്യം.
HTML ലേണിംഗ് ഉപയോഗിക്കുന്നു
നിങ്ങൾക്ക് സൗജന്യമായി HTML പേജുകൾ സൃഷ്ടിക്കാൻ പഠിക്കാം അല്ലെങ്കിൽ പണമടച്ചുള്ള വിഭവങ്ങൾ ഉപയോഗിക്കാൻ പണം നൽകാം. പണമടച്ചുള്ള ഉറവിടങ്ങളിലൂടെ അടിസ്ഥാനകാര്യങ്ങൾ പഠിക്കുന്നതിനേക്കാൾ വളരെ എളുപ്പമാണ് HTML പഠിക്കാൻ സൗജന്യ ഉറവിടങ്ങൾ ഉപയോഗിക്കുന്നത്. ചില ആളുകൾക്ക് ഫെസലിംഗ് ക്ലാസുകളിൽ നിന്ന് കൂടുതൽ പ്രയോജനം ലഭിക്കും, ബുദ്ധിമുട്ടുള്ളതും കൊഴിഞ്ഞുപോക്കാനുള്ള സാധ്യതയും കുറയ്ക്കുന്നവയുമാണ്. നിങ്ങളുടെ വെബ് ബ്രൗസറിൽ HTML കോഡ് ഉപയോഗിക്കാൻ ഓൺലൈൻ ക്ലാസുകൾ നിങ്ങളെ അനുവദിക്കുന്നു, വിലപ്പെട്ട പഠനാനുഭവം നൽകാനും കഴിയും. എന്നിരുന്നാലും, നിങ്ങൾ പണം ലാഭിക്കാൻ നോക്കുകയാണെങ്കിൽ, പണമടച്ചുള്ള ഉറവിടങ്ങൾ എല്ലായ്പ്പോഴും ഒരു മികച്ച തിരഞ്ഞെടുപ്പാണ്.
നിങ്ങൾ സൗജന്യമായി HTML പഠിക്കുമ്പോൾ, വിദഗ്ധർ എഴുതിയ ട്യൂട്ടോറിയലുകൾ വായിച്ചുകൊണ്ട് ആരംഭിക്കുന്നതാണ് നല്ലത്. വെബ് ഡെവലപ്പർമാർക്ക് അത്യാവശ്യമായ ഭാഷയാണ് HTML, ഉള്ളടക്കം ഫോർമാറ്റ് ചെയ്യുന്നതിലും പ്രദർശിപ്പിക്കുന്നതിലും ഇത് കൂടുതൽ വഴക്കം സാധ്യമാക്കുന്നു. HTML പഠിക്കുന്നതിലൂടെയും നിങ്ങൾക്ക് പണം ലാഭിക്കാം, വെബ് ഡെവലപ്പർമാർ ചെലവേറിയതിനാൽ. HTML എങ്ങനെ സൃഷ്ടിക്കാമെന്ന് നിങ്ങൾക്കറിയാമെങ്കിൽ, സമയവും ഊർജവും ലാഭിക്കുന്നതിലൂടെ നിങ്ങൾക്ക് ധാരാളം പണം ലാഭിക്കാം. ചില അടിസ്ഥാന അറിവുകൾ ഉണ്ടെങ്കിൽ നിങ്ങൾക്ക് സ്വയം ചെറിയ മാറ്റങ്ങൾ വരുത്താനും കഴിയും.
HTML ഒരു XML അടിസ്ഥാനമാക്കിയുള്ള ഭാഷയാണ്. HTML ടാഗുകൾ ആംഗിൾ ബ്രാക്കറ്റുകളായി ക്രമീകരിച്ചിരിക്കുന്നു. ഒരു പേജിന്റെ ശീർഷകം എന്താണെന്ന് Absatz-ടാഗുകൾ വെബ് ബ്രൗസറിനോട് പറയുന്നു. മിക്ക HTML-ടാഗുകളും schliesssending ടാഗുകളിൽ അവസാനിക്കുന്നു, ചിലത് തുറക്കുകയും അടയ്ക്കുകയും ചെയ്യുമ്പോൾ. ഒരു സ്പിറ്റ്സെൻ ക്ലാസ്സ്നെർനിന്റെ ഒരു നല്ല ഉദാഹരണം ഒരു ലിങ്കാണ്.
നിങ്ങളുടെ കോഡ് എഴുതാൻ നിങ്ങൾക്ക് ഡോക്ടൈപ്പ് പ്രഖ്യാപനങ്ങളുടെ സംയോജനം ഉപയോഗിക്കാം. ഒരു HTML പേജിന്റെ ഏറ്റവും പ്രധാനപ്പെട്ട ഘടകങ്ങളിലൊന്നാണ് ഡോക്ടൈപ്പ് പ്രഖ്യാപനം. ഇത് നിങ്ങളുടെ വെബ്സൈറ്റ് എഴുതിയിരിക്കുന്ന മാർക്ക്അപ്പ് ഭാഷ ബ്രൗസറിനോട് പറയുന്നു. എന്നിരുന്നാലും, ഇതൊരു മൂലകമല്ല. മൂല ഘടകം html ആണ്. നിങ്ങൾ HTML പഠിക്കുമ്പോൾ, ഡോക്ടൈപ്പ് പ്രഖ്യാപനം സമാനമാണെന്ന് നിങ്ങൾ ഉറപ്പാക്കണം.
മൂഡിൽ ഒരു HTML-സൈറ്റ് സൃഷ്ടിക്കുന്നു
Moodle-ൽ ഒരു HTML-സൈറ്റ് സൃഷ്ടിക്കുന്നതിന്, നിങ്ങൾ വെബ് ഡിസൈനിൽ വിദഗ്ദ്ധനായിരിക്കണം. HTML-സൈറ്റുകൾ ശക്തമായ ഒരു പഠന വിഭവമാണ്, ആകർഷകമാക്കാൻ അവ ഉപയോഗിക്കാം, സംവേദനാത്മക കോഴ്സുകൾ. ഈ ട്യൂട്ടോറിയലിൽ, ഞങ്ങൾ ഒരു അടിസ്ഥാന HTML-സൈറ്റ് സൃഷ്ടിക്കുന്ന പ്രക്രിയയിലൂടെ കടന്നുപോകും. എന്നിരുന്നാലും, നിങ്ങൾക്ക് ഇതിനകം ചില HTML-സൈറ്റ് ഡിസൈൻ അനുഭവം ഉണ്ടെങ്കിൽ, ആരംഭിക്കാൻ ഈ ഗൈഡ് നിങ്ങളെ സഹായിക്കും.
ആദ്യം, നിങ്ങൾ ഒരു പേജ് സൃഷ്ടിക്കേണ്ടതുണ്ട്. ഒരു പേജ് അടിസ്ഥാനപരമായി മൂഡിൽ ഉള്ള ഒരു വെബ് പേജാണ്, കൂടാതെ അതിൽ വിവിധ തരത്തിലുള്ള ഉള്ളടക്കങ്ങൾ അടങ്ങിയിരിക്കാം, മൾട്ടിമീഡിയ ഉൾപ്പെടെ. പേജ് ഉറവിടം രണ്ടിലും കൂടുതൽ സൗകര്യപ്രദമാണ്, എങ്കിലും, വലിയ ഫയലുകൾ അപ്ലോഡ് ചെയ്യുന്നതിനെക്കുറിച്ച് നിങ്ങൾ വിഷമിക്കേണ്ടതില്ല. ഒരു പേജ് എളുപ്പത്തിൽ അപ്ഡേറ്റ് ചെയ്യാനും ഒരു പുസ്തകത്തേക്കാൾ പരിപാലിക്കാനും എളുപ്പമാണ്. കൂടുതൽ സങ്കീർണ്ണമായ HTML-സൈറ്റുകൾക്ക്, നിങ്ങൾ ബുക്ക് റിസോഴ്സ് ഉപയോഗിക്കണം.
നിങ്ങൾ ഒരു പേജ് സൃഷ്ടിച്ച ശേഷം, നിങ്ങൾ HTML-സൈറ്റ് ഉള്ളടക്കം ചേർക്കാൻ ആഗ്രഹിക്കുന്നു. ഈ കോഴ്സിൽ, മൂഡിൽ എങ്ങനെ റെസ്പോൺസീവ് പേജ് ലേഔട്ടുകളും റെസ്പോൺസീവ് ബ്ലോക്കുകളും സൃഷ്ടിക്കാമെന്ന് ഞങ്ങൾ കാണിച്ചുതരാം. നിങ്ങളുടെ കോഴ്സ് ഉള്ളടക്കം ക്രമീകരിക്കുക എന്നതാണ് അവസാന ഘട്ടം. സമ്പന്നവും ആകർഷകവുമായ ഉള്ളടക്കമില്ലാതെ ഒരു കോഴ്സ് പൂർത്തിയാകില്ല, മൂഡിൽ എഡിറ്റർ ഇത് വളരെ എളുപ്പമാക്കുന്നു! പ്രതികരിക്കുന്ന പേജുകൾ എങ്ങനെ സൃഷ്ടിക്കാമെന്നും മൂഡിൽ ഉള്ളടക്കം മൊബൈൽ സൗഹൃദമാക്കാമെന്നും ഞങ്ങൾ നോക്കും.
നിങ്ങളുടെ മൂഡിൽ സൈറ്റിലേക്ക് ചിത്രങ്ങളോ ബാഹ്യ ചിത്രങ്ങളോ ചേർക്കാനും കഴിയും. എന്നതിൽ ക്ലിക്ക് ചെയ്താൽ മതി “ചിത്രം തിരുകുക” ബട്ടണിൽ നിങ്ങൾക്ക് ഇഷ്ടമുള്ള എഡിറ്റർ അവതരിപ്പിക്കപ്പെടും. നിങ്ങൾക്ക് JPG-ൽ നിന്ന് തിരഞ്ഞെടുക്കാം, GIF, അല്ലെങ്കിൽ PNG ചിത്രങ്ങൾ, അല്ലെങ്കിൽ നിങ്ങളുടെ സ്വന്തം ചിത്രങ്ങൾ ഉപയോഗിച്ച് നിങ്ങൾക്ക് തീം ഇഷ്ടാനുസൃതമാക്കാം. നിങ്ങൾ HTML-സൈറ്റ് സൃഷ്ടിക്കുന്നതിൽ തുടക്കക്കാരനാണെങ്കിൽ, ആദ്യം ഒരു ചെറിയ HTML-സൈറ്റ് സൃഷ്ടിക്കുന്നത് ഉറപ്പാക്കുക.
ഒരു HTML-സൈറ്റ് സൃഷ്ടിക്കാൻ വിഷ്വൽ സ്റ്റുഡിയോ കോഡ് ഉപയോഗിക്കുന്നു
നിങ്ങൾക്ക് എപ്പോഴെങ്കിലും ഒരു HTML-സൈറ്റ് എങ്ങനെ നിർമ്മിക്കാമെന്ന് അറിയാൻ താൽപ്പര്യമുണ്ടെങ്കിൽ, വിഷ്വൽ സ്റ്റുഡിയോ കോഡ് എങ്ങനെ ഉപയോഗിക്കണമെന്ന് പഠിക്കാൻ നിങ്ങൾക്ക് താൽപ്പര്യമുണ്ടാകാം. ഈ സോഴ്സ് കോഡ് എഡിറ്റർ Windows-ന് ലഭ്യമാണ്, macOS, ഒപ്പം ലിനക്സും, കൂടാതെ വിവിധ ഭാഷകളിൽ HTML കോഡ് എഴുതാൻ നിങ്ങളെ അനുവദിക്കുന്നു. ടെർമിനലിൽ HTML ഫയലുകൾ പ്രവർത്തിപ്പിക്കാൻ സഹായിക്കുന്ന വിപുലീകരണങ്ങളും ഇതിൽ ഉൾപ്പെടുന്നു. ഈ വിപുലീകരണങ്ങൾ എങ്ങനെ ഉപയോഗിക്കണമെന്ന് നിങ്ങൾക്ക് ഉറപ്പില്ലെങ്കിൽ, ഈ ലേഖനത്തിന്റെ ഇനിപ്പറയുന്ന വിഭാഗങ്ങൾ വായിച്ചുകൊണ്ട് നിങ്ങൾക്ക് അവയെക്കുറിച്ച് കൂടുതലറിയാൻ കഴിയും.
നിങ്ങൾ വിഷ്വൽ സ്റ്റുഡിയോ കോഡ് ഇൻസ്റ്റാൾ ചെയ്ത ശേഷം, അത് വിക്ഷേപിക്കുക. ഫോൾഡർ നാമത്തിന്റെ വലതുവശത്ത് നിങ്ങൾ നാല് ഐക്കണുകൾ കാണും. 'പുതിയ ഫയലിൽ ക്ലിക്ക് ചെയ്യുക’ ഐക്കൺ. ഫയൽ എക്സ്റ്റൻഷൻ ‘.html തിരഞ്ഞെടുക്കുക’ പ്രോജക്റ്റിനായി ഒരു പേര് നൽകുക. വിഷ്വൽ സ്റ്റുഡിയോ കോഡിന് അതിന്റെ ഉള്ളടക്കം മനസ്സിലാക്കാൻ നിങ്ങൾ ഫയലിന്റെ പേര് നൽകുകയും ഉചിതമായ ഫയൽ എക്സ്റ്റൻഷൻ ടൈപ്പ് ചെയ്യുകയും വേണം. നിങ്ങൾ Linux ഉപയോഗിക്കുകയാണെങ്കിൽ, പകരം നിങ്ങളുടെ ഹോം ഫോൾഡറിൽ സംരക്ഷിക്കാൻ നിങ്ങൾ ആഗ്രഹിച്ചേക്കാം.
വിഷ്വൽ സ്റ്റുഡിയോ കോഡ് വിൻഡോയിൽ, നീല റിബൺ പോലെ തോന്നിക്കുന്ന ഐക്കൺ തിരഞ്ഞെടുക്കുക. നിങ്ങൾ വിൻഡോസ് ഉപയോഗിക്കുന്നുണ്ടെങ്കിൽ, നിങ്ങൾക്ക് അത് ആരംഭ മെനുവിൽ കണ്ടെത്താനാകും, Mac-ലെ ആപ്ലിക്കേഷൻ ഫോൾഡറിൽ, അല്ലെങ്കിൽ ലിനക്സിലെ ആപ്ലിക്കേഷൻ മെനുവിൽ. വിപുലീകരണ മെനുവിൽ, തിരഞ്ഞെടുക്കുക “ബ്രൗസറിൽ തുറക്കുക”. ഇത് ഡിഫോൾട്ട് ബ്രൗസറിൽ ഫയൽ തുറക്കും. പിന്നെ, ആവശ്യമുള്ള ഫയലിൽ ക്ലിക്ക് ചെയ്യുക, നിങ്ങൾ അത് വിഷ്വൽ സ്റ്റുഡിയോ കോഡ് എഡിറ്ററിൽ കാണും.
നിങ്ങളുടെ HTML-സൈറ്റ് സൃഷ്ടിക്കുന്നത് തുടരുമ്പോൾ, നിങ്ങളുടെ കോഡ് സ്വയമേവ ഫോർമാറ്റ് ചെയ്യാൻ സഹായിക്കുന്ന Prettier എന്ന ഒരു വിപുലീകരണം നിങ്ങൾ ശ്രദ്ധിക്കും. വിഎസ് കോഡിന്റെ സൗജന്യ ഡൗൺലോഡാണ് പ്രെറ്റിയർ, ക്രമീകരണങ്ങളിൽ നിങ്ങൾ വ്യക്തമാക്കുന്ന ക്രമീകരണങ്ങൾ റൺ ചെയ്യും. ഈ വിപുലീകരണത്തിനായി നിങ്ങൾ തിരഞ്ഞെടുക്കുന്ന ഓപ്ഷനുകളിൽ ഉൾപ്പെടുന്നു “ഡോക്യുമെന്റ് ഫോർമാറ്റ് ചെയ്യുക” ഒപ്പം “സേവിൽ ഫോർമാറ്റ് ചെയ്യുക” – ഒരു വൃത്തിയുള്ള HTML-സൈറ്റ് സൃഷ്ടിക്കുന്നതിനുള്ള ഉപയോഗപ്രദമായ ഉപകരണങ്ങൾ. നിങ്ങൾ ദിവസവും വിഎസ് കോഡ് ഉപയോഗിക്കുകയാണെങ്കിൽ, നിങ്ങൾ നിരവധി അധിക സവിശേഷതകൾ കണ്ടെത്തും.
ഒരു Windows അല്ലെങ്കിൽ macOS ഓപ്പറേറ്റിംഗ് സിസ്റ്റത്തിൽ വെബ് ആപ്ലിക്കേഷനുകൾ നിർമ്മിക്കാൻ ആഗ്രഹിക്കുന്ന ഡെവലപ്പർമാർക്ക് വിഷ്വൽ സ്റ്റുഡിയോ കോഡ് ഉപയോഗിക്കുന്നത് ഒരു മികച്ച ഓപ്ഷനാണ്. ഇതിന് ധാരാളം ഇഷ്ടാനുസൃതമാക്കൽ ഓപ്ഷനുകൾ ഉണ്ട്, പതിപ്പ് നിയന്ത്രണവും എഡിറ്ററിൽ നിന്ന് നേരിട്ട് കമാൻഡുകൾ പ്രവർത്തിപ്പിക്കുന്നതും ഉൾപ്പെടെ. കൂടാതെ ഇത് വ്യക്തിഗത ഉപയോഗത്തിന് സൗജന്യമാണ്! വിഷ്വൽ സ്റ്റുഡിയോ അടിസ്ഥാന വെബ് ആപ്ലിക്കേഷനുകൾക്കുള്ള മികച്ച വികസന അന്തരീക്ഷമാണ്, വിഷ്വൽ സ്റ്റുഡിയോ കോഡ് ഒരു വ്യക്തിഗത വെബ് ആപ്ലിക്കേഷന്റെ മികച്ച ചോയിസായിരിക്കാം. നിങ്ങൾ ഒരു വിപുലമായ ഉപയോക്താവല്ലെങ്കിൽ, വിഷ്വൽ സ്റ്റുഡിയോ കോഡ് നിങ്ങൾക്ക് ഒരു മികച്ച തിരഞ്ഞെടുപ്പാണ്.