07 ൽ 01
ഒരു പുതിയ ഫോൾഡറിൽ നിങ്ങളുടെ ഫയലുകൾ സ്ഥാപിക്കുക
വിൻഡോസ് നോട്ട്പാഡ് എന്നത് നിങ്ങളുടെ വെബ് പേജുകൾ എഴുതാൻ ഉപയോഗിക്കുന്ന ഒരു അടിസ്ഥാന വേഡ് പ്രോസസ്സിംഗ് പ്രോഗ്രാമാണ്. വെബ് പേജുകൾ വെറും ടെക്സ്റ്റാണ് മാത്രമല്ല നിങ്ങളുടെ HTML എഴുതാൻ ഏതെങ്കിലും പദ പ്രോസസ്സിംഗ് പ്രോഗ്രാമിനായി ഉപയോഗിക്കാം. ഈ ട്യൂട്ടോറിയൽ നിങ്ങളെ പ്രക്രിയയിലൂടെ നടക്കുന്നു.
നോട്ട്പാഡിലെ പുതിയ വെബ്സൈറ്റ് സൃഷ്ടിക്കുമ്പോൾ ആദ്യം അത് സൂക്ഷിക്കാൻ ഒരു പ്രത്യേക ഫോൾഡർ ഉണ്ടാക്കുക എന്നതാണ്. സാധാരണയായി, നിങ്ങളുടെ വെബ് പേജുകൾ "എന്റെ പ്രമാണങ്ങൾ" ഫോൾഡറിലെ HTML എന്ന ഫോൾഡറിൽ നിങ്ങൾ സംഭരിക്കുന്നുവെങ്കിലും നിങ്ങൾക്ക് ഇഷ്ടമുള്ള സ്ഥലങ്ങളിൽ നിങ്ങൾക്കത് സംഭരിക്കാൻ കഴിയും.
- എന്റെ പ്രമാണ ജാലകം തുറക്കുക
- ഫയൽ > പുതിയ > ഫോൾഡർ ക്ലിക്കുചെയ്യുക
- ഫോൾഡർ my_website എന്ന് പേരുനൽകുക
ശ്രദ്ധിക്കുക: എല്ലാ ചെറിയ അക്ഷരങ്ങൾക്കും സ്പെയ്സുകളോ വിരാമങ്ങളില്ലാത്തവ ഉപയോഗിച്ച് വെബ് ഫോൾഡറുകളും ഫയലുകളും എന്നാക്കിത്തള്ളുക. വിൻഡോസ് സ്പേസുകൾ ഉപയോഗിക്കാൻ അനുവദിക്കുമ്പോൾ, പല വെബ് ഹോസ്റ്റിംഗ് പ്രൊവൈഡർമാരും ചെയ്യുന്നില്ല, കൂടാതെ നിങ്ങൾ ആദ്യം മുതൽ തന്നെ ഫോൾഡറുകൾക്കും ഫോൾഡറർക്കും പേര് നൽകിയിട്ടുണ്ടെങ്കിൽ കുറച്ചു സമയവും സ്വയം രക്ഷിക്കും.
07/07
HTML ആയി പേജ് സംരക്ഷിക്കുക
നോട്ട്പാഡിൽ ഒരു വെബ് പേജ് എഴുതുമ്പോൾ നിങ്ങൾ ആദ്യം ചെയ്യേണ്ട കാര്യം ആദ്യം HTML ആയി സംരക്ഷിക്കുകയാണ്. ഇത് നിങ്ങളെ സമയം ലാഭിക്കുകയും പിന്നീടുള്ള കുഴപ്പങ്ങൾ പരിഹരിക്കുകയും ചെയ്യും.
ഡയറക്ടറിയെപ്പോലെ, എല്ലായ്പ്പോഴും ചെറിയ അക്ഷരങ്ങളും സ്പെയ്സസും സ്പെഷ്യൽ ക്യാരക്ടറുകളും ഫയൽ നെയിം ഉപയോഗിക്കുന്നു.
- നോട്ട്പാഡിൽ, ഫയൽ ക്ലിക്കുചെയ്ത് ഇതിനെ സംരക്ഷിക്കുക.
- നിങ്ങളുടെ വെബ്സൈറ്റ് ഫയലുകൾ സംരക്ഷിക്കുന്ന ഫോൾഡറിലേക്ക് നാവിഗേറ്റുചെയ്യുക.
- എല്ലാ ഫയലുകളിലേക്കും സേവ് ആയി തരം ഡ്രോപ്പ്-ഡൌൺ മെനു മാറ്റുക (*. *).
- ഫയലിന്റെ പേര്.ഈ ടൂട്ടോറിയൽ പേര് pets.htm ആണ് ഉപയോഗിക്കുന്നത് .
07 ൽ 03
വെബ് പേജ് എഴുതുവാൻ തുടങ്ങുക
നോട്ട്പാഡ് HTML ഡോക്യുമെന്റിൽ നിങ്ങൾ ആദ്യം ടൈപ്പ് ചെയ്യേണ്ടത് DOCTYPE ആണ്. ഇത് പ്രതീക്ഷിക്കുന്ന എച്ച്ടിഎംഎൽ ബ്രൗസറുകളോട് ഇത് പറയുന്നു. ഈ ട്യൂട്ടോറിയൽ HTML5 ഉപയോഗിക്കുന്നു.
ഡോക് ടൈപ്പ് പ്രഖ്യാപനം ഒരു ടാഗുമല്ല . ഒരു HTML5 പ്രമാണം എത്തുന്നു എന്ന് കമ്പ്യൂട്ടറുമായി ഇത് പറയുന്നു. ഓരോ HTML5 പേജിന്റെയും മുകളിൽ ഇത് ഫോം ചെയ്യുകയും ചെയ്യുന്നു:
നിങ്ങൾക്ക് DOCTYPE ഉണ്ടെങ്കിൽ, നിങ്ങളുടെ HTML ആരംഭിക്കാം. രണ്ടും ആരംഭിക്കുക
ടാഗും അവസാന ടാഗും നിങ്ങളുടെ വെബ് പേജിലെ ബോഡി ഉള്ളടക്കം വേണ്ടി കുറച്ച് സ്ഥലം വിടുക. നിങ്ങളുടെ നോട്ട്പാഡ് പ്രമാണം ഇതുപോലെ ആയിരിക്കണം:
04 ൽ 07
നിങ്ങളുടെ വെബ് പേജിനായി ഒരു ഹെഡ് സൃഷ്ടിക്കുക
ഒരു വെബ് ഡോക്യുമെന്റിന്റെ തലയിൽ നിങ്ങളുടെ വെബ് പേജിനെ കുറിച്ചുള്ള അടിസ്ഥാന വിവരങ്ങൾ സൂക്ഷിക്കുന്നു-അതായത് പേജ് ശീർഷകം, തിരയൽ എഞ്ചിൻ ഒപ്റ്റിമൈസേഷനായി മെറ്റാ ടാഗുകൾ തുടങ്ങിയവ. ഒരു ഹെഡ് സെക്ഷൻ സൃഷ്ടിക്കാൻ, ചേർക്കുക
ടാഗുകൾക്കിടയിൽ നിങ്ങളുടെ നോട്ട്പാഡ് HTML ടെക്സ്റ്റ് പ്രമാണത്തിലെ ടാഗുകൾ.
അഴിഅതുപോലെ തന്നെ
ടാഗുകൾ, അവയ്ക്കിടയിൽ ചില സ്പെയ്സ് നൽകുക, അതിനാൽ നിങ്ങൾക്ക് ഹെഡ് വിവരം ചേർക്കാൻ ഇടമുണ്ട്.
07/05
ഹെഡ് സെക്ഷനിൽ ഒരു പേജ് ശീർഷകം ചേർക്കുക
നിങ്ങളുടെ വെബ് പേജിൻറെ തലക്കെട്ട് ബ്രൌസറിന്റെ ജാലകത്തിൽ കാണിക്കുന്ന വാചകമാണ്. ആരെങ്കിലും നിങ്ങളുടെ സൈറ്റ് സംരക്ഷിക്കുമ്പോൾ അത് ബുക്ക്മാർക്കുകളിലും പ്രിയപ്പെട്ടവയിലും എഴുതിയിരിക്കുന്നു. ശീർഷക വാചകംക്കിടയിൽ സംഭരിക്കുക
ടാഗുകൾ ഉപയോഗിച്ച് ടാഗുകൾ. ഇത് ബ്രൗസറിന്റെ മുകളിൽ മാത്രം വെബ് പേജിൽ ദൃശ്യമാകില്ല.
ഈ ഉദാഹരണ പേജ് "മക്കിൻലി, ഷസ്ത, മറ്റ് വളർത്തു മൃഗങ്ങൾ" എന്ന തലക്കെട്ടിനുണ്ട്.
അഴിഅഴി
മക്കിൻലി, ശാസ്ത, മറ്റ് വളർത്തുമൃഗങ്ങൾ
നിങ്ങളുടെ ടൈറ്റില് എത്ര ദൈര്ഘ്യമുണ്ടായാലും നിങ്ങളുടെ HTML- ലില് ഒന്നിലധികം ലൈനുകള് ഉണ്ടെങ്കില്, ചെറുതും വലുതുമായ ശീര്ഷകങ്ങള് വായിക്കാന് എളുപ്പമാണ്, കൂടാതെ ചില ബ്രൗസറുകള് ബ്രൌസര് വിന്ഡോയിലെ ദൈര്ഘ്യമുള്ളവ മുറിച്ചെടുക്കുന്നു.
07 ൽ 06
നിങ്ങളുടെ വെബ് പേജിന്റെ പ്രധാന ബോഡി
നിങ്ങളുടെ വെബ് പേജിന്റെ ബോഡിയിൽ സൂക്ഷിച്ചിരിക്കുന്നു
ടാഗുകൾ. ഇവിടെയാണ് നിങ്ങൾ വാചകം, തലക്കെട്ടുകൾ, ഉപതലക്കെട്ടുകൾ, ഇമേജുകൾ, ഗ്രാഫിക്സ്, ലിങ്കുകൾ, മറ്റ് എല്ലാ ഉള്ളടക്കവും ഇടുക. നിങ്ങൾ ഇഷ്ടപ്പെടുന്നിടത്തോളം കാലം കഴിയും.
നോട്ട്പാഡിൽ നിങ്ങളുടെ വെബ് പേജ് എഴുതാൻ അതേ ഫോർമാറ്റ് പിന്തുടരാനാകും.
നിങ്ങളുടെ തലക്കെട്ട് ഹെഡ് ഇങ്ങോട്ട് പോകുന്നുവേണ്ട വെബ്പേജിലെ എല്ലാം ഇവിടെയുണ്ട്
07 ൽ 07
ഒരു ഇമേജ് ഫോൾഡർ ഉണ്ടാക്കുന്നു
നിങ്ങളുടെ HTML പ്രമാണത്തിന്റെ ഉള്ളടക്കത്തിൽ ഉള്ളടക്കം ചേർക്കുന്നതിന് മുമ്പ്, നിങ്ങളുടെ ഡയറക്ടറികൾ സജ്ജമാക്കേണ്ടതാണ്, അങ്ങനെ നിങ്ങൾക്ക് ചിത്രങ്ങൾക്കായി ഒരു ഫോൾഡർ ഉണ്ടാകും.
- എന്റെ പ്രമാണ ജാലകം തുറക്കുക.
- My_website ഫോൾഡറിലേക്ക് മാറ്റുക.
- ഫയൽ > പുതിയ > ഫോൾഡർ ക്ലിക്കുചെയ്യുക .
- ഫോൾഡർ ഇമേജുകൾക്ക് പേരുനൽകുക.
ഇമേജുകൾ ഫോൾഡറിലെ നിങ്ങളുടെ വെബ്സൈറ്റിനായി നിങ്ങളുടെ എല്ലാ ചിത്രങ്ങളും സംഭരിക്കുക, അങ്ങനെ നിങ്ങൾക്ക് അവ പിന്നീട് കണ്ടെത്താം. നിങ്ങൾക്ക് ആവശ്യമുള്ളപ്പോൾ അവ അപ്ലോഡുചെയ്യാൻ ഇത് എളുപ്പമാക്കുന്നു.