HTML ഉൾക്കൊള്ളുന്നവ ഉപയോഗിക്കുന്നതിലൂടെ നിങ്ങളുടെ സൈറ്റിന്റെ മാനേജ്മെൻറ് വളരെ ലളിതമാകുന്നു
ഏതെങ്കിലും വെബ്സൈറ്റിലേക്ക് പോയി പേജിൽ നിന്ന് പേജിലേക്ക് നാവിഗേറ്റ് ചെയ്യുക. ആ പേജുകൾ ഓരോന്നും പല രീതിയിൽ വ്യത്യസ്തമായിരിക്കുമ്പോൾ തന്നെ അവ മറ്റുള്ളവരുടേതിന് സമാനമാണ്. മിക്കവാറും എല്ലാ വെബ്സൈറ്റുകളും സൈറ്റിലെ ഓരോ പേജിലും ആവർത്തിക്കുന്ന ഡിസൈനിലെ ഘടകങ്ങൾ ഉൾപ്പെടുന്നു. ഓരോ പേജിലും കണ്ടെത്താവുന്ന സൈറ്റ് ഘടകങ്ങളുടെ ചില ഉദാഹരണങ്ങൾ ലോഗോയും താമസിക്കുന്നതും നാവിഗേഷനും ഫൂട്ടർ ഏരിയയും ഹെഡ്ഡർ ഏരിയയാണ്.
ഒരു സൈറ്റിലെ ആവർത്തിച്ചുള്ള ഘടകങ്ങൾ ഉപയോക്തൃ അനുഭവത്തിൽ സ്ഥിരത നിലനിർത്താൻ അനുവദിക്കുന്നു. ഒരു സന്ദര്ശകനെ കണ്ടെത്താനായില്ല കാരണം ഓരോ പേജിലും നാവിഗേഷൻ കണ്ടെത്തേണ്ട ആവശ്യമില്ല, അവർ സന്ദർശിക്കുന്ന സൈറ്റിന്റെ മറ്റ് പേജുകളിൽ എവിടെയാണെന്ന് അവർക്ക് അറിയാം.
വെബ് ഡിസൈൻ കൂടുതൽ കാര്യക്ഷമതയോടെ എങ്ങനെ ഉൾപ്പെടുന്നു
ഒരു വെബ്സൈറ്റ് മാനേജ് ചെയ്യുന്ന ഒരാൾ എന്ന നിലയിൽ, ആവർത്തിച്ചുവരുന്ന പ്രദേശങ്ങൾ ഒരു വെല്ലുവിളി ഉയർത്തുന്നു. നിങ്ങൾ ആ മേഖലയിലെ എന്തെങ്കിലും മാറ്റം വരുത്തണമെങ്കിൽ? ഉദാഹരണത്തിന്, നിങ്ങളുടെ ഫൂട്ടർ (സൈറ്റിന്റെ എല്ലാ പേജിലുമുള്ള) ഒരു വർഷം ഒരു പകർപ്പവകാശ പ്രസ്താവന ഉണ്ടെങ്കിൽ, ആ വർഷം വരുമ്പോൾ എന്ത് മാറ്റം വരുത്തും, നിങ്ങൾ തീയതി എഡിറ്റുചെയ്യേണ്ടതുണ്ടോ? ആ വിഭാഗം എല്ലാ പേജിലുമുളളതിനാൽ, ആ മാറ്റം വരുത്താൻ നിങ്ങളുടെ സൈറ്റിന്റെ ഓരോ പേജും നിങ്ങൾ ഇപ്പോൾ എഡിറ്റ് ചെയ്യണം - അല്ലെങ്കിൽ നിങ്ങൾ?
ഉൾപ്പെടുത്തിയ ഉള്ളടക്കം ഈ ആവർത്തിച്ചുള്ള ഉള്ളടക്കത്തിനായി നിങ്ങളുടെ സൈറ്റിന്റെ എല്ലാ പേജുകളും എഡിറ്റ് ചെയ്യേണ്ടത് ആവശ്യമാണ്. പകരം, നിങ്ങൾ ഒരു ഫയൽ, നിങ്ങളുടെ മുഴുവൻ സൈറ്റിനെയും മാത്രം എഡിറ്റുചെയ്യുക, അതിലെ എല്ലാ പേജുകളും അപ്ഡേറ്റ് ലഭിക്കുന്നു!
ഈ ഫംഗ്ഷനെ നിങ്ങളുടെ സൈറ്റിലേക്ക് ചേർക്കാൻ കഴിയുന്ന ഏതാനും മാർഗങ്ങൾ നോക്കാം, മറ്റുള്ളവരിൽ ഒരു HTML ഫയൽ ഉൾപ്പെടുത്തുക.
ഉള്ളടക്ക മാനേജ്മെന്റ് സിസ്റ്റങ്ങളിൽ ആവർത്തിച്ചുള്ള ഉള്ളടക്കം
നിങ്ങളുടെ സൈറ്റ് ഒരു CMS ഉപയോഗിക്കുന്നുവെങ്കിൽ, ചില ടെംപ്ലേറ്റുകളും തീമുകളും ആ സോഫ്റ്റ്വെയറിന്റെ ഭാഗമാണ് ഉപയോഗിക്കുന്നത്. സ്ക്രാച്ചിൽ നിന്ന് ഈ ടെംപ്ലേറ്റുകൾ നിങ്ങൾ ഇച്ഛാനുസൃതമാക്കിയാലും, പേജുകൾക്കായി ഈ ചട്ടക്കൂട് ഇപ്പോഴും ബുദ്ധിമുട്ടിരിക്കുന്നു.
അതുപോലെ, ഓരോ പേജിലും ഉടനീളം ആവർത്തിക്കുന്ന സൈറ്റിന്റെ ഭാഗങ്ങൾ ആ സിഎംഎസ് ടെംപ്ലേറ്റുകളിൽ അടങ്ങിയിരിക്കും. നിങ്ങൾ സിഎംഎസ് ബാക്കെൻഡിലേക്ക് പ്രവേശിക്കുകയും ആവശ്യമായ ടെംപ്ലേറ്റുകൾ എഡിറ്റ് ചെയ്യുകയും ചെയ്യുക. ആ ടെംപ്ലേറ്റ് ഉപയോഗിക്കുന്ന സൈറ്റിലെ എല്ലാ പേജുകളും അപ്ഡേറ്റ് ചെയ്യപ്പെടും.
നിങ്ങളുടെ സൈറ്റിനായി ഒരു കണ്ടന്റ് മാനേജ്മെന്റ് സിസ്റ്റം ഇല്ലെങ്കിൽപ്പോലും, നിങ്ങൾക്ക് ഉൾപ്പെടുത്തപ്പെട്ട ഫയലുകളുടെ ഗുണം തുടർന്നും നേടാം. HTML ൽ, നിങ്ങളുടെ സൈറ്റിന്റെ ഈ ടെംപ്ലേറ്റ് ചെയ്ത ഏരിയകൾ കൂടുതൽ എളുപ്പത്തിൽ നിയന്ത്രിക്കാൻ സഹായിക്കാനാകും.
HTML ഉൾപ്പെടുന്നതെന്ത്?
ഉൾക്കൊള്ളുന്ന HTML ന്റെ ഒരു ഭാഗമാണ് അത് ഒരു പൂർണ്ണ HTML പ്രമാണം അല്ല. പകരം, ഒരു വെബ് പേജിൽ പ്രോഗ്രാമിനായി ചേർക്കാവുന്ന മറ്റൊരു പേജിന്റെ ഒരു ഭാഗമാണ് ഇത്. ഒരു വെബ്സൈറ്റിലെ ഒന്നിലധികം പേജുകളിൽ ആവർത്തിക്കുന്ന മുൻപറഞ്ഞവയാണ് ഏറ്റവും കൂടുതൽ ഉൾപ്പെടുന്ന ഫയലുകൾ. ഉദാഹരണത്തിന്:
- നാവിഗേഷൻ
- പകർപ്പവകാശ വിവരം
- ഹെഡ്ഡർ ഏരിയകൾ
- ഫൂട്ടർ ഏരിയകൾ
പേജുകളിൽ ഉൾപ്പെടുത്തിയിരിക്കുന്ന ആവർത്തിച്ചുവരുന്ന പ്രദേശങ്ങൾ ഉണ്ടായിരിക്കുന്നതിന് ഒരു മുൻകൂർതയുണ്ട്. നിർഭാഗ്യവശാൽ, ഒരു ഫയൽ ചേർക്കുന്നതിനുള്ള പ്രക്രിയ HTML ൽ മാത്രം സംഭവിച്ചേക്കാവുന്ന ഒന്നല്ല, അതിനാൽ നിങ്ങളുടെ വെബ് പേജുകളിൽ ഫയലുകൾ ഉൾപ്പെടുത്തുന്ന ചില പ്രോഗ്രാമുകളോ സ്ക്രിപ്റ്റുകളോ നിങ്ങൾക്ക് ആവശ്യമാണ്.
സെർവർ സൈഡ് ഉപയോഗിക്കുന്നത്
വെബ് പേജുകൾ മറ്റു പേജുകളിൽ ഉള്ള HTML പ്രമാണങ്ങൾ "ഉൾപ്പെടുത്താൻ" അനുവദിക്കുന്നതിനായി സെർവർ സൈഡ്, എസ്എസ്ഐ എന്നും അറിയപ്പെടുന്നു.
അടിസ്ഥാനപരമായി, ഒരു പ്രമാണത്തിൽ കണ്ടെത്തിയ സ്നിപ്പെറ്റ് പേജ് സെർവറിൽ റൺ ചെയ്യുകയും വെബ് ബ്രൗസറിലേക്ക് അയയ്ക്കുമ്പോൾ മറ്റൊന്നിലേക്ക് ചേർക്കുകയും ചെയ്യും.
SSI മിക്ക വെബ് സെർവറുകളിലും ഉൾപ്പെടുത്തിയിട്ടുണ്ട്, പക്ഷേ ഇത് പ്രവർത്തിപ്പിക്കുന്നതിന് നിങ്ങൾ ഇത് പ്രവർത്തനക്ഷമമാക്കേണ്ടതുണ്ട്. നിങ്ങളുടെ സെർവറിനെ SSI പിന്തുണയ്ക്കുന്നില്ലെങ്കിൽ, നിങ്ങളുടെ ഹോസ്റ്റിംഗ് പ്രൊവൈഡർ ബന്ധപ്പെടുക.
നിങ്ങളുടെ എല്ലാ വെബ് പേജുകളിലും എച്ച്ടിഎംഎൽ സ്നിപ്പറ്റ് ഉൾപ്പെടുത്താൻ എങ്ങനെ എസ്എസ്ഐ ഉപയോഗിക്കാമെന്നതിന്റെ ഒരു ഉദാഹരണം ഇതാ:
- നിങ്ങളുടെ സൈറ്റിന്റെ പൊതു ഘടകങ്ങൾക്കായി പ്രത്യേക ഫയലുകൾക്കായി HTML സംരക്ഷിക്കുക. ഉദാഹരണത്തിന്, നിങ്ങളുടെ നാവിഗേഷൻ വിഭാഗം navigation.html അല്ലെങ്കിൽ navigation.ssi ആയി സേവ് ചെയ്തിരിക്കാം .
- ഓരോ പേജിലെയും ആ HTML ഡോക്യുമെൻറിന്റെ കോഡ് ഉൾപ്പെടുത്തുന്നതിന് താഴെ പറയുന്ന SSI കോഡ് ഉപയോഗിക്കുക ( നിങ്ങളുടെ ഫയലിന്റെ പാതയും ഉദ്ധരണി ചിഹ്നങ്ങളും തമ്മിലുള്ള ഫയൽ നാമം പകരം വയ്ക്കുക ). {C}
- ഫയൽ ഉൾപ്പെടുത്താൻ ആഗ്രഹിക്കുന്ന എല്ലാ പേജിലും ഈ കോഡ് ചേർക്കുക.
PHP ഉപയോഗിക്കുന്നത്
സെർവർ ലെവൽ സ്ക്രിപ്റ്റിംഗ് ഭാഷയാണ് PHP. ഇതിന് ഒരുപാട് കാര്യങ്ങളുണ്ട്, പക്ഷെ ഒരു സാധാരണ ഉപയോഗം നിങ്ങളുടെ പേജിലെ HTML പ്രമാണങ്ങൾ ഉൾപ്പെടുത്തുന്നതിനാണ്, ഞങ്ങൾ ഒരു SSI- യുമായി കവർ ചെയ്തിരിക്കുന്നു.
SSI പോലെ, ഒരു സെർവർ ലെവൽ സാങ്കേതികവിദ്യയാണ് PHP. നിങ്ങളുടെ വെബ്സൈറ്റിൽ നിങ്ങളുടെ പി.എച്ച്.പി പ്രവർത്തനങ്ങൾ ഉണ്ടെന്ന് ഉറപ്പുണ്ടെങ്കിൽ നിങ്ങളുടെ ഹോസ്റ്റിംഗ് ദാതാവിനെ ബന്ധപ്പെടുക.
ഏതെങ്കിലും പി.എച്ച്.പി. പ്രാപ്ത വെബ്പേജിൽ HTML ന്റെ ഒരു സ്നിപ്പെറ്റ് ഉൾപ്പെടുത്തുന്നതിനായി ഉപയോഗിക്കാവുന്ന ലളിതമായ ഒരു PHP സ്ക്രിപ്റ്റ് ഇതാ:
- ഫയലുകൾ വേർതിരിക്കുന്നതിന് നാവിഗേഷൻ പോലുള്ള നിങ്ങളുടെ സൈറ്റിന്റെ പൊതുവായ ഘടകങ്ങൾക്കായി HTML സംരക്ഷിക്കുക. ഉദാഹരണത്തിന്, നിങ്ങളുടെ നാവിഗേഷൻ വിഭാഗം navigation.html അല്ലെങ്കിൽ navigation.ssi ആയി സേവ് ചെയ്തിരിക്കാം .
- ഓരോ പേജിലെയും HTML ഉൾപ്പെടുത്തുന്നതിനായി ഇനിപ്പറയുന്ന PHP കോഡ് ഉപയോഗിക്കുക ( നിങ്ങളുടെ ഫയലിന്റെ പാതയും ഉദ്ധരണി ചിഹ്നങ്ങളും തമ്മിലുള്ള ഫയൽനാമം ). navigation.php ");;>
- ഫയൽ ഉൾപ്പെടുത്താൻ ആഗ്രഹിക്കുന്ന എല്ലാ പേജിലും ഇതേ കോഡ് ചേർക്കുക.
JavaScript ഉൾപ്പെടുന്നു
നിങ്ങളുടെ സൈറ്റിന്റെ പേജുകളിൽ HTML ഉൾപ്പെടുത്തുന്നതിനുള്ള മറ്റൊരു മാർഗമാണ് JavaScript. സർവർ-ലെവൽ പ്രോഗ്രാമിങ് ആവശ്യമില്ല എന്നതിന്റെ പ്രയോജനങ്ങൾക്ക് ഇത് ഉപകരിക്കുന്നുണ്ട്, പക്ഷേ ഇത് വളരെ സങ്കീർണമായതാണ് - അത് JavaScript- നെ അനുവദിക്കുന്ന ഒരു ബ്രൌസറിനായി പ്രവർത്തിക്കുന്നു, ഇത് പ്രവർത്തനരഹിതമാക്കുകയാണെങ്കിൽ ഉപയോക്താവിന് അത് പ്രവർത്തനരഹിതമാക്കാതിരിക്കുക.
ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗിച്ച് HTML ന്റെ ഒരു സ്നിപ്പെറ്റ് എങ്ങനെ ഉൾപ്പെടുത്താവുന്നതാണ് :
- നിങ്ങളുടെ സൈറ്റിന്റെ പൊതുവായ ഘടകങ്ങൾക്കായി ഒരു JavaScript ഫയലിലേക്ക് HTML സംരക്ഷിക്കുക. ഈ ഫയലിൽ എഴുതിയിട്ടുള്ള ഏത് HTML- ഉം, document.write ഫംഗ്ഷനോടൊപ്പം സ്ക്രീനിലേക്ക് പ്രിന്റുചെയ്യണം.
- നിങ്ങളുടെ വെബ്സൈറ്റിലേക്ക് ആ ഫയൽ അപ്ലോഡുചെയ്യുക.
- നിങ്ങളുടെ പേജുകളിലെ JavaScript ഫയൽ ഉൾപ്പെടുത്താൻ