ആധുനിക വെബ് വിവര സാങ്കേതിക വിദ്യകൾ നമ്മുടെ ലോകത്തെ അതിവേഗം മാറ്റുകയും വെബ് സാങ്കേതികവിദ്യകളുടെ വികസനത്തെ നേരിട്ട് സ്വാധീനിക്കുകയും ചെയ്യുന്നു. ഈ സാങ്കേതിക വിപ്ലവം ബിസിനസ്സിനെ മാത്രമല്ല, വ്യക്തിപരവും തൊഴിൽപരവുമായ ജീവിതത്തെയും വളരെയധികം സ്വാധീനിച്ചിട്ടുണ്ട്. ഏറ്റവും പുതിയ വെബ് സാങ്കേതികവിദ്യകൾ സാമൂഹിക ജീവിതത്തിന്റെ എല്ലാ മേഖലകളിലും കടന്നുകയറുന്നു, ആശയവിനിമയ രീതികളും വെബ് പ്രോജക്റ്റുകൾ നടത്തുന്നതിനുള്ള തത്വങ്ങളും മാറ്റുന്നു. ആധുനിക കമ്പനികൾ, രണ്ടാമത്തേതിന്റെ വിധി നിർണ്ണയിക്കുന്നു. ആധുനിക വെബ് വിവരസാങ്കേതികവിദ്യകളുടെ ആന്തരിക സങ്കീർണ്ണതയും അങ്ങേയറ്റം ലാളിത്യവും അവരുടെ പ്രൊഫഷണൽ പ്രവർത്തനങ്ങളിൽ അവരുടെ ഉപയോഗം ദിനംപ്രതി നേരിടുന്ന എല്ലാവർക്കും അവ ആക്സസ് ചെയ്യാൻ കഴിയുന്നതാക്കുന്നു.

ദൈനംദിന ജീവിതത്തിലും ബിസിനസ്സിലും, കത്തിടപാടുകളിലും വ്യാപാരത്തിലും, ആളുകളും ഓർഗനൈസേഷനുകളും വെബ് ഉപയോഗിക്കുന്നു, അവർ വിവരങ്ങളും ചരക്കുകളും സേവനങ്ങളും വാഗ്ദാനം ചെയ്യുന്ന സ്വന്തം വെബ്‌സൈറ്റുകൾ സൃഷ്ടിക്കുന്നു. വെബ് ഉറവിടങ്ങൾ സൃഷ്ടിക്കുന്നതിനുള്ള ഉപകരണങ്ങൾ അതിവേഗം വികസിച്ചുകൊണ്ടിരിക്കുന്നു, നിർത്താതെ തന്നെ, സങ്കീർണ്ണമായ വെബ് ഡോക്യുമെന്റുകൾ സൃഷ്ടിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു, അവയുടെ ഘടനയെയും രൂപത്തെയും കുറിച്ച് പ്രത്യേക അറിവ് ആവശ്യമില്ല, ഉൽപ്പാദനക്ഷമമായ സൃഷ്ടിപരമായ പ്രവർത്തനത്തിനുള്ള സമയം സ്വതന്ത്രമാക്കുന്നു. വെബ് സാങ്കേതികവിദ്യകളുടെ പ്രധാന നേട്ടം ആധുനിക സാഹചര്യങ്ങൾഅവയുടെ ലാളിത്യത്തിലും, അനന്തരഫലമായി, അവയുടെ ഉപയോഗത്തിന്റെ കാര്യക്ഷമത വർദ്ധിപ്പിക്കുന്നതിലും കിടക്കുന്നു.

ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ലാംഗ്വേജ് HTML

വേൾഡ് വൈഡ് വെബിന്റെ (ഡബ്ല്യുഡബ്ല്യുഡബ്ല്യു) വരവാണ് ഇന്റർനെറ്റിന്റെ ജനപ്രീതിക്ക് കാരണം, കാരണം ഇത് ഉപയോക്താവിന് എളുപ്പമുള്ള ആദ്യ നെറ്റ്‌വർക്ക് സാങ്കേതികവിദ്യയാണ്. ആധുനിക ഇന്റർഫേസ്വിവിധ നെറ്റ്‌വർക്ക് ഉറവിടങ്ങൾ ആക്‌സസ് ചെയ്യാൻ. ലാളിത്യവും ഉപയോഗത്തിന്റെ എളുപ്പവും WWW ഉപയോക്താക്കളുടെ എണ്ണത്തിൽ വർദ്ധനവിന് കാരണമാവുകയും വാണിജ്യ ഘടനകളുടെ ശ്രദ്ധ ആകർഷിക്കുകയും ചെയ്തു. തുടർന്ന് ഉപയോക്താക്കളുടെ എണ്ണത്തിലെ വളർച്ചയുടെ പ്രക്രിയ ഒരു ഹിമപാതമായി മാറി, ഇത് ഇന്നും തുടരുന്നു. എല്ലാ വിവര വിഭവങ്ങളും സംയോജിപ്പിക്കേണ്ടതിന്റെ ആവശ്യകതയെ അടിസ്ഥാനമാക്കി, ഹൈപ്പർടെക്സ്റ്റ് നിർവചിച്ചിരിക്കുന്ന സഹായത്തോടെ സാങ്കേതികവിദ്യ വികസിക്കാൻ തുടങ്ങി. നാവിഗേഷൻ സിസ്റ്റം. ഈ സാങ്കേതികവിദ്യ HTML ഭാഷയായി മാറി. HTML സാങ്കേതികവിദ്യ ഓണാണ് പ്രാരംഭ ഘട്ടംവളരെ ലളിതമായിരുന്നു, മിക്കവാറും എല്ലാ നെറ്റ്‌വർക്ക് ഉപയോക്താക്കൾക്കും ഒരേസമയം വേൾഡ് വൈഡ് വെബിൽ പ്രസിദ്ധീകരിച്ച വിവര സാമഗ്രികളുടെ സ്രഷ്‌ടാക്കളും വായനക്കാരും ആയി സ്വയം പരീക്ഷിക്കാൻ അവസരം ലഭിച്ചു. സാങ്കേതികവിദ്യയുടെ വിവിധ ഘടകങ്ങൾ വികസിപ്പിക്കുമ്പോൾ, വിവര ഉറവിടങ്ങളുടെയും അവരുടെ ഉപകരണങ്ങളുടെയും രചയിതാക്കളുടെ യോഗ്യതകൾ അനുമാനിക്കപ്പെട്ടുവെന്നതാണ് വസ്തുത. കമ്പ്യൂട്ടർ സാങ്കേതികവിദ്യചുരുങ്ങിയത് ആയിരിക്കും.

HTML ഭാഷ (ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ഭാഷ, ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ഭാഷ) എന്ന് വിളിക്കപ്പെടുന്ന മാർക്ക്അപ്പ് ഭാഷകളിൽ ഒന്നാണ്. "മാർക്ക്അപ്പ്" എന്ന പദം ഡോക്യുമെന്റിനൊപ്പം പ്രദർശിപ്പിക്കാത്ത പൊതുവായ സേവന വിവരങ്ങളെ സൂചിപ്പിക്കുന്നു, പക്ഷേ നിർവചിക്കുന്നു; ഡോക്യുമെന്റിന്റെ ചില ശകലങ്ങൾ എങ്ങനെയായിരിക്കണം. ഉദാഹരണത്തിന്, ഒരു വാക്ക് ബോൾഡ് അല്ലെങ്കിൽ ഇറ്റാലിക് ഫോണ്ടിൽ പ്രദർശിപ്പിക്കാൻ നിങ്ങൾക്ക് അഭ്യർത്ഥിക്കാം പ്രത്യേക ഖണ്ഡികഒരു പ്രത്യേക ഫോണ്ടിൽ അല്ലെങ്കിൽ വലിയ ഫോണ്ടിൽ തലക്കെട്ടുകൾ ഉണ്ടാക്കുക.

ഈ ദിവസങ്ങളിൽ നിരവധി വ്യത്യസ്ത മാർക്ക്അപ്പ് ഭാഷകൾ ലഭ്യമാണ്. ഉദാഹരണത്തിന്, ഇൻ ആശയവിനിമയ പരിപാടികൾ പ്രത്യേക രൂപംമാർക്ക്അപ്പ് ഇൻറർനെറ്റിലേക്ക് അയച്ച പൂജ്യങ്ങളുടെയും ഓരോ പാക്കറ്റിന്റെയും അർത്ഥം നിർണ്ണയിക്കുന്നു. എന്നിരുന്നാലും, ഏത് മാർക്ക്അപ്പ് ഭാഷയും രണ്ട് പ്രധാന പ്രശ്നങ്ങൾ പരിഹരിക്കണം:

1) ഭാഷ മാർക്ക്അപ്പ് വാക്യഘടനയെ നിർവചിക്കുന്നു;

2) ഭാഷ മാർക്ക്അപ്പിന്റെ അർത്ഥം നിർണ്ണയിക്കുന്നു.

വെബ് പേജുകൾക്കായുള്ള ഏറ്റവും സാധാരണമായ മാർക്ക്അപ്പ് ഭാഷ HTML ആണ്. ഈ മാർക്ക്അപ്പ് ഭാഷ SGML-ന്റെ ഒരു ഉപവിഭാഗമായി സൃഷ്ടിക്കുകയും പ്രമോട്ട് ചെയ്യുകയും ചെയ്തു. 1974-ൽ ചാൾസ് ഗോൾഡ്‌ഫാർബ് ആദ്യമായി നിർദ്ദേശിച്ചു ISO നിലവാരം SGML (സ്റ്റാൻഡേർഡ് ജനറലൈസ്ഡ് മാർക്ക്അപ്പ് ലാംഗ്വേജ്) ഒരു ലോഹഭാഷയാണ് - മറ്റ് ഭാഷകളെ വിവരിക്കുന്നതിനുള്ള ഒരു സംവിധാനം.

എസ്‌ജി‌എം‌എൽ നിലവാരത്തിന്റെ ആവിർഭാവം ആവശ്യകത മൂലമാണ് പങ്കുവയ്ക്കുന്നുവ്യത്യസ്ത ആപ്ലിക്കേഷനുകളിൽ നിന്നും ഓപ്പറേറ്റിംഗ് സിസ്റ്റങ്ങളിൽ നിന്നുമുള്ള ഡാറ്റ. 60 കളിൽ പോലും കമ്പ്യൂട്ടർ ഉപയോക്താക്കൾക്ക് നിരവധി അനുയോജ്യത പ്രശ്നങ്ങൾ ഉണ്ടായിരുന്നു. പല നിലവാരമില്ലാത്ത മാർക്ക്അപ്പ് ഭാഷകളുടെയും പോരായ്മകൾ വിശകലനം ചെയ്ത ശേഷം, മൂന്ന് IBM ശാസ്ത്രജ്ഞർ - ചാൾസ് ഗോൾഡ്‌ഫാർബ്, എഡ് മോഷർ, റേ ലോറി - ഇത് സാധ്യമാക്കുന്ന മൂന്ന് പൊതു തത്വങ്ങൾ രൂപീകരിച്ചു. സഹകരണംവിവിധ ഓപ്പറേറ്റിംഗ് സിസ്റ്റങ്ങളിലെ പ്രമാണങ്ങൾക്കൊപ്പം.

1) ഡോക്യുമെന്റുകൾ പ്രോസസ്സ് ചെയ്യുന്ന എല്ലാ പ്രോഗ്രാമുകളിലും യൂണിഫോം ഫോർമാറ്റിംഗ് തത്വങ്ങളുടെ ഉപയോഗം. തികച്ചും യുക്തിസഹമായ ആവശ്യകത - വ്യത്യസ്ത ഭാഷകൾ സംസാരിക്കുന്ന ആളുകൾക്ക് പരസ്പരം യോജിക്കുന്നത് എത്ര ബുദ്ധിമുട്ടാണെന്ന് നമുക്കെല്ലാവർക്കും അറിയാം. ഒരു കൂട്ടം വാക്യഘടനകളുടെയും പൊതുവായ അർത്ഥശാസ്‌ത്രങ്ങളുടെയും സാന്നിധ്യം പ്രോഗ്രാമുകൾ തമ്മിലുള്ള ഇടപെടലിനെ ഗണ്യമായി ലളിതമാക്കുന്നു.

2) ഫോർമാറ്റിംഗ് ഭാഷകളുടെ സ്പെഷ്യലൈസേഷൻ. ഒരു കൂട്ടം സ്റ്റാൻഡേർഡ് നിയമങ്ങളെ അടിസ്ഥാനമാക്കി ഒരു പ്രത്യേക ഭാഷ നിർമ്മിക്കാനുള്ള കഴിവിന് നന്ദി, പ്രോഗ്രാമർ ബാഹ്യ നിർവ്വഹണങ്ങളെയും അന്തിമ ഉപയോക്താവിന്റെ ആവശ്യങ്ങളെക്കുറിച്ചുള്ള അവരുടെ ആശയങ്ങളെയും ആശ്രയിക്കുന്നത് അവസാനിപ്പിക്കുന്നു.

3) ഡോക്യുമെന്റ് ഫോർമാറ്റിന്റെ വ്യക്തമായ നിർവ്വചനം. ഡോക്യുമെന്റ് ഫോർമാറ്റ് നിർവചിക്കുന്ന നിയമങ്ങൾ ഡോക്യുമെന്റിൽ ഉപയോഗിച്ചിരിക്കുന്ന ഭാഷാ നിർമ്മാണങ്ങളുടെ എണ്ണവും അടയാളപ്പെടുത്തലും വ്യക്തമാക്കുന്നു. അപേക്ഷ സ്റ്റാൻഡേർഡ് ഫോർമാറ്റ്പ്രമാണത്തിന്റെ ഉള്ളടക്കത്തിന്റെ ഘടന ഉപയോക്താവിന് കൃത്യമായി അറിയാമെന്ന് ഉറപ്പാക്കുന്നു. ദയവായി ശ്രദ്ധിക്കുക: ഇത് ഡോക്യുമെന്റിന്റെ ഡിസ്പ്ലേ ഫോർമാറ്റിനെക്കുറിച്ചല്ല, മറിച്ച് അതിന്റെ ഘടനാപരമായ ഫോർമാറ്റിനെക്കുറിച്ചാണ്. ഈ ഫോർമാറ്റ് വിവരിക്കുന്ന നിയമങ്ങളുടെ കൂട്ടത്തെ "ഡോക്യുമെന്റ് തരം ഡെഫനിഷൻ" എന്ന് വിളിക്കുന്നു ( പ്രമാണ തരംനിർവചനം, DTD).

ഈ മൂന്ന് നിയമങ്ങളായിരുന്നു SGML-ന്റെ മുൻഗാമിയായ GML-ന്റെ അടിസ്ഥാനം (ജനറലൈസ്ഡ് മാർക്ക്അപ്പ് ലാംഗ്വേജ്). ഒരു അന്താരാഷ്‌ട്ര ഡെവലപ്പർമാരുടെ ഒരു കരാറിന്റെ ഫലമായി എസ്‌ജി‌എം‌എൽ നിലവാരം ഉയർന്നുവരുന്നതുവരെ ജി‌എം‌എല്ലിന്റെ ഗവേഷണവും വികസനവും ഏകദേശം പത്ത് വർഷത്തോളം തുടർന്നു.

HTML (ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ലാംഗ്വേജ്) ആണ് കമ്പ്യൂട്ടർ ഭാഷ, ഇത് വേൾഡ് വൈഡ് വെബിന് അടിവരയിടുന്നു. വെബിൽ ഡോക്യുമെന്റ് അവതരണത്തിനുള്ള ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ഭാഷയായ SGML സ്റ്റാൻഡേർഡിനെ അടിസ്ഥാനമാക്കിയുള്ളതാണ് HTML. പ്രധാന വെബ് മാനദണ്ഡങ്ങളിലൊന്നായ HTML ഭാഷാ മാനദണ്ഡങ്ങൾ W3C കൺസോർഷ്യമാണ് വികസിപ്പിക്കുകയും പരിപാലിക്കുകയും ചെയ്യുന്നത്. ഈ അന്താരാഷ്ട്ര കൺസോർഷ്യത്തിന്റെ സ്ഥാപകൻ ടിം ബെർണേഴ്‌സ്-ലീ ആണ്. ഫോർമാറ്റിംഗ് മാനദണ്ഡങ്ങൾ സൃഷ്ടിക്കുന്നതിനു പുറമേ, സെമാന്റിക് വെബ് (സെമാന്റിക് നെറ്റ്‌വർക്ക്) വികസിപ്പിക്കുന്നതിനുള്ള കേന്ദ്രമാണ് കൺസോർഷ്യം. HTML ഭാഷ ഡോക്യുമെന്റുകൾക്കായി ഫോർമാറ്റ് മാർക്ക്അപ്പ് നൽകുകയും ഡോക്യുമെന്റുകൾ കൂടാതെ/അല്ലെങ്കിൽ അവയുടെ ശകലങ്ങൾക്കിടയിലുള്ള ഹൈപ്പർലിങ്കുകൾ നിർവചിക്കുകയും ചെയ്യുന്നു.

സാധാരണ HTML കോഡ് എഴുതുന്നതിനുള്ള അടിസ്ഥാനമായി തിരഞ്ഞെടുത്തു. ടെക്സ്റ്റ് ഫയൽ. അതിനാൽ, WWW ആശയത്തിലെ ഒരു ഹൈപ്പർടെക്സ്റ്റ് ഡാറ്റാബേസ് എന്നത് HTML-ൽ അടയാളപ്പെടുത്തിയിരിക്കുന്ന ടെക്സ്റ്റ് ഫയലുകളുടെ ഒരു കൂട്ടമാണ്, ഇത് വിവര അവതരണത്തിന്റെ രൂപവും (മാർക്ക്അപ്പ്) ഈ ഫയലുകളും മറ്റ് വിവര ഉറവിടങ്ങളും (ഹൈപ്പർടെക്സ്റ്റ് ലിങ്കുകൾ) തമ്മിലുള്ള കണക്ഷനുകളുടെ ഘടനയും നിർണ്ണയിക്കുന്നു.

HTML ഡവലപ്പർമാർക്ക് രണ്ട് പ്രശ്നങ്ങൾ പരിഹരിക്കാൻ കഴിഞ്ഞു:

ഹൈപ്പർടെക്സ്റ്റ് ഡാറ്റാബേസ് ഡിസൈനർമാർക്ക് ഡോക്യുമെന്റുകൾ സൃഷ്ടിക്കുന്നതിനുള്ള ലളിതമായ മാർഗ്ഗം നൽകുക;

ഹൈപ്പർടെക്സ്റ്റ് ഡാറ്റാബേസുകളുടെ ഉപയോക്തൃ ഇന്റർഫേസിനെക്കുറിച്ച് നിലവിലുള്ള ആശയങ്ങൾ പ്രതിഫലിപ്പിക്കാൻ ഈ ടൂൾ ശക്തമാക്കുക.

പ്രമാണ വിവരണത്തിനായി ഒരു ടാഗിംഗ് മോഡൽ തിരഞ്ഞെടുത്ത് ആദ്യ പ്രശ്നം പരിഹരിച്ചു. ഡിസൈനിന്റെ പ്രിന്റിംഗ് ലെവൽ ഉപയോഗിച്ച് സ്ക്രീനിൽ പ്രദർശിപ്പിക്കുന്ന ഒരു ഇലക്ട്രോണിക് പ്രമാണം അടയാളപ്പെടുത്താൻ HTML ഭാഷ നിങ്ങളെ അനുവദിക്കുന്നു; തത്ഫലമായുണ്ടാകുന്ന പ്രമാണത്തിൽ വൈവിധ്യമാർന്ന ലേബലുകൾ, ചിത്രീകരണങ്ങൾ, ഓഡിയോ, വീഡിയോ ശകലങ്ങൾ മുതലായവ അടങ്ങിയിരിക്കാം. വ്യത്യസ്ത തലത്തിലുള്ള തലക്കെട്ടുകൾ, ഫോണ്ട് തിരഞ്ഞെടുക്കലുകൾ, വിവിധ ലിസ്റ്റുകൾ, പട്ടികകൾ എന്നിവയും അതിലേറെയും സൃഷ്ടിക്കുന്നതിനുള്ള വികസിപ്പിച്ച ഉപകരണങ്ങൾ ഭാഷയിൽ ഉൾപ്പെടുന്നു.

രണ്ടാമത് പ്രധാനപ്പെട്ട പോയിന്റ് HTML-ന്റെ വിധിയെ സ്വാധീനിച്ചത് ഒരു സാധാരണ ടെക്സ്റ്റ് ഫയൽ അടിസ്ഥാനമായി തിരഞ്ഞെടുത്തു എന്നതാണ്. ബുധനാഴ്ച HTML എഡിറ്റിംഗ്ഒരു ലളിതമായ ടെക്‌സ്‌റ്റ് ഫയലിനും WYSIWYG (നിങ്ങൾ കാണുന്നത് അതാണ് നിങ്ങൾക്ക് ലഭിക്കുന്നത്) ആപ്ലിക്കേഷനും ഇടയിലുള്ള ആളില്ലാത്ത സ്ഥലമാണ്. എഡിറ്റിംഗ് പരിതസ്ഥിതി തിരഞ്ഞെടുക്കുന്നത് ടെക്സ്റ്റ് എഡിറ്റിംഗിന്റെ എല്ലാ നേട്ടങ്ങളും നിങ്ങൾക്ക് നൽകുന്നു.

തമ്മിലുള്ള കണക്ഷനുകൾ സ്ഥാപിക്കുന്ന ഹൈപ്പർടെക്സ്റ്റ് ലിങ്കുകൾ ടെക്സ്റ്റ് പ്രമാണങ്ങൾ, ക്രമേണ ശബ്ദവും വീഡിയോയും ഉൾപ്പെടെ വിവിധ വിവര ഉറവിടങ്ങൾ സംയോജിപ്പിക്കാൻ തുടങ്ങി. സിസ്റ്റം HTML ഹൈപ്പർലിങ്കുകൾവിവിധ മാനദണ്ഡങ്ങൾക്കനുസൃതമായി പരസ്പരബന്ധിതമായ പ്രമാണങ്ങളുടെ ഒരു സംവിധാനം നിർമ്മിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു. ഫോണ്ടുകളുടെ ആകൃതിയും വലുപ്പവും, ചിത്രീകരണങ്ങളുടെ വലുപ്പവും സ്ഥാനവും നിയന്ത്രിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്ന കമാൻഡുകൾ (ടാഗുകൾ) HTML ഭാഷയിൽ അടങ്ങിയിരിക്കുന്നു, കൂടാതെ ടെക്‌സ്‌റ്റിന്റെയോ ചിത്രീകരണത്തിന്റെയോ ഒരു ശകലത്തിൽ നിന്ന് മറ്റ് HTML പ്രമാണങ്ങളിലേക്ക് നീങ്ങാൻ നിങ്ങളെ അനുവദിക്കുന്നു - ഹൈപ്പർടെക്‌സ്‌റ്റ് ലിങ്ക് എന്ന് വിളിക്കപ്പെടുന്നവ . html ഫോർമാറ്റിലുള്ള ഒരു പ്രമാണം എല്ലാം ഉൾക്കൊള്ളുന്ന ഒരു ടെക്സ്റ്റ് ഫയലാണ് ആവശ്യമായ വിവരങ്ങൾസ്ക്രീനിൽ പ്രദർശിപ്പിച്ചിരിക്കുന്ന വിവരങ്ങളെക്കുറിച്ച്. വെബ്‌സൈറ്റ് ബ്രൗസിംഗ് സ്‌ക്രിപ്റ്റുകൾ (വേൾഡ് വൈഡ് വെബിൽ ഹോസ്റ്റ് ചെയ്‌തിരിക്കുന്ന ഒരു ഹൈപ്പർടെക്‌സ്‌റ്റ് ഡാറ്റാബേസ്) നിയന്ത്രിക്കുന്നതിന് നിങ്ങൾക്ക് JavaScript, Java, VBScript പോലുള്ള സ്‌ക്രിപ്റ്റിംഗ് ഭാഷകൾ ഉപയോഗിക്കാം. പിന്നീട് പ്രോസസ്സ് ചെയ്ത ഡാറ്റയുടെ ഉപയോക്തൃ ഇൻപുട്ടിനുള്ള ഫോമുകളും മറ്റ് വിവരങ്ങളും പ്രത്യേക സെർവർ പ്രോഗ്രാമുകൾ ഉപയോഗിച്ച് പ്രോസസ്സ് ചെയ്യാവുന്നതാണ് (ഉദാഹരണത്തിന്, PHP ഭാഷകൾഅല്ലെങ്കിൽ പേൾ). പേജുകളിലും കൂടാതെ ഹൈപ്പർടെക്സ്റ്റ് ലിങ്കുകൾ സ്ഥാപിക്കാൻ HTML ഭാഷ നിങ്ങളെ അനുവദിക്കുന്നു സംവേദനാത്മക ബട്ടണുകൾ, നിങ്ങളുടെ വെബ് പേജുകളെ അതേ വെബ്‌സൈറ്റിലെ മറ്റ് പേജുകളിലേക്കും ലോകമെമ്പാടുമുള്ള മറ്റ് വെബ്‌സൈറ്റുകളിലേക്കും ബന്ധിപ്പിക്കുന്നു.

HTML എന്നത് ഒരു ടെക്സ്റ്റ് മാർക്ക്അപ്പ് ഭാഷയാണ്, പ്രോഗ്രാമിംഗ് ഭാഷയല്ല, ഇത് വെബ് പേജുകൾ സൃഷ്ടിക്കാൻ ഉപയോഗിക്കുന്ന ടൂളുകളിൽ ഒന്ന് (കൂടുതൽ കൃത്യമായി പറഞ്ഞാൽ, ഒരു പേജ് വിവരണ ഭാഷ) മാത്രമാണ്. പ്രസിദ്ധീകരണ പ്രോഗ്രാമുകളുടെ കഴിവുകളുമായി താരതമ്യപ്പെടുത്തുമ്പോൾ HTML-ന് പരിമിതമായ ടെക്സ്റ്റ് ഫോർമാറ്റിംഗ് കഴിവുകളാണുള്ളത്, പ്രത്യേകിച്ച് സങ്കീർണ്ണമായ ഘടകങ്ങളാൽ സമ്പന്നമായ ടെക്സ്റ്റ് പ്രസിദ്ധീകരിക്കുമ്പോൾ.

ഇപ്പോഴും അത്ര സൗകര്യപ്രദമായ ഒന്നുമില്ല HTML എഡിറ്റർമാർ, അതുവഴി നിങ്ങൾക്ക് ഒരു ടെക്സ്റ്റ് എഡിറ്ററും ടാഗുകളുടെ മാനുവൽ പ്ലേസ്‌മെന്റും ഇല്ലാതെ ചെയ്യാൻ കഴിയും. ഇത് ഭാഷയുമായുള്ള പ്രവർത്തനത്തെ സങ്കീർണ്ണമാക്കുകയും അവർക്ക് തികച്ചും അസാധാരണമായ ഫംഗ്ഷനുകൾ മാസ്റ്റർ ചെയ്യേണ്ടത് അനിവാര്യമാക്കുകയും ചെയ്യുന്നു.

HTML ഭാഷയുടെ സവിശേഷതകൾ വിശകലനം ചെയ്യുകയും അതിന്റെ വികസനത്തിന്റെ നിലവാരം വിലയിരുത്തുകയും ചെയ്യുമ്പോൾ, വരും വർഷങ്ങളിൽ അതിന്റെ കൂടുതൽ നൂതനമായ പരിഷ്കാരങ്ങൾ, പുതിയ ഭാഷകൾ എന്നിവയുടെ രൂപം പ്രതീക്ഷിക്കണം എന്ന നിഗമനത്തിലെത്താം. ആപ്ലിക്കേഷൻ പാക്കേജുകൾവെബ് പേജുകളിൽ പ്രവർത്തിക്കുന്നതിന്.

ചലനാത്മകവും സ്ഥിരവുമായ HTML പ്രമാണങ്ങൾ

രണ്ട് തരത്തിലുള്ള HTML പ്രമാണങ്ങളുണ്ട് - സ്റ്റാറ്റിക്, ഡൈനാമിക്. സ്റ്റാറ്റിക് പ്രമാണങ്ങൾ ഫയലുകളിൽ സൂക്ഷിക്കുന്നു ഫയൽ സിസ്റ്റം, ഇത് കാണുമ്പോൾ വെബ് സെർവറോ ബ്രൗസറോ ഉപയോഗിക്കുന്നു പ്രാദേശിക ഫയലുകൾ. ഒരു വെബ് സെർവറിൽ വിവരങ്ങൾ പോസ്റ്റുചെയ്യുമ്പോൾ, നിങ്ങൾക്ക് ഡൈനാമിക് ഡോക്യുമെന്റുകൾ ഉപയോഗിക്കാം - ഫയലുകളുടെ രൂപത്തിൽ ശാശ്വതമായി നിലവിലില്ലാത്തവ, എന്നാൽ ഒരു ക്ലയന്റ് അഭ്യർത്ഥന സമയത്ത് സൃഷ്ടിക്കപ്പെട്ടവ. മാത്രമല്ല, അന്തിമ ഉപയോക്താവിനെ സംബന്ധിച്ചിടത്തോളം, രേഖകൾ ചലനാത്മകമായോ സ്റ്റാറ്റിക്കലായോ അവതരിപ്പിച്ചിട്ടുണ്ടോ എന്നത് പ്രശ്നമല്ല.

ഒരു ഡൈനാമിക് HTML പ്രമാണം സൃഷ്ടിക്കുന്നതിന്, വെബ് സെർവർ നിർവചിച്ചിരിക്കുന്ന നിയമങ്ങൾക്കനുസൃതമായി പ്രത്യേകം എഴുതിയ ഒരു പ്രോഗ്രാം ആവശ്യമാണ്. ഒരു വെബ് സെർവറിൽ വിവരങ്ങളുടെ സ്ഥാനം ആസൂത്രണം ചെയ്യുമ്പോൾ, ഇതിനായി ശരിയായ നിർവചനംഏതെങ്കിലും തരത്തിലുള്ള പ്രമാണങ്ങളുടെ ഉപയോഗം, ഡാറ്റയുടെ അപ്ഡേറ്റ് ബിരുദം, അവയുടെ അളവ്, സർക്കുലേഷന്റെ ആവൃത്തി എന്നിവ കണക്കിലെടുക്കേണ്ടത് ആവശ്യമാണ്.

ഡൈനാമിക് രീതി ഒരു ഫോർമലൈസ്ഡ് രൂപത്തിൽ ഡാറ്റയുടെ സംഭരണം നിർണ്ണയിക്കുന്നു, ഉദാഹരണത്തിന് ഒരു ഡാറ്റാബേസിൽ.

ഫോർമലൈസ്ഡ് ഫോമിലാണ് ഡാറ്റ സംഭരിച്ചിരിക്കുന്നതെങ്കിൽ, മാറ്റങ്ങൾ വരുത്തിയ ഡോക്യുമെന്റ് ടെംപ്ലേറ്റുകൾ ഉപയോഗിച്ചാണ് സ്റ്റാറ്റിക് ഡോക്യുമെന്റുകൾ സൃഷ്ടിക്കുന്നത്. സ്റ്റാറ്റിക് ഡോക്യുമെന്റുകൾ സൃഷ്ടിക്കുന്നതിന്, ഡാറ്റ പ്രോസസ്സ് ചെയ്യുകയും ഫോർമലൈസ് ചെയ്യുകയും ചെയ്യുന്ന ഡാറ്റാബേസ് മാനേജ്മെന്റ് സിസ്റ്റത്തിൽ (DBMS) ലഭ്യമായ ഏത് റിപ്പോർട്ടിംഗ് ടൂളുകളും നിങ്ങൾക്ക് ഉപയോഗിക്കാം.

HTML വീക്ഷണങ്ങൾ

HTML ഭാഷയുടെ പുതിയ പതിപ്പുകളൊന്നും ഉണ്ടാകില്ല, എന്നാൽ ഇനിയും ഉണ്ട് HTML വികസനം XHTML (വിപുലീകരിക്കാവുന്ന ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ലാംഗ്വേജ്) എന്ന് വിളിക്കുന്നു. XHTML-നെ HTML മായി താരതമ്യപ്പെടുത്തുമ്പോൾ, ഇതിന് കൂടുതൽ കർശനമായ വാക്യഘടന ആവശ്യകതകളുണ്ട്. HTML പോലെ, XHTML എന്നത് SGML ഭാഷയുടെ ഒരു ഉപവിഭാഗമാണ്, എന്നാൽ XHTML, അതിന്റെ മുൻഗാമികളിൽ നിന്ന് വ്യത്യസ്തമായി, XML സ്പെസിഫിക്കേഷനുമായി പൊരുത്തപ്പെടുന്നു. XHTML 1.0 ഒരു കൺസോർഷ്യം ശുപാർശയായി അംഗീകരിച്ചു വേൾഡ് വൈഡ് വെബ്(W3C) ജനുവരി 26, 2000. എന്നിരുന്നാലും, ഒരു ഗുരുതരമായ വിശദാംശം കണക്കിലെടുക്കേണ്ടത് ആവശ്യമാണ് - ഈ ഫോർമാറ്റിലാണ് ഇത് സൃഷ്ടിച്ചത് ഒരു വലിയ സംഖ്യവളരെക്കാലം വെബ് ബ്രൗസറുകൾ "മനസിലാക്കപ്പെടുകയും" അവയുടെ യഥാർത്ഥ രൂപത്തിൽ ഉപയോഗിക്കുകയും ചെയ്യുന്ന വിവര ഉറവിടങ്ങൾ. കൂടാതെ, HTML സാങ്കേതികവിദ്യകൾക്കുള്ള പിന്തുണയോടെ എല്ലാ പുതിയ ഫോർമാറ്റുകളും വികസിപ്പിക്കും (ഇതിനകം തന്നെ വികസിപ്പിച്ചുകൊണ്ടിരിക്കുന്നു - ഉദാഹരണത്തിന് XML).

ഞങ്ങൾ പ്രവർത്തിക്കുന്ന രീതി മാറുകയാണ്, അതുപോലെ തന്നെ ഉള്ളടക്കം ആക്‌സസ് ചെയ്യുന്നതിനുള്ള മാർഗങ്ങളും മാറുന്നു. HTML ഭാഷ യഥാർത്ഥത്തിൽ ഒരു പ്ലാറ്റ്ഫോം-സ്വതന്ത്ര ഭാഷയായാണ് സൃഷ്ടിച്ചത്. പുതിയ സാങ്കേതികവിദ്യകൾ മിക്കവാറും എല്ലായിടത്തും ഉപയോഗിക്കപ്പെടുന്നു, വളരെ വേഗം വേൾഡ് വൈഡ് വെബ് ഇടം ഇനി ഡെസ്ക്ടോപ്പ് ഉപയോക്താക്കളുടെ മാത്രം സ്വത്തായിരിക്കില്ല. വ്യക്തിഗത കമ്പ്യൂട്ടറുകൾ, ചില ഉപയോക്താക്കൾ ഇതിനകം സജീവമായി ഉപയോഗിക്കുന്നു ശബ്ദ ബ്രൗസറുകൾബ്രോഗ്ലി അക്ഷരമാല ഉപയോഗിക്കുന്ന അന്ധർക്കോ ബ്രൗസറുകൾക്കോ ​​വേണ്ടി, ഉള്ളടക്കം കമ്പ്യൂട്ടർ മോണിറ്ററിലല്ല, ടിവിയിലോ നെറ്റ്‌വർക്കിലേക്കോ ടെലിടൈപ്പിലേക്കോ ആക്‌സസ് ഉള്ള സെറ്റ്-ടോപ്പ് ബോക്സുകൾ ഉപയോഗിക്കുമ്പോഴോ അല്ലെങ്കിൽ വിവിധ പേജറുകളുടെയും മറ്റും മോണോക്രോം ഡിസ്‌പ്ലേകളിലോ പ്രദർശിപ്പിക്കും.

1989-ൽ, ഹൈപ്പർടെക്‌സ്‌റ്റ്, ഒരു വശത്ത്, താരതമ്യേന വലിയ തോതിലുള്ള നിർവ്വഹണങ്ങളുള്ള ഒരു പുതിയ സാങ്കേതികവിദ്യയെ പ്രതിനിധീകരിക്കുന്നു, മറുവശത്ത്, ഹൈപ്പർടെക്‌സ്‌റ്റ് സിസ്റ്റങ്ങളുടെ ഔപചാരിക മാതൃകകൾ നിർമ്മിക്കാൻ ശ്രമിച്ചു, അവ കൂടുതൽ വിവരണാത്മകവും പ്രചോദിതവുമാണ്. ഡാറ്റ വിവരിക്കുന്നതിനുള്ള ആപേക്ഷിക സമീപനത്തിന്റെ വിജയം.

HTML ഒരു ഭാഷയാണ് ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ്, പ്രമാണങ്ങൾ എൻകോഡ് ചെയ്യാൻ ഉപയോഗിക്കുന്നു. ഒരു പ്രമാണത്തിന്റെ ഉള്ളടക്കം ബ്രൗസർ പ്രദർശിപ്പിക്കുന്ന ഒരു കൂട്ടം കമാൻഡാണ് HTML ഭാഷ; HTML കമാൻഡുകൾ പ്രദർശിപ്പിക്കില്ല. ഒരു പ്രമാണത്തെ മറ്റുള്ളവയുമായി ബന്ധിപ്പിക്കാൻ അനുവദിക്കുന്ന ഒരു ഹൈപ്പർടെക്സ്റ്റ് ലിങ്കിംഗ് സംവിധാനം HTML ഭാഷ നടപ്പിലാക്കുന്നു. ഈ പ്രമാണങ്ങൾ ലിങ്ക് ചെയ്‌തിരിക്കുന്ന പേജിന്റെ അതേ സെർവറിൽ സ്ഥിതിചെയ്യാം, അല്ലെങ്കിൽ അവ മറ്റൊരു സെർവറിൽ ഹോസ്റ്റ് ചെയ്‌തിരിക്കാം.

ഒരു പ്രത്യേക ഡിസ്പ്ലേ കൺട്രോൾ ടൂൾ ഉപയോഗിച്ച് ഒരു ഹൈപ്പർടെക്സ്റ്റ് സിസ്റ്റം നിർമ്മിക്കുന്നതിനുള്ള പ്രശ്നത്തിന് വളരെ വിജയകരമായ ഒരു പരിഹാരത്തിന്റെ ഉദാഹരണമാണ് HTML ആശയം.

സന്ദർഭോചിതമായ ഹൈപ്പർടെക്സ്റ്റ് ലിങ്കുകൾ ഹൈപ്പർടെക്സ്റ്റ് ഓർഗനൈസേഷന്റെ ഏറ്റവും ഫലപ്രദമായ രൂപമായി അംഗീകരിക്കപ്പെട്ടു, കൂടാതെ, മുഴുവൻ ഡോക്യുമെന്റുമായി മൊത്തത്തിലും അതിന്റെ വ്യക്തിഗത ഭാഗങ്ങളുമായി ബന്ധപ്പെട്ട ലിങ്കുകളായി വിഭജനം അംഗീകരിക്കപ്പെട്ടു.

എല്ലാ HTML പ്രമാണങ്ങൾക്കും ഒരേ ഘടനയുണ്ട്, ഒരു നിശ്ചിത ഘടന ടാഗുകൾ നിർവചിച്ചിരിക്കുന്നു. ഒരു HTML പ്രമാണം എപ്പോഴും ഒരു ടാഗിൽ തുടങ്ങണം< HTML >ഉചിതമായ ക്ലോസിംഗ് ടാഗിൽ അവസാനിപ്പിക്കുക (). ഒരു പ്രമാണത്തിനുള്ളിൽ രണ്ട് പ്രധാന വിഭാഗങ്ങളുണ്ട്: തലക്കെട്ട് വിഭാഗവും പ്രമാണത്തിന്റെ ബോഡിയും, ആ ക്രമത്തിൽ. പ്രമാണത്തെ മൊത്തത്തിൽ വിവരിക്കുന്നതും ടാഗുകളാൽ പരിമിതപ്പെടുത്തിയിരിക്കുന്നതുമായ വിവരങ്ങൾ ഹെഡറുകൾ വിഭാഗത്തിൽ അടങ്ങിയിരിക്കുന്നു<НЕАD>ഒപ്പം. പ്രത്യേകിച്ചും, തലക്കെട്ട് വിഭാഗത്തിൽ ജോടിയാക്കിയ ടാഗ് ഉപയോഗിച്ച് വേർതിരിച്ച പ്രമാണത്തിന്റെ പൊതുവായ ശീർഷകം അടങ്ങിയിരിക്കണം<ТITLE>.

). എന്നിരുന്നാലും, ഒരു HTML പ്രമാണം സൃഷ്ടിക്കുമ്പോൾ ഘടന ടാഗുകൾ ഒഴിവാക്കുന്നത് ശുപാർശ ചെയ്യുന്നില്ല. ഏറ്റവും ലളിതമായ ശരിയായ പ്രമാണംഘടനയെ നിർവചിക്കുന്ന എല്ലാ ടാഗുകളും അടങ്ങുന്ന HTML ഇതുപോലെയായിരിക്കാം:

< TITLE >പ്രമാണ ശീർഷകം< /TITLE >

പ്രമാണ വാചകം

HTML ഘടകങ്ങൾ.

ജോടിയാക്കിയ ടാഗുകൾക്ക്, തുറക്കുന്നതിനും അടയ്ക്കുന്നതിനും ഇടയിലുള്ള ഡോക്യുമെന്റിന്റെ ഭാഗമാണ് സ്കോപ്പ് നിർവചിക്കുന്നത്. പ്രമാണത്തിന്റെ ഈ ഭാഗം HTML ഭാഷയുടെ ഒരു ഘടകമായി കണക്കാക്കുന്നു. അതിനാൽ, ടാഗ് ഉൾപ്പെടുന്ന ഒരു "ബോഡി എലമെന്റിനെ" കുറിച്ച് നമുക്ക് സംസാരിക്കാം, ഡോക്യുമെന്റിന്റെ ബോഡിയും ക്ലോസിംഗ് ടാഗും. മുഴുവൻ HTML പ്രമാണവും. ഒരു "HTML ഘടകം" ആയി കണക്കാക്കാം. ജോടിയാക്കാത്ത ടാഗുകൾക്ക്, ഘടകം അതിനെ നിർവചിക്കുന്ന ടാഗിന് സമാനമാണ്.

HTML ഭാഷയുടെ മിക്ക ഘടകങ്ങളും. പ്രമാണത്തിന്റെ ഉള്ളടക്കത്തിന്റെ ഭാഗങ്ങൾ വിവരിക്കുകയും ടാഗുകൾക്കിടയിൽ സ്ഥാപിക്കുകയും ചെയ്യുന്നു . ഒപ്പം, അതായത്, ബോഡി ഘടനാപരമായ മൂലകത്തിനുള്ളിൽ. അത്തരം ഘടകങ്ങൾ ബ്ലോക്ക്, ടെക്സ്റ്റ് എന്നിങ്ങനെ തിരിച്ചിരിക്കുന്നു. ബ്ലോക്ക് ഘടകങ്ങൾ ഖണ്ഡിക തലത്തിലുള്ള വാചക ഭാഗങ്ങളെ സൂചിപ്പിക്കുന്നു. ടെക്‌സ്‌റ്റ് ഘടകങ്ങൾ വ്യക്തിഗത ശൈലികളുടെയും വാചകത്തിന്റെ ചെറിയ ഭാഗങ്ങളുടെയും ഗുണങ്ങളെ വിവരിക്കുന്നു.

ഇപ്പോൾ നമുക്ക് നെസ്റ്റിംഗ് ഘടകങ്ങൾക്കുള്ള നിയമങ്ങൾ രൂപപ്പെടുത്താം.

ഘടകങ്ങൾ ഓവർലാപ്പ് ചെയ്യാൻ പാടില്ല. മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ, ഓപ്പണിംഗ് ടാഗ് ഒരു ഘടകത്തിനകത്താണ് സ്ഥിതി ചെയ്യുന്നതെങ്കിൽ, അനുബന്ധ ക്ലോസിംഗ് ടാഗ് അതേ ഘടകത്തിനകത്തായിരിക്കണം.

ബ്ലോക്ക് ഘടകങ്ങളിൽ നെസ്റ്റഡ് ബ്ലോക്കും ടെക്സ്റ്റ് ഘടകങ്ങളും അടങ്ങിയിരിക്കാം.

ടെക്സ്റ്റ് ഘടകങ്ങളിൽ നെസ്റ്റഡ് ടെക്സ്റ്റ് ഘടകങ്ങൾ അടങ്ങിയിരിക്കാം.

ടെക്സ്റ്റ് ഘടകങ്ങളിൽ നെസ്റ്റഡ് ബ്ലോക്ക് ഘടകങ്ങൾ അടങ്ങിയിരിക്കരുത്.

പ്രവർത്തനപരമായ ബ്ലോക്ക് ഘടകങ്ങൾ.

മിക്ക രേഖകളിലും പ്രധാനം പ്രവർത്തന ഘടകങ്ങൾതലക്കെട്ടുകളും ഖണ്ഡികകളുമാണ്. HTML ഭാഷ. തലക്കെട്ടുകളുടെ ആറ് തലങ്ങളെ പിന്തുണയ്ക്കുന്നു. ജോടിയാക്കിയ ടാഗുകൾ ഉപയോഗിച്ചാണ് അവ വ്യക്തമാക്കുന്നത്<Н1>മുമ്പ്<Н6>. പ്രദർശിപ്പിക്കുമ്പോൾ, ഈ രീതി ഉപയോഗിച്ച് വെബ് പ്രമാണങ്ങൾ പ്രദർശിപ്പിക്കും; ടാഗ് (കമ്പ്യൂട്ടർ സ്ക്രീനിലെ പ്രമാണം, ഈ ഘടകങ്ങൾ വ്യത്യസ്ത വലുപ്പത്തിലുള്ള ഫോണ്ടുകൾ ഉപയോഗിച്ച് കാണിക്കുന്നു.

പതിവ് ഖണ്ഡികകൾ ഉപയോഗിച്ച് വ്യക്തമാക്കിയിട്ടുണ്ട് ടാഗ് ജോടി <Р>. HTML ഭാഷ. സൃഷ്ടിക്കുന്നതിനുള്ള ഉപകരണങ്ങൾ അടങ്ങിയിട്ടില്ല ഖണ്ഡിക ഇൻഡന്റേഷൻ(“റെഡ് ലൈൻ”), അതിനാൽ ഒരു കമ്പ്യൂട്ടർ സ്ക്രീനിൽ പ്രദർശിപ്പിക്കുമ്പോൾ, ഖണ്ഡികകൾ ഒരു ശൂന്യമായ വരയാൽ വേർതിരിച്ചിരിക്കുന്നു. ക്ലോസിംഗ് ടാഗ്ഓപ്ഷണൽ ആയി കണക്കാക്കുന്നു. ഡോക്യുമെന്റിന്റെ അടുത്ത ഖണ്ഡികയുടെ ആരംഭം വ്യക്തമാക്കുന്ന ടാഗിന് മുമ്പാണ് ഇത് വരുന്നതെന്ന് മനസ്സിലാക്കാം. ഉദാഹരണത്തിന്:

തലക്കെട്ട്

<Р>ആദ്യ ഖണ്ഡിക<Р>രണ്ടാം ഖണ്ഡിക

രണ്ടാം ലെവൽ തലക്കെട്ട്

ഒരു ഖണ്ഡിക നിർവചിക്കുന്ന ഒരു പ്രത്യേക ടാഗിന്റെ സാന്നിധ്യത്തിന്റെ അനന്തരഫലമാണ്, അമർത്തിയാൽ സാധാരണ എൻഡ്-ഓഫ്-ലൈൻ പ്രതീകം നൽകുക എന്നതാണ്. കീകൾ ENTER ചെയ്യുക, ഒരു ഖണ്ഡിക ഇൻഡന്റ് സൃഷ്ടിക്കാൻ പര്യാപ്തമല്ല. HTML ഭാഷ. എൻഡ്-ഓഫ്-ലൈൻ പ്രതീകങ്ങളെയും സ്‌പെയ്‌സുകളെയും ഒരു പ്രത്യേക രീതിയിൽ പരിഗണിക്കുന്നു. ഏതെങ്കിലും ക്രമം; സ്‌പെയ്‌സുകളും എൻഡ്-ഓഫ്-ലൈൻ പ്രതീകങ്ങളും മാത്രം അടങ്ങുന്ന, ഡോക്യുമെന്റ് പ്രദർശിപ്പിക്കുമ്പോൾ ഒരൊറ്റ സ്‌പെയ്‌സായി കണക്കാക്കുന്നു. ഇത്, പ്രത്യേകിച്ച്, എൻഡ്-ഓഫ്-ലൈൻ പ്രതീകം ഒരു പുതിയ ലൈനിലേക്ക് പോലും നയിക്കില്ല എന്നാണ് അർത്ഥമാക്കുന്നത് (ജോടി ചെയ്യാത്ത ടാഗ് വ്യക്തമാക്കിയ ഒരു വാചക ഘടകം ഈ ആവശ്യത്തിനായി ഉപയോഗിക്കുന്നു
.

ഒരു തിരശ്ചീന റൂളർ ഒരു പാരഗ്രാഫ് ഡിലിമിറ്ററായും ഉപയോഗിക്കാം. ഈ ഘടകം ജോടിയാക്കാത്ത ടാഗ് മുഖേന വ്യക്തമാക്കുന്നു

---

. ഒരു പ്രമാണം സ്ക്രീനിൽ പ്രദർശിപ്പിക്കുമ്പോൾ, ഒരു ഭരണാധികാരി വാചകത്തിന്റെ ഭാഗങ്ങൾ പരസ്പരം വേർതിരിക്കുന്നു. അതിന്റെ നീളവും കനവും ടാഗ് ആട്രിബ്യൂട്ടുകളാൽ വ്യക്തമാക്കുന്നു

---

.

---

ഈ ടാഗ് 10 പിക്സൽ വീതിയുള്ള തിരശ്ചീന റൂളർ സൃഷ്ടിക്കുന്നു, അത് വിൻഡോയുടെ പകുതി വീതി എടുത്ത് വലതുവശത്ത് സ്ഥാപിച്ചിരിക്കുന്നു.

വെബ്‌സൈറ്റ് സൃഷ്‌ടിക്കുന്നത് ഏറ്റവും വ്യാപകമായ ഒന്നാണ് ലഭ്യമായ അവസരങ്ങൾആധുനിക ഇന്റർനെറ്റ് വ്യവസായം. വെബ്‌സൈറ്റുകളുടെ യഥാർത്ഥ സൃഷ്ടി, തത്വത്തിൽ, അധികമല്ല സൃഷ്ടിക്കാൻ കൂടുതൽ ബുദ്ധിമുട്ടാണ്വ്യക്തിപരമായ ഇലക്ട്രോണിക് മെയിൽബോക്സുകൾഇലക്ട്രോണിക് ബിസിനസ് കാർഡുകളും.

ഒരു വെബ്‌സൈറ്റ് സൃഷ്‌ടിക്കുന്നതിന്, ഒന്നാമതായി, നിങ്ങൾക്ക് ആവശ്യമായ ഹൈപ്പർടെക്‌സ്റ്റുകൾ സ്ഥാപിക്കാൻ കഴിയുന്ന ഇൻറർനെറ്റിലേക്ക് കണക്റ്റുചെയ്തിരിക്കുന്ന ഒരു സെർവർ ആവശ്യമാണ്. കൂടാതെ, തിരഞ്ഞെടുത്ത സെർവറിന് സേവനം നൽകുന്ന ദാതാവിനൊപ്പം സൈഗ നാമം രജിസ്റ്റർ ചെയ്യേണ്ടത് ആവശ്യമാണ്.

ഇൻറർനെറ്റിൽ നിങ്ങൾക്ക് ദാതാക്കളെ കണ്ടെത്താം സ്വതന്ത്ര തുറക്കൽഅവരുടെ സെർവറുകളിലെ സൈറ്റുകൾ. ആഭ്യന്തര സെർവറുകളിൽ narod.ru, boom.ru, hotmail.ru എന്നിവയിലും വിദേശ സെർവറുകളിലും സൗജന്യ സൈറ്റുകൾ തുറക്കാൻ കഴിയും, ഉദാഹരണത്തിന് geocities.com, tripod.com.

ഈ സെർവറുകളിൽ നിങ്ങൾക്ക് ഇനിപ്പറയുന്നതുപോലുള്ള ഡൊമെയ്ൻ നാമങ്ങൾ രജിസ്റ്റർ ചെയ്യാൻ കഴിയും:

<имя>. narod.ru

പേര്>.boom.ru,

രജിസ്റ്റർ ചെയ്ത ഡൊമെയ്ൻ നാമങ്ങളുടെ ഉദാഹരണങ്ങൾ:

wdu.da.ru - ഇലക്ട്രോണിക് യൂണിവേഴ്സിറ്റിയുടെ വെബ്സൈറ്റ്;

wduniv.newmail.ru - വിതരണം ചെയ്ത സർവ്വകലാശാലയുടെ വെബ്സൈറ്റ്.

ഒരു സൈറ്റിന്റെ ഡൊമെയ്ൻ നാമം രജിസ്റ്റർ ചെയ്ത ശേഷം, നിങ്ങൾക്ക് അതിൽ ഹൈപ്പർടെക്സ്റ്റുകൾ ഹോസ്റ്റ് ചെയ്യാൻ കഴിയും. വൈവിധ്യമാർന്ന ഹൈപ്പർടെക്സ്റ്റുകൾ സൃഷ്ടിക്കാനും എഡിറ്റ് ചെയ്യാനും ശേഖരിക്കാനും പകർത്താനും നിങ്ങളെ അനുവദിക്കുന്ന പ്രത്യേക പ്രോഗ്രാമുകൾ ഉപയോഗിച്ചാണ് ഹൈപ്പർടെക്സ്റ്റുകൾ സൈറ്റിൽ സ്ഥാപിച്ചിരിക്കുന്നത്. ആദ്യത്തേത് (പ്രധാനം) പോസ്റ്റ് ചെയ്തതിന് തൊട്ടുപിന്നാലെ ഹൈപ്പർടെക്സ്റ്റ് പേജ്ഇന്റർനെറ്റുമായി ബന്ധിപ്പിച്ചിട്ടുള്ള ഏത് കമ്പ്യൂട്ടറിൽ നിന്നും ഏത് രാജ്യത്തും ബ്രൗസർ ഉപയോഗിച്ച് അതിന്റെ വിവരങ്ങൾ വായിക്കാൻ കഴിയും. ഇത് ചെയ്യുന്നതിന്, ബ്രൗസർ വിൻഡോയിൽ ഇന്റർനെറ്റിലെ വെബ്സൈറ്റ് വിലാസം നൽകുക. ഉദാഹരണത്തിന്: http://bak.boom.ru

പോസ്റ്റുചെയ്ത എല്ലാ ഫയലുകളും HTML ഫോർമാറ്റിൽ എഴുതിയതും ഫോമിന്റെ ഐഡന്റിഫയറുകൾ ഉള്ളതുമായ ഹൈപ്പർടെക്സ്റ്റുകളായിരിക്കണം<имя>.html.

HTML ഒരു ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ഭാഷയാണ്.

ഘടനയുടെ അടിസ്ഥാനത്തിൽ, ഹൈപ്പർടെക്‌സ്റ്റ് എന്നത് മറ്റ് ഹൈപ്പർടെക്‌സ്റ്റുകളിലേക്കുള്ള ലിങ്കുകളുള്ള ടെക്‌സ്‌റ്റാണ് ഈ സെർവർ, അല്ലെങ്കിൽ മറ്റ് സെർവറുകളിൽ. നിങ്ങൾ അത്തരം ഒരു ലിങ്കിൽ ക്ലിക്ക് ചെയ്യുമ്പോൾ, ഏത് സെർവറിലാണ്, ഏത് രാജ്യത്താണ് സ്ഥിതി ചെയ്യുന്നതെന്നത് പരിഗണിക്കാതെ, ബ്രൗസർ നിങ്ങളുടെ കമ്പ്യൂട്ടർ സ്ക്രീനിലേക്ക് ഒരു ഹൈപ്പർടെക്സ്റ്റ് പേജ് സ്വയമേവ ലോഡ് ചെയ്യുന്നു.

ഇന്റർനെറ്റിൽ ഈ ടൂളുകളും പ്രോഗ്രാമുകളും ഉപയോഗിച്ച്, വൈവിധ്യമാർന്ന വിവര സൈറ്റുകളും സിസ്റ്റങ്ങളും സൃഷ്ടിക്കാൻ കഴിയും - വ്യക്തിഗത സൈറ്റുകൾ, ബ്രാൻഡഡ് സൈറ്റുകൾ, ഇലക്ട്രോണിക് പത്രങ്ങൾ, മാസികകൾ, ഇ-ബുക്കുകൾ, വിജ്ഞാനകോശങ്ങൾ, ഒപ്പം ഇലക്ട്രോണിക് ആർക്കൈവുകൾലൈബ്രറികളും.

സൈറ്റുകൾ തമ്മിലുള്ള വ്യത്യാസം വിവരങ്ങളുടെ അളവ്, അവയുടെ ഘടന, അപ്ഡേറ്റ് നടപടിക്രമങ്ങൾ എന്നിവയാണ്. പൊതുവേ, ഇന്റർനെറ്റ് സൈറ്റുകൾക്കായി, ഏതൊരു ഓർഗനൈസേഷനെയും പോലെ, അവയുടെ സൃഷ്ടി, വികസനം, നവീകരണം, ലിക്വിഡേഷൻ എന്നിവയുടെ ജീവിത ചക്രങ്ങളെക്കുറിച്ച് നമുക്ക് സംസാരിക്കാം.

സൈറ്റുകൾ സൃഷ്ടിച്ച് അവയിൽ അവരുടെ വിവരങ്ങൾ പോസ്റ്റ് ചെയ്ത ഉടമകൾ - ആളുകളോ ഓർഗനൈസേഷനുകളോ ആണ് വിവരങ്ങളുടെ അളവ് നിർണ്ണയിക്കുന്നത്. വെബ്‌സൈറ്റുകളിലെ വിവരങ്ങളുടെ അളവ് നിരവധി കിലോബൈറ്റുകൾ മുതൽ നിരവധി ജിഗാബൈറ്റുകൾ (ലക്ഷക്കണക്കിന് കിലോബൈറ്റുകൾ) വരെയാകാം.

സൈറ്റുകളുടെ ഘടന വളരെ വൈവിധ്യപൂർണ്ണമായിരിക്കും. ഏറ്റവും ലളിതമായ ഘടന- ഒരു കൂട്ടം വാചകങ്ങളിലേക്കുള്ള ലിങ്കുകളുള്ള പ്രധാന പേജാണിത്. ഈ ലിങ്കുകൾ പ്രധാന പേജിന്റെ വാചകത്തിലോ അതിന്റെ തുടക്കത്തിൽ ഉള്ളടക്ക പട്ടികയിൽ ഹൈലൈറ്റ് ചെയ്തതോ ആകാം.

സൈറ്റിന്റെ ഓരോ പേജിനും ഒരു ശീർഷകം നൽകാം, അത് ബ്രൗസർ വഴി സൈറ്റ് ലോഡ് ചെയ്യുമ്പോൾ സ്ക്രീനിന്റെ മുകളിലെ വരിയിൽ ദൃശ്യമാകും.

കൂടാതെ, ഇൻ ഹോം പേജ്സൈറ്റ്, തിരയൽ എഞ്ചിനുകൾക്കുള്ള കീവേഡുകളുടെ ഒരു ലിസ്റ്റ് നിങ്ങൾക്ക് വ്യക്തമാക്കാൻ കഴിയും.

സെർച്ച് എഞ്ചിനുകൾ പ്രതിവാരം ഇൻറർനെറ്റിലെ എല്ലാ സെർവറുകളും സ്കാൻ ചെയ്യുകയും എല്ലാ സൈറ്റുകളുടെയും ഹൈപ്പർടെക്‌സ്റ്റുകളുടെയും വിലാസങ്ങൾ അവയിൽ ഹൈലൈറ്റ് ചെയ്‌തിരിക്കുന്ന കീവേഡുകൾക്കൊപ്പം രേഖപ്പെടുത്തുകയും ചെയ്യുന്നു. ഈ കാരണങ്ങളാൽ, ഒരാഴ്‌ചയ്‌ക്ക് ശേഷം, ഇൻറർനെറ്റിൽ പ്രസിദ്ധീകരിക്കുന്ന ഏത് വിവരവും അവയിൽ അടങ്ങിയിരിക്കുന്ന കീവേഡുകൾ ഉപയോഗിച്ച് കണ്ടെത്താനാകും.

ഉക്രെയ്നിലെ വിദ്യാഭ്യാസ, ശാസ്ത്ര മന്ത്രാലയം

സ്ക്ഹിദ്‌നൗക്രേനിയൻ നാഷണൽ യൂണിവേഴ്‌സിറ്റി

വോളോഡിമർ ഡാലിന്റെ പേരിലാണ് പേര്

കമ്പ്യൂട്ടർ സയൻസ് വിഭാഗം

അച്ചടക്കത്തിലൂടെ

കമ്പ്യൂട്ടർ ഡിസൈനും മൾട്ടിമീഡിയയും

വിദ്യാർത്ഥി ബോൾഡകോവ I.V.

1. ആമുഖം

3.1 HTML എഡിറ്റർമാർ

സാഹിത്യം

1. ആമുഖം

വേൾഡ് വൈഡ് വെബ് - ഇന്ന് ഒരു ആഗോള കമ്പ്യൂട്ടർ ശൃംഖലയിൽ എല്ലാത്തരം വിവരങ്ങളും ഉൾക്കൊള്ളുന്ന ദശലക്ഷക്കണക്കിന് സൈറ്റുകൾ അടങ്ങിയിരിക്കുന്നു. ഇന്റർനെറ്റ് സാങ്കേതികവിദ്യ ഉപയോഗിച്ച് ആളുകൾ ഈ വിവരങ്ങൾ ആക്സസ് ചെയ്യുന്നു. WWW നാവിഗേറ്റ് ചെയ്യുന്നതിന്, പ്രത്യേക പ്രോഗ്രാമുകൾ ഉപയോഗിക്കുന്നു - വെബ് ബ്രൗസറുകൾ, ഇത് WWW ന്റെ വിശാലമായ വിസ്തൃതികളിലൂടെയുള്ള യാത്രയെ വളരെയധികം സഹായിക്കുന്നു. വെബ് ബ്രൗസറിലെ എല്ലാ വിവരങ്ങളും വെബ് പേജുകളുടെ രൂപത്തിൽ പ്രദർശിപ്പിക്കും.

മൾട്ടിമീഡിയ സാങ്കേതികവിദ്യയെ പിന്തുണയ്ക്കുന്ന വെബ് പേജുകൾ സംയോജിപ്പിക്കുക പല തരംവിവരങ്ങൾ: വാചകം, ഗ്രാഫിക്സ്, ശബ്ദം, ആനിമേഷൻ, വീഡിയോ. ഇൻറർനെറ്റിലെ അതിന്റെ വിജയം പ്രധാനമായും ഒരു പ്രത്യേക വെബ് പേജ് എത്ര ഭംഗിയായി നിർമ്മിച്ചിരിക്കുന്നു എന്നതിനെ ആശ്രയിച്ചിരിക്കുന്നു.

സ്റ്റൈലിഷ് ഡിസൈൻ ഉള്ളതും അമിതമായ ഗ്രാഫിക്സും ആനിമേഷനും ഇല്ലാത്തതും വേഗത്തിൽ ലോഡുചെയ്യുന്നതും വെബ് ബ്രൗസർ വിൻഡോയിൽ ശരിയായി പ്രദർശിപ്പിക്കുന്നതുമായ വെബ് പേജുകൾ സന്ദർശിക്കുന്നതിൽ ഉപയോക്താവിന് സന്തോഷമുണ്ട്.

ഒരു വെബ് പേജ് സൃഷ്‌ടിക്കുന്നത് എളുപ്പമല്ല, പക്ഷേ എല്ലാവരും ഒരു ഡിസൈനറായി സ്വയം പരീക്ഷിക്കാൻ ആഗ്രഹിക്കുന്നു. ഞാനും, ഇൻ ഈ സാഹചര്യത്തിൽ, ഞാൻ ഒരു അപവാദമല്ല, അതുകൊണ്ടാണ് എന്റെ കോഴ്‌സ് വർക്കിനായി ഞാൻ ഈ വിഷയം തിരഞ്ഞെടുത്തത്.

എന്റെ ലേഖനത്തിൽ, ഒരു വെബ് പേജ് സൃഷ്‌ടിക്കുന്നതിന് നിങ്ങൾ അറിയേണ്ടതും ചെയ്യാൻ കഴിയുന്നതും എന്താണെന്നും വെബ് പേജുകൾ സൃഷ്‌ടിക്കുന്നതിനുള്ള ഒരു ടൂൾ എന്താണെന്നും അത് എങ്ങനെ ഫലപ്രദമായി ഉപയോഗിക്കാമെന്നും മനസിലാക്കാൻ ഞാൻ ശ്രമിച്ചു.

ഈ സൃഷ്ടിയിൽ ഞാൻ വെബ് പേജ് പ്രോഗ്രാമിംഗ് ഭാഷയുടെ അടിസ്ഥാനകാര്യങ്ങൾ അവലോകനം ചെയ്തു - HTML, ഇത് പൊതുവായി അംഗീകരിക്കപ്പെട്ട WWW സ്റ്റാൻഡേർഡ് ആണ്. ഒരു വെബ് പേജിന്റെ ഘടനയും അതിന്റെ സാങ്കേതികതകളും പരിചയപ്പെടാൻ ഇത് നമുക്ക് അവസരം നൽകും. ശരിയായ ഡിസൈൻ. സിഎംഎസ് ജൂംല ഉപയോഗിച്ച് ഒരു വെബ്സൈറ്റ് സൃഷ്ടിക്കുന്നതും ഞങ്ങൾ പരിശോധിക്കും.

2. ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ഭാഷയായ HTML പരിഗണിക്കുക

വെബ് പേജുകൾ ഏത് ഫോർമാറ്റിലും നിലനിൽക്കും, പക്ഷേ അത് ഒരു സ്റ്റാൻഡേർഡായി അംഗീകരിക്കപ്പെട്ടിരിക്കുന്നു ഹൈപ്പർ ടെക്സ്റ്റ് മാർക്കപ്പ് ലാംഗ്വേജ്- ചിത്രങ്ങൾ, ശബ്‌ദം, ആനിമേഷൻ, വീഡിയോ ക്ലിപ്പുകൾ, മറ്റ് പ്രമാണങ്ങളിലേക്കുള്ള ഹൈപ്പർടെക്‌സ്‌റ്റ് ലിങ്കുകൾ എന്നിവയാൽ സമ്പന്നമായ ഫോർമാറ്റ് ചെയ്‌ത ടെക്‌സ്‌റ്റ് സൃഷ്‌ടിക്കാൻ രൂപകൽപ്പന ചെയ്‌തിരിക്കുന്ന ഒരു ഹൈപ്പർടെക്‌സ്‌റ്റ് മാർക്ക്അപ്പ് ഭാഷ.

നിങ്ങൾക്ക് HTML ഭാഷ അറിയാതെ വെബിൽ പ്രവർത്തിക്കാൻ കഴിയും, കാരണം HTML ടെക്സ്റ്റുകൾ വ്യത്യസ്തമായി സൃഷ്ടിക്കാൻ കഴിയും പ്രത്യേക എഡിറ്റർമാർകൺവെർട്ടറുകളും. എന്നാൽ HTML ൽ നേരിട്ട് എഴുതുന്നത് ബുദ്ധിമുട്ടുള്ള കാര്യമല്ല. ഒരു HTML എഡിറ്ററോ കൺവെർട്ടറോ പഠിക്കുന്നതിനേക്കാൾ എളുപ്പമായേക്കാം, അവ പലപ്പോഴും അവയുടെ കഴിവുകളിൽ പരിമിതമാണ്, ബഗ്ഗി അല്ലെങ്കിൽ പ്ലാറ്റ്‌ഫോമുകളിൽ പ്രവർത്തിക്കാത്ത മോശം HTML നിർമ്മിക്കുന്നു.

HTML ഭാഷ നിരവധി രുചികളിൽ വരുന്നു, അത് വികസിച്ചുകൊണ്ടേയിരിക്കുന്നു, എന്നാൽ HTML നിർമ്മാണങ്ങൾ ഭാവിയിൽ ഉപയോഗിക്കുന്നത് തുടരും. HTML-നെ കുറിച്ച് പഠിക്കുകയും അത് കൂടുതൽ ആഴത്തിൽ മനസ്സിലാക്കുകയും, HTML പഠിക്കുന്നതിന്റെ തുടക്കത്തിൽ ഒരു ഡോക്യുമെന്റ് ഉണ്ടാക്കുകയും അത് പരമാവധി വികസിപ്പിക്കുകയും ചെയ്യുന്നതിലൂടെ, ഇന്നും ഭാവിയിലും നിരവധി വെബ് ബ്രൗസറുകൾക്ക് കാണാൻ കഴിയുന്ന വെബ് പേജുകൾ സൃഷ്ടിക്കാൻ ഞങ്ങൾക്ക് കഴിയും. ഓപ്പറ നൽകുന്ന നൂതന രീതി പോലുള്ള മറ്റ് രീതികൾ ഉപയോഗിക്കുന്നതിനുള്ള സാധ്യത ഇത് ഒഴിവാക്കുന്നില്ല, ഗൂഗിൾ ക്രോം, Internet Explorer അല്ലെങ്കിൽ മറ്റ് ബ്രൗസറുകൾ.

എച്ച്ടിഎംഎൽ ഉപയോഗിച്ച് പ്രവർത്തിക്കുന്നത് ഒരു സ്റ്റാൻഡേർഡ് ഭാഷയിൽ ഡോക്യുമെന്റുകൾ സൃഷ്ടിക്കുന്നതിനുള്ള ഇൻസ്‌കാൻറുകൾ പഠിക്കാനുള്ള ഒരു മാർഗമാണ്, ശരിക്കും ആവശ്യമുള്ളപ്പോൾ മാത്രം വിപുലീകരണങ്ങൾ ഉപയോഗിക്കുന്നു.

വേൾഡ് വൈഡ് വെബ് കൺസോർഷ്യം HTML അംഗീകരിച്ചു. ഇത് എല്ലാ ബ്രൗസറുകളും പിന്തുണയ്ക്കുന്നു.

HTML പ്രമാണങ്ങൾ ASCI I ഫോർമാറ്റിൽ എഴുതിയിരിക്കുന്നതിനാൽ, അത് സൃഷ്ടിക്കാൻ ഏത് ടെക്സ്റ്റ് എഡിറ്ററും ഉപയോഗിക്കാം.

സാധാരണയായി ഒരു HTML പ്രമാണം എന്നത് .html അല്ലെങ്കിൽ . htm, അതിൽ ടെക്സ്റ്റ് HTML ടാഗുകൾ ഉപയോഗിച്ച് അടയാളപ്പെടുത്തിയിരിക്കുന്നു (ഇംഗ്ലീഷ് ടാഗ് - പ്രത്യേക ബിൽറ്റ്-ഇൻ നിർദ്ദേശങ്ങൾ). ഒരു വെബ് ഡോക്യുമെന്റിന്റെ ഉള്ളടക്കം ബ്രൗസർ പ്രദർശിപ്പിക്കുന്നതിനനുസരിച്ച് ടാഗുകളുടെ വാക്യഘടനയും പ്ലെയ്‌സ്‌മെന്റും HTML നിർവ്വചിക്കുന്നു. ടാഗുകളുടെ വാചകം തന്നെ വെബ് ബ്രൗസർ പ്രദർശിപ്പിക്കില്ല.

എല്ലാ ടാഗുകളും ആരംഭിക്കുന്നത് "<" и заканчиваются символом ">". സാധാരണയായി ഒരു ജോടി ടാഗുകൾ ഉണ്ട് - ഒരു ആരംഭം (തുറക്കൽ), അവസാനിക്കുന്ന (ക്ലോസിംഗ്) ടാഗ് (ഗണിതത്തിലെ പരാൻതീസിസുകൾ തുറക്കുന്നതിനും അടയ്ക്കുന്നതിനും സമാനമാണ്), അവയ്ക്കിടയിൽ മാർക്ക്അപ്പ് വിവരങ്ങൾ സ്ഥാപിച്ചിരിക്കുന്നു:

വിവരങ്ങൾ

ഇവിടെ സ്റ്റാർട്ടിംഗ് ടാഗ് ടാഗ് ആണ്

അവസാനത്തേതും -

. വാചകത്തിന് മുമ്പായി പരാൻതീസിസുകൾ ഉള്ളതിനാൽ അവസാന ടാഗ് ആരംഭ ടാഗിൽ നിന്ന് വ്യത്യാസപ്പെട്ടിരിക്കുന്നു<>ഒരു ചിഹ്നം ഉണ്ട് " / "(സ്ലാഷ്).

ഒരു HTML പ്രമാണം വായിക്കുന്ന ഒരു ബ്രൗസർ അത് HTML ടാഗ് ഘടന ഉപയോഗിച്ച് ഒരു വിൻഡോയിൽ പ്രദർശിപ്പിക്കുന്നു. ഓരോ HTML പ്രമാണത്തിനും മൂന്ന് പ്രധാന ഭാഗങ്ങൾ ഉണ്ടായിരിക്കണം:

എ) HTML പ്രഖ്യാപനം;

ബി) തലക്കെട്ട് ഭാഗം;

സി) ഡോക്യുമെന്റ് ബോഡി .

എ) HTML പ്രഖ്യാപനം

ഒപ്പം. ഈ ടാഗുകളുടെ ഒരു ജോടി കാഴ്ചക്കാരനോട് (ബ്രൗസർ) അവയ്ക്കിടയിൽ ഒരു HTML പ്രമാണം ഘടിപ്പിച്ചിട്ടുണ്ടെന്നും ഡോക്യുമെന്റിലെ ആദ്യത്തെ ടാഗ് ടാഗ് ആയിരിക്കണം എന്നും പറയുന്നു (രേഖയുടെ തുടക്കത്തിൽ തന്നെ), അവസാനമായി -(രേഖയുടെ അവസാനം).

ബി) തലക്കെട്ട് ഭാഗം.

ഒപ്പം. ഈ ടാഗുകൾക്കിടയിൽ പ്രമാണത്തെക്കുറിച്ചുള്ള വിവരങ്ങൾ (ശീർഷകം, തിരയൽ കീവേഡുകൾ, വിവരണം മുതലായവ) ഉണ്ട്. എന്നിരുന്നാലും, ഏറ്റവും പ്രധാനപ്പെട്ട കാര്യം ബ്രൗസർ വിൻഡോയുടെ മുകളിലെ വരിയിലും "പ്രിയപ്പെട്ടവ (ബുക്ക്മാർക്ക്)" ലിസ്റ്റുകളിലും കാണുന്ന പ്രമാണ ശീർഷകമാണ്. പ്രത്യേക സെർച്ച് എഞ്ചിൻ സ്പൈഡർ പ്രോഗ്രാമുകൾ അവരുടെ ഡാറ്റാബേസുകൾ നിർമ്മിക്കുന്നതിന് പ്രമാണ ശീർഷകം ഉപയോഗിക്കുന്നു. നിങ്ങളുടെ HTML പ്രമാണത്തിന് ഒരു ശീർഷകം നൽകുന്നതിന്, ടാഗുകൾക്കിടയിൽ ടെക്സ്റ്റ് സ്ഥാപിക്കുന്നു .

സി) പ്രമാണത്തിന്റെ ബോഡി.

പ്രമാണത്തിന്റെ മൂന്നാമത്തെ പ്രധാന ഭാഗം അതിന്റെ ബോഡിയാണ്. ഇത് ഉടൻ തന്നെ ശീർഷകം പിന്തുടരുകയും ടാഗുകൾക്കിടയിൽ സ്ഥിതിചെയ്യുകയും ചെയ്യുന്നു ഒപ്പം. ആദ്യത്തേത് ടാഗിന് തൊട്ടുപിന്നാലെ ആയിരിക്കണം, രണ്ടാമത്തേത് ടാഗിന് മുമ്പാണ്. HTML ഉപയോഗിച്ച് ഫോർമാറ്റ് ചെയ്‌ത വിവരങ്ങൾ രചയിതാവ് സ്ഥാപിക്കുന്ന സ്ഥലമാണ് ഒരു HTML ഡോക്യുമെന്റിന്റെ ബോഡി.

..........

ഇപ്പോൾ നമുക്ക് ഞങ്ങളുടെ പേജിനായി HTML കോഡ് എഴുതാം:

എന്റെ പേജുകൾ ഇവിടെ ഉണ്ടാകും!

BODY വിഭാഗത്തിൽ, എല്ലാ ടാബുകളും ലൈൻ ബ്രേക്കുകളും ബ്രൗസർ അവഗണിക്കുകയും പേജിന്റെ പ്രദർശനത്തെ ഒരു തരത്തിലും ബാധിക്കുകയുമില്ല. അതിനാൽ, ലൈൻ ഫീഡ് ഉറവിട വാചകം HTML പ്രമാണം ആരംഭിക്കില്ല പുതിയ വരപ്രത്യേക ടാഗുകളുടെ അഭാവത്തിൽ ബ്രൗസർ പ്രദർശിപ്പിക്കുന്ന വാചകത്തിൽ. ഈ നിയമം ഓർമ്മിക്കേണ്ടത് വളരെ പ്രധാനമാണ്, കൂടാതെ വരികൾ വേർതിരിക്കുന്ന ടാഗുകൾ ഇടാൻ മറക്കരുത്, അല്ലാത്തപക്ഷം വാചകത്തിന് ഖണ്ഡികകൾ ഉണ്ടാകില്ല, അത് വായിക്കാൻ കഴിയില്ല.

ഒരു പുതിയ ലൈൻ ആരംഭിക്കാൻ, ടാഗ് ഉപയോഗിക്കുക
(ഇംഗ്ലീഷിൽ നിന്ന് ചുരുക്കിയ ഇടവേള - തടസ്സം). ഈ ടാഗ് ബ്രൗസറിനെ അടുത്ത വരിയുടെ തുടക്കം മുതൽ കൂടുതൽ ടെക്‌സ്‌റ്റ് പ്രദർശിപ്പിക്കുന്നതിന് കാരണമാകുന്നു. അതിനായി ഒരു ക്ലോസിംഗ് ടാഗ് ഉപയോഗിച്ചിട്ടില്ല. ഒരു പുതിയ ഖണ്ഡിക ആരംഭിക്കാതെ ഒരു ഘട്ടത്തിൽ ഒരു പുതിയ വരിയിൽ നിന്ന് എഴുതണമെങ്കിൽ അത് സൗകര്യപ്രദമാണ്, ഉദാഹരണത്തിന്, ഒരു കവിതയിൽ. ഇത് വീണ്ടും ഉപയോഗിക്കുന്നത് ഒന്നോ അതിലധികമോ ശൂന്യമായ വരികൾ ചേർക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു, പേജിന്റെ അടുത്ത ഭാഗം താഴേക്ക് നീക്കുക.

വിടവുകളില്ലാത്ത തുടർച്ചയായ വാചകം വായിക്കുന്നത് അത്ര എളുപ്പമല്ല; ശരിയായ സ്ഥലങ്ങൾ പരിശോധിച്ച് കണ്ടെത്തുന്നത് അസൗകര്യമാണ്. ഖണ്ഡികകളായി വിഭജിച്ചാൽ, വാചകം വളരെ വേഗത്തിൽ മനസ്സിലാക്കുന്നു. ഒരു പുതിയ ഖണ്ഡിക ആരംഭിക്കാൻ ടാഗ് ഉപയോഗിക്കുന്നു

(ഇംഗ്ലീഷ് ഖണ്ഡിക - ഖണ്ഡിക). ഈ ടാഗ്, ഒരു പുതിയ ലൈൻ ആരംഭിക്കുന്നതിന് പുറമേ, ഒരു ശൂന്യമായ വരി ചേർക്കുന്നു. എന്നാൽ ആവർത്തിച്ചുള്ള ആവർത്തനം

വ്യത്യസ്തമായി
, നിരവധി ശൂന്യമായ വരികൾ പ്രത്യക്ഷപ്പെടുന്നതിലേക്ക് നയിക്കില്ല, അതേ ഒരു ശൂന്യമായ വരി ഇപ്പോഴും ഉണ്ടാകും.

ഒരു ടാഗിന്റെ ബ്രാക്കറ്റിനുള്ളിൽ, അതിന്റെ പേരിന് പുറമേ, ആട്രിബ്യൂട്ടുകളും സ്ഥാപിക്കാവുന്നതാണ്. അവ പേരിൽ നിന്നും പരസ്പരം സ്‌പെയ്‌സുകളാൽ (ഒന്നോ അതിലധികമോ) വേർതിരിക്കപ്പെടുകയും ഫോമിൽ എഴുതപ്പെടുകയും ചെയ്യുന്നു ആട്രിബ്യൂട്ട്_നാമം ="അർത്ഥം". മൂല്യത്തിൽ സ്‌പെയ്‌സുകൾ ഇല്ലെങ്കിൽ, ഉദ്ധരണികൾ ഒഴിവാക്കാവുന്നതാണ്, പക്ഷേ ഇത് ശുപാർശ ചെയ്യുന്നില്ല. ടാഗ്

ഖണ്ഡിക വിന്യാസം വ്യക്തമാക്കുന്ന ഒരു ALIGN ആട്രിബ്യൂട്ട് അടങ്ങിയിരിക്കാം. സ്ഥിരസ്ഥിതിയായി, ഒരു ഖണ്ഡിക ഇടതുവശത്ത് വിന്യസിച്ചിരിക്കുന്നു ALIGN="left". വലത് വിന്യാസം ALIGN="വലത്", മധ്യഭാഗത്ത് വിന്യാസം ALIGN="കേന്ദ്രം" എന്നിവയും സാധ്യമാണ്. ആട്രിബ്യൂട്ടുകൾ ഉപയോഗിക്കുമ്പോൾ, ഫോർമാറ്റ് ചെയ്ത വാചകത്തിന് ശേഷം നിങ്ങൾ ഒരു ക്ലോസിംഗ് ടാഗ് ഉപയോഗിക്കണം

. അത് ഇല്ലെങ്കിൽ, ഒരു പുതിയ ടാഗ്

യഥാക്രമം നെസ്റ്റഡ്, മുമ്പത്തേത് അടയ്ക്കുക എന്നാണ് അർത്ഥമാക്കുന്നത്

അസാധ്യം. ടാഗ് ഉപയോഗിച്ച് ടെക്‌സ്‌റ്റ് മധ്യത്തിലാക്കാനും കഴിയും

.

ഇപ്പോൾ നമുക്ക് ഞങ്ങളുടെ വെബ് പേജിൽ വ്യത്യസ്‌ത വിന്യാസങ്ങളുള്ള ചില വാചകങ്ങൾ ഇടാം:

എന്റേത് ഇവിടെയുണ്ടാകും വ്യക്തിഗത പേജുകൾ!

അവയിൽ നിങ്ങൾക്ക് കണ്ടെത്താം: - എന്നെയും എന്റെ ഹോബികളെയും കുറിച്ചുള്ള ഒരു കഥ; - എന്റെ ചിത്രങ്ങള്.

എന്റെ ഒരു പേജിൽ നിന്ന് അത് സാധ്യമാകും
എനിക്ക് ഒരു ഇമെയിൽ അയയ്ക്കുക.

3. വെബ് പേജുകൾ സൃഷ്ടിക്കുന്നതിനുള്ള ഉപകരണങ്ങൾ

3.1 HTML എഡിറ്റർമാർ

വെബ് പേജുകൾ സൃഷ്ടിക്കുന്നതിന് ഓരോരുത്തരും അവരവരുടെ സ്വന്തം ഉപകരണം തിരഞ്ഞെടുക്കുന്നു. ഇത് MS ഫ്രണ്ട്പേജ് അല്ലെങ്കിൽ മാക്രോമീഡിയ ഡ്രീംവീവർ, അലൈർ ഹോംസൈറ്റ് അല്ലെങ്കിൽ ഒന്നാം പേജ് ആകാം. ചില ആളുകൾ നോട്ട്പാഡ് പോലുള്ള ലളിതമായ ടെക്സ്റ്റ് എഡിറ്റർ ഉപയോഗിക്കുന്നു.

ടെക്സ്റ്റ് എഡിറ്റർമാർക്ക് ചെറിയ പേജുകൾ സൃഷ്ടിക്കാൻ മാത്രമേ ഉപയോഗിക്കാനാകൂ, കാരണം അവയ്ക്ക് നിരവധി ദോഷങ്ങളുണ്ട്: പ്രോജക്റ്റുകൾ പിന്തുണയ്ക്കുന്നില്ല, ടെക്സ്റ്റിന്റെ "ഹൈലൈറ്റിംഗ്" ഇല്ല, പൊതുവേ, ഇത് പ്രവർത്തിക്കുന്നത് വളരെ അസൗകര്യമാണ്.

MS ഫ്രണ്ട്‌പേജിന്റെ പ്രധാന പോരായ്മ അത് വളരെ വലിയ HTML കോഡ് സൃഷ്ടിക്കുന്നു എന്നതാണ് (വളരെയധികം അനാവശ്യമായ കാര്യങ്ങൾ), അതിനാൽ പേജുകൾ വലുതായി മാറുന്നു, ഇത് ലോഡിംഗ് വേഗതയെ ബാധിക്കുന്നു. മാത്രമല്ല, ഈ എഡിറ്ററിൽ വെബ് പേജുകൾ സൃഷ്ടിക്കുമ്പോൾ നിങ്ങൾ ഒരു കാര്യം കാണുന്നു, എന്നാൽ ബ്രൗസർ വിൻഡോയിൽ നിങ്ങൾ തികച്ചും വ്യത്യസ്തമായ ഒന്ന് കാണുന്നു. പേജുകൾ കുറച്ച് വളഞ്ഞതായി മാറുന്നു, അതിനാൽ ഉയർന്ന നിലവാരമുള്ള വെബ് പേജുകൾ സൃഷ്ടിക്കുന്നതിന്, ചുവടെ ചർച്ച ചെയ്യുന്ന പാക്കേജുകൾ ഉപയോഗിക്കാൻ ശുപാർശ ചെയ്യുന്നു.

ഞങ്ങൾ ജനപ്രിയ മാക്രോമീഡിയ ഡ്രീം വീവറിൽ നിന്ന് ആരംഭിക്കും. വെബ്‌സൈറ്റുകൾ സൃഷ്‌ടിക്കുന്നതിനുള്ള സോഫ്‌റ്റ്‌വെയർ നിർമ്മാണത്തിൽ മാക്രോമീഡിയ ഒരു നേതാവായി കണക്കാക്കപ്പെടുന്നു, അതുപോലെ തന്നെ ഈ മേഖലയിലെ ഒരു ട്രെൻഡ്‌സെറ്ററും.

ഡ്രീംവീവർ 3.0

എന്നാൽ DreamWeaver മറ്റ് WYSIWYG എഡിറ്റർമാരേക്കാൾ നിരവധി പടികൾ മുന്നിലാണ്, പ്രാഥമികമായി അത് വളരെ വൃത്തിയുള്ള HTML സൃഷ്ടിക്കുന്നു. ഉപയോഗിച്ച് പേജുകൾ സൃഷ്ടിക്കുമ്പോൾ (ഉദാഹരണത്തിന്, ടെക്സ്റ്റ് ലേഔട്ട്) ആവർത്തിച്ചുള്ള ജോലി ഇല്ലാതാക്കാൻ DreamWeaver നിങ്ങളെ അനുവദിക്കുന്നു ഓപ്ഷനുകൾ "റെക്കോർഡ് കമാൻഡ് സീക്വൻസ്" (നിങ്ങൾ നിർമ്മിക്കുന്ന കമാൻഡുകളുടെ ക്രമം രേഖപ്പെടുത്തുക, തുടർന്ന് CTRL+P അമർത്തുക, ഡ്രീംവീവർ എല്ലാം ഒരേ ക്രമത്തിൽ പ്ലേ ചെയ്യുന്നു.

ഹോംസൈറ്റ് 4.0

അടുത്ത എഡിറ്റർ ഹോംസൈറ്റ് 4 ആണ് - പേജുകൾ സ്വമേധയാ സൃഷ്ടിക്കുന്നതിന്, അതായത്. HTML connoisseurs വേണ്ടി. നിങ്ങൾക്ക് HTML കോഡിന്മേൽ പൂർണ്ണ നിയന്ത്രണം ലഭിക്കും, കൂടാതെ മൂന്നിൽ ഒന്നിന് നിങ്ങളുടെ പേജ് ഒപ്റ്റിമൈസ് ചെയ്യാൻ സാധിക്കും ജനപ്രിയ ബ്രൗസറുകൾ(എംഎസ്ഐഇ, ഗൂഗിൾ ഫ്രോം, ഓപ്പറ).

HomeSite-ൽ രണ്ട് പ്രധാന മോഡുകൾ അടങ്ങിയിരിക്കുന്നു: എഡിറ്റ്, ഡിസൈൻ. HTML കോഡ് നിർമ്മിക്കുന്ന ഒരു തരം WYSIWYG എഡിറ്ററാണ് ഡിസൈൻ മോഡ്, നിങ്ങൾ മറ്റൊരാളുടെ HTML കോഡ് ലോഡ് ചെയ്യുകയാണെങ്കിൽ, HomeSite എല്ലാം അതിന്റേതായ രീതിയിൽ മാറ്റിയെഴുതും.

ഹോംസൈറ്റിന്റെ മറ്റൊരു പ്രത്യേകത ഡ്രീംവീവർ ഉപയോഗിച്ചുള്ള "ഒട്ടിക്കൽ" ആണ്. ഹോംസൈറ്റിന് ഒരു "ഡ്രീംവീവർ" ബട്ടൺ ഉണ്ട് കൂടാതെ സ്റ്റാൻഡേർഡായി ഉൾപ്പെടുത്തിയിട്ടുണ്ട്. എന്നിരുന്നാലും, HTML കോഡ് എഡിറ്റുചെയ്യുന്നതിനുള്ള ഒരു എഡിറ്ററായി ഹോംസൈറ്റിനെ ബന്ധിപ്പിക്കാനുള്ള കഴിവും DreamWeaver-ന് ഉണ്ട്.

ഏറ്റവും പുതിയ HTML എഡിറ്ററുകളിൽ ഒന്ന് EVR സോഫ്റ്റ് ഒന്നാം പേജ് v2 ആണ്.

"ഒന്നാം ക്ലാസ് വെബ്‌സൈറ്റുകൾ സൃഷ്‌ടിക്കുക!" എന്നതാണ് അദ്ദേഹത്തിന്റെ മുദ്രാവാക്യം. ("മികച്ച വെബ്‌സൈറ്റുകൾ നിർമ്മിക്കുക!"). എഡിറ്ററിൽ നിരവധി മോഡുകൾ അടങ്ങിയിരിക്കുന്നു - നോർമൽ, ഈസി, അഡ്വാൻസ്ഡ്/എക്സ്പെർട്ട്, ഹാർഡ്കോർ, അതായത്, നിങ്ങൾക്ക് നിങ്ങളുടെ ലെവൽ തിരഞ്ഞെടുത്ത് ഒടുവിൽ ഉയർന്നതിലേക്ക് നീങ്ങാം. JavaScript, DHTML എന്നിവയിലെ സ്ക്രിപ്റ്റുകളുടെ ഒരു വലിയ ശേഖരമാണ് മറ്റൊരു സവിശേഷത. ഇതെല്ലാം വളരെ സൗകര്യപ്രദമായി വിഭാഗങ്ങളായി തിരിച്ചിരിക്കുന്നു.

3.2 ഗ്രാഫിക് എഡിറ്റർമാർ

ഗ്രാഫിക്സ് സൃഷ്ടിക്കുന്നതും ഒപ്റ്റിമൈസ് ചെയ്യുന്നതും സങ്കീർണ്ണവും കാപ്രിസിയസും ആയ ഒരു ജോലിയാണ്. തീർച്ചയായും, ഗ്രാഫിക്സ് ഉപയോഗിക്കാതെ ഒരു വെബ് പേജ് സൃഷ്ടിക്കാൻ കഴിയും - ഫോണ്ടുകൾ, സ്ക്രിപ്റ്റുകൾ, സ്റ്റൈൽ ഷീറ്റുകൾ (CSS) എന്നിവ ഉപയോഗിച്ച് - അത് മനോഹരവും സ്റ്റൈലിഷും ആയിരിക്കും. എന്നാൽ ഡോക്യുമെന്റിന്റെ അന്തിമ രൂപം വ്യത്യസ്ത ഘടകങ്ങളെ ആശ്രയിച്ചിരിക്കുന്നു, ഉദാഹരണത്തിന്: ബ്രൗസർ വിൻഡോയുടെ വീതി, ബ്രൗസർ പ്രീസെറ്റുകൾ, ഡിഫോൾട്ട് ഫോണ്ട് വലുപ്പം, ഫോണ്ടിന്റെ പേര്, നിറം. കൂടാതെ, എല്ലാ സ്ക്രിപ്റ്റുകളും ശൈലികളും എല്ലാ ബ്രൗസറുകളും പിന്തുണയ്ക്കുന്നില്ല. ഗ്രാഫിക്സ് ഉപയോഗിക്കുകയാണെങ്കിൽ, നിങ്ങളുടെ പേജ് സന്ദർശകൻ അത് നിങ്ങൾ ഉണ്ടാക്കിയതുപോലെ തന്നെ കാണുകയും കാണുകയും ചെയ്യും.

വെബ് ഗ്രാഫിക്സിൽ പ്രവർത്തിക്കുന്നതിനുള്ള പ്രധാന ബുദ്ധിമുട്ട്, മിക്ക കേസുകളിലും ഇന്റർനെറ്റ് ചാനലുകളുടെ ബാൻഡ്‌വിഡ്ത്ത് വളരെ കുറവാണ്, നിങ്ങൾക്ക് ഉടനടി പ്രശ്നങ്ങൾ നേരിടേണ്ടിവരും - എങ്ങനെ ചെയ്യണം ഗ്രാഫിക് ഫയൽവോളിയത്തിൽ ചെറുതാണ്, പക്ഷേ നല്ല ഗുണമേന്മയുള്ള, അത് ഒപ്റ്റിമൈസ് ചെയ്യുമ്പോൾ എന്ത് പ്രോഗ്രാമുകളും ടെക്നിക്കുകളും ഉപയോഗിക്കണം.

കഴിവുള്ള കൈകളിലെ ശക്തമായ ഇമേജ് പ്രോസസ്സിംഗ് ടൂളായ വെക്‌ടർ, റാസ്റ്റർ ഗ്രാഫിക് എഡിറ്റർമാരുടെ വിഭാഗം ഇതിനായി നീക്കിവച്ചിരിക്കുന്നു.

വെക്റ്റർ, റാസ്റ്റർ ഗ്രാഫിക്സ് എഡിറ്റർമാരെ പരിഗണിക്കുന്നതിന് മുമ്പ്, ഒരു ചിത്രത്തിന്റെ വെക്റ്ററും റാസ്റ്റർ പ്രതിനിധാനവും തമ്മിലുള്ള വ്യത്യാസം നിങ്ങൾ മനസ്സിലാക്കണം.

റാസ്റ്റർ ഗ്രാഫിക്സ്ഒരു ഗ്രിഡ് (റാസ്റ്റർ) ആണ്, ഇതിന്റെ സെല്ലുകളെ പിക്സലുകൾ എന്ന് വിളിക്കുന്നു. ഒരു റാസ്റ്റർ ഇമേജിലെ ഓരോ പിക്സലിനും കർശനമായി നിർവചിച്ചിരിക്കുന്ന സ്ഥലവും നിറവും ഉണ്ട്, അതിനാൽ ഏത് ഒബ്ജക്റ്റിനെയും പ്രോഗ്രാം ഒരു കൂട്ടം നിറമുള്ള പിക്സലുകളായി പ്രതിനിധീകരിക്കുന്നു. ഇതിനർത്ഥം, ഉപയോക്താവ്, റാസ്റ്റർ ഇമേജുകൾക്കൊപ്പം പ്രവർത്തിക്കുമ്പോൾ, നിർദ്ദിഷ്ട ഒബ്ജക്റ്റുകളിൽ പ്രവർത്തിക്കുന്നില്ല, മറിച്ച് അവ നിർമ്മിക്കുന്ന പിക്സലുകളുടെ ഗ്രൂപ്പുകളിൽ പ്രവർത്തിക്കുന്നു.

റാസ്റ്റർ ഇമേജുകൾ നിറങ്ങളുടെയും ഹാഫ്‌ടോണുകളുടെയും ഗ്രേഡേഷനുകളും ഉയർന്ന ഇമേജ് വിശദാംശങ്ങളും അറിയിക്കുന്നതിൽ ഉയർന്ന കൃത്യത നൽകുന്നു, അതിനാൽ അവ അവതരണത്തിന്റെ ഏറ്റവും മികച്ച മാർഗമാണ്. ടോൺ ചിത്രങ്ങൾ, സ്കാൻ ചെയ്ത ഫോട്ടോഗ്രാഫുകൾ പോലെ.

റാസ്റ്റർ ഗ്രാഫിക്സിനായി എപ്പോഴും ഉപയോഗിക്കുന്നു നിശ്ചിത അളവ്പിക്സലുകൾ, അതായത്. ഒരു റാസ്റ്റർ ചിത്രത്തിന്റെ ഗുണനിലവാരം നേരിട്ട് ഉപകരണങ്ങളുടെ റെസല്യൂഷനെ ആശ്രയിച്ചിരിക്കുന്നു. ഇതിനർത്ഥം ഇമേജിലെ ഏതെങ്കിലും മാറ്റം (ഭ്രമണം, വലുതാക്കൽ മുതലായവ) ചിത്രത്തിന്റെ നിരന്തരമായ വികലതയിലേക്ക് നയിക്കുന്നു, വസ്തുക്കളുടെ അതിരുകൾ അസമമാണ്.

വെക്റ്റർ ചിത്രങ്ങൾവെക്റ്ററുകൾ എന്ന് വിളിക്കപ്പെടുന്ന ഗണിതശാസ്ത്രപരമായി വിവരിച്ച കണക്കുകളുടെ അടിസ്ഥാനത്തിലാണ് രൂപപ്പെടുന്നത്, കൂടാതെ ചിത്രത്തിന്റെ രൂപം വെക്റ്ററുകളുടെ പാരാമീറ്ററുകളാൽ നിർണ്ണയിക്കപ്പെടുന്നു. മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ, വെക്റ്റർ ഗ്രാഫിക്സിൽ കോർഡിനേറ്റുകളും വർണ്ണവും മറ്റ് പാരാമീറ്ററുകളും ഉള്ള കർവുകളും ഒരു പ്രത്യേക വർണ്ണം നിറച്ച അടച്ച പ്രദേശങ്ങളും അടങ്ങിയിരിക്കുന്നു. ഈ പ്രദേശങ്ങളുടെ അതിരുകളും വക്രങ്ങളാൽ വിവരിച്ചിരിക്കുന്നു. വെക്റ്റർ ഇമേജ് ഫയലിൽ കർവുകളുടെ കോർഡിനേറ്റുകളും പാരാമീറ്ററുകളും അടങ്ങിയിരിക്കുന്നു.

പ്രോസസ്സിംഗ് ഫലങ്ങൾ വെക്റ്റർ ചിത്രങ്ങൾഉപകരണങ്ങളുടെ മിഴിവിനെ ആശ്രയിക്കരുത്, അതിനാൽ നിങ്ങൾക്ക് അവയുടെ പാരാമീറ്ററുകൾ (വലിപ്പം, നിറം, ആകൃതി മുതലായവ) ഏകപക്ഷീയമായി മാറ്റാൻ കഴിയും - ഗുണനിലവാരം മോശമാകില്ല. ചെറിയ പോയിന്റ് വലുപ്പങ്ങൾ (ഫോണ്ട് വലുപ്പങ്ങൾ) അല്ലെങ്കിൽ ലോഗോകൾ പോലുള്ള ഒബ്‌ജക്‌റ്റുകൾ ഉപയോഗിച്ച് ഡിജിറ്റൽ ഒബ്‌ജക്റ്റുകൾ സൃഷ്‌ടിക്കുമ്പോൾ വെക്‌റ്റർ ഗ്രാഫിക്‌സ് ഉപയോഗിക്കുന്നു.

ഗ്രാഫിക് പാക്കേജുകളും (എഡിറ്റർമാർ) രണ്ട് തരങ്ങളായി തിരിച്ചിരിക്കുന്നു: റാസ്റ്റർ, വെക്റ്റർ. അവയിൽ ഏറ്റവും ജനപ്രിയമായത് ഇപ്പോൾ നോക്കാം.

എ) റാസ്റ്റർ ഗ്രാഫിക്സ് എഡിറ്റർമാർ

ഓപ്പറേറ്റിംഗ് സിസ്റ്റങ്ങളുടെ സ്റ്റാൻഡേർഡ് പാക്കേജിൽ ഉൾപ്പെടുത്തിയിരിക്കുന്ന ലളിതമായ (അല്ലെങ്കിൽ ഏറ്റവും ലളിതമായി പറഞ്ഞാൽ) എഡിറ്ററാണ് Microsoft Paint. മൈക്രോസോഫ്റ്റ് സിസ്റ്റങ്ങൾ. ലളിതമായ ചിത്രങ്ങൾ സൃഷ്ടിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്ന ലളിതമായ പ്രവർത്തനങ്ങളുടെ (ബ്രഷ്, പെൻസിൽ, ഇറേസർ മുതലായവ) ഇതിന് ഉണ്ട്. നിർഭാഗ്യവശാൽ, ഗ്രാഫിക്സ് പ്രോസസ്സിംഗിന് ഇത് പ്രായോഗികമായി അനുയോജ്യമല്ല. നിങ്ങൾ വലതുവശത്ത് കാണുന്ന ചിത്രമാണ് ഈ എഡിറ്റർക്ക് ചെയ്യാൻ കഴിയുന്നത്.

അഡോബ് ഫോട്ടോഷോപ്പ് - ഇന്ന് ഇത് ഏറ്റവും ശക്തമായ പാക്കേജാണ് പ്രൊഫഷണൽ പ്രോസസ്സിംഗ്റാസ്റ്റർ ഗ്രാഫിക്സ്. ഒരു റാസ്റ്റർ ഇമേജ് പരിഷ്‌ക്കരിക്കുന്നതിന് നിരവധി സാധ്യതകളുള്ള ഒരു സമ്പൂർണ്ണ സമുച്ചയമാണിത്, വ്യത്യസ്ത ഫിൽട്ടറുകളും ഇഫക്റ്റുകളും ഉണ്ട്, കൂടാതെ സ്വതന്ത്ര നിർമ്മാതാക്കളിൽ നിന്നുള്ള ഉപകരണങ്ങൾ കണക്റ്റുചെയ്യുന്നത് സാധ്യമാണ്.

ഉദാഹരണത്തിന്, കേടായ ചിത്രങ്ങൾ പുനഃസ്ഥാപിക്കുന്നതിനും ഫോട്ടോകൾ റീടച്ച് ചെയ്യുന്നതിനും നമ്മുടെ ഭാവനയ്ക്ക് സങ്കൽപ്പിക്കാൻ കഴിയുന്ന ഏറ്റവും മികച്ച കൊളാഷുകൾ സൃഷ്ടിക്കുന്നതിനുമുള്ള ഉപകരണങ്ങൾ പാക്കേജ് വാഗ്ദാനം ചെയ്യുന്നു. മൊത്തത്തിൽ, ഈ പാക്കേജിന്റെ സാധ്യതകൾ വളരെ വലുതാണ്. പതിപ്പ് 5.5 മുതൽ, പാക്കേജിൽ പ്രോഗ്രാം ഉൾപ്പെടുന്നു അഡോബ് ഇമേജ് റെഡി, നൽകുന്നത് വലിയ അവസരങ്ങൾ WEB-നുള്ള ഗ്രാഫിക്സ് പ്രോസസ്സിംഗിൽ (ഇമേജ് ഒപ്റ്റിമൈസേഷൻ, സൃഷ്ടി ആനിമേറ്റഡ് ജിഫുകൾ, ചിത്രങ്ങളെ ചെറുതാക്കി "മുറിക്കുക" മുതലായവ). അഡോബ് ഫോട്ടോഷോപ്പ് ഡവലപ്പർമാരുടെ മുദ്രാവാക്യം - "നിങ്ങളുടെ മനസ്സിന്റെ ക്യാമറ" - സാങ്കേതിക മികവ് മാത്രമല്ല, സർഗ്ഗാത്മകതയുടെ സമ്പൂർണ്ണ സ്വാതന്ത്ര്യവും സൂചിപ്പിക്കുന്നു, ഈ പ്രോഗ്രാമിനൊപ്പം പ്രവർത്തിക്കുന്ന ഒരു വ്യക്തിക്ക് നാശം സംഭവിക്കുന്നു.

ഫോട്ടോ പെയിന്റ്- സമാനമായ മറ്റൊരു ഗ്രാഫിക് എഡിറ്റർ (പാക്കേജിൽ നിന്ന് കോറൽ ഡ്രാ) അഡോബ് ഫോട്ടോഷോപ്പുമായി മത്സരിക്കുന്ന റാസ്റ്റർ ഗ്രാഫിക്സ് പ്രോസസ്സ് ചെയ്യുന്നതിന്. ഗ്രാഫിക്സ് പ്രോസസ്സിംഗ്, വിവിധ ഫിൽട്ടറുകൾ, ടെക്സ്ചറുകൾ എന്നിവയ്ക്ക് ആവശ്യമായ എല്ലാ ഉപകരണങ്ങളും ഇതിലുണ്ട്. ഉപയോഗത്തിന്റെ എളുപ്പത്തിലും ഇന്റർഫേസിലും ഫിൽട്ടറുകൾ പ്രയോഗിക്കുന്നതിന്റെ വേഗതയിലും മാത്രമാണ് വ്യത്യാസം - ആപ്ലിക്കേഷൻ അൽപ്പം മന്ദഗതിയിലാണ്.

ചിത്രകാരൻ- യഥാർത്ഥ ഡ്രോയിംഗ് ടൂളുകൾ അനുകരിക്കുന്നതിന് എഡിറ്റർ മികച്ച അവസരങ്ങൾ നൽകുന്നു: ഗ്രാഫൈറ്റ്, ചോക്ക്, ഓയിൽ മുതലായവ. മെറ്റീരിയലുകളുടെ ഉപരിതല ഘടന അനുകരിക്കാനും പെയിന്റിംഗ് ചെയ്യാനും ആനിമേഷൻ സൃഷ്ടിക്കാനും ഇത് നിങ്ങളെ അനുവദിക്കുന്നു. വികസനത്തിന് വളരെ സൗകര്യപ്രദമാണ് പശ്ചാത്തല ചിത്രങ്ങൾഅല്ലെങ്കിൽ പെയിന്റിംഗ് ശൈലിയിലുള്ള വെബ് പേജുകൾ. ഈ പ്രോഗ്രാം ഉപയോഗിക്കുമ്പോൾ നിങ്ങൾക്ക് ഒരു യഥാർത്ഥ കലാകാരനായി തോന്നും.

നിരവധി എഡിറ്റർമാരും ഉണ്ട് ( മൈക്രോസോഫ്റ്റ് ഫോട്ടോ എഡിറ്റര്,മൈക്രോസോഫ്റ്റ് ഫോട്ടോഡ്രോ), ഏറ്റവും ലളിതമായ ജോലികൾ നടപ്പിലാക്കാൻ അനുവദിക്കുന്നു, പക്ഷേ പ്രൊഫഷണലുകളുടെ ആവശ്യങ്ങൾ തൃപ്തിപ്പെടുത്തുന്നില്ല.

ബി) വെക്റ്റർ ഗ്രാഫിക്സ് എഡിറ്റർമാർ

അഡോബ് ഇല്ലസ്ട്രേറ്റർ- വെക്റ്റർ ഗ്രാഫിക്സ് സൃഷ്ടിക്കാനും പ്രോസസ്സ് ചെയ്യാനും എഡിറ്റുചെയ്യാനും പാക്കേജ് നിങ്ങളെ അനുവദിക്കുന്നു. ശക്തിയുടെ കാര്യത്തിൽ ഇത് തുല്യമാണ്

റാസ്റ്റർ എഡിറ്റർ അഡോബ് ഫോട്ടോഷോപ്പ്: സമാനമായ ഒരു ഇന്റർഫേസ് ഉണ്ട്, വിവിധ ഫിൽട്ടറുകളും ഇഫക്റ്റുകളും ബന്ധിപ്പിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു, പലതും മനസ്സിലാക്കുന്നു ഗ്രാഫിക് ഫോർമാറ്റുകൾ, പോലുള്ളവ പോലും. cdr (കോറൽ ഡ്രോ) കൂടാതെ. swf (ഫ്ലാഷ്).

കോറൽ ഡ്രാ- തീർച്ചയായും വളരെ പ്രശസ്തമാണ് ഗ്രാഫിക്സ് പാക്കേജ്പ്രോസസ്സിംഗിനുള്ള മാർഗങ്ങളില്ലാതെ ചെയ്യാൻ കഴിയില്ല വെക്റ്റർ ഗ്രാഫിക്സ്. പാക്കേജ് ഗ്രാഫിക്സ് കാർഡുകൾ പോലെ തന്നെ ശക്തമാണ് അഡോബ് എഡിറ്റർമാർഫോട്ടോഷോപ്പും അഡോബ് ഇല്ലസ്‌ട്രേറ്ററും. വെക്റ്റർ ഗ്രാഫിക്സ് പ്രോസസ്സിംഗിനുപുറമെ, ഈ പാക്കേജിൽ ഒരു റാസ്റ്റർ ഗ്രാഫിക്സ് പ്രോസസർ (ഫോട്ടോ പെയിന്റ്), ഒരു ഇമേജ് ട്രേസർ, ഒരു ഫോണ്ട് എഡിറ്റർ, ടെക്സ്ചർ തയ്യാറാക്കൽ, ബാർകോഡ് സൃഷ്ടിക്കൽ, കൂടാതെ ചിത്രങ്ങളുടെ വലിയ ശേഖരം (CorelGallery) എന്നിവ അടങ്ങിയിരിക്കുന്നു.

അഡോബ് സ്ട്രീംലൈൻ- വെക്റ്റർ ഗ്രാഫിക്സിലേക്ക് റാസ്റ്റർ ഗ്രാഫിക്സ് കണ്ടെത്തുന്നതിന് (വിവർത്തനം ചെയ്യുന്നതിനായി) രൂപകൽപ്പന ചെയ്ത മറ്റൊരു അഡോബ് ഉൽപ്പന്നം. ഇത് ചെറുതും എന്നാൽ വളരെ ഉപയോഗപ്രദവും ശക്തവുമായ ഉൽപ്പന്നമാണ്. ഫ്ലാഷ് സാങ്കേതികവിദ്യ പോലുള്ള വെക്റ്റർ ഗ്രാഫിക്സ് ഉപയോഗിച്ച് നിങ്ങൾ വെബ് പേജുകൾ സൃഷ്ടിക്കുകയാണെങ്കിൽ പ്രത്യേകിച്ചും ഉപയോഗപ്രദമാണ്.

4. CMS ജൂംല 1.5.7 ഉപയോഗിച്ച് വെബ്സൈറ്റ് സൃഷ്ടിക്കൽ

സുഗമമായി, ലളിതവും സങ്കീർണ്ണവുമായ തത്വമനുസരിച്ച്, ഞങ്ങൾ അതിൽ നിന്ന് നീങ്ങുന്നു സ്റ്റാറ്റിക് പേജുകൾ WWW മുതൽ ഡൈനാമിക് വരെ. ഇത് പൂർത്തിയാക്കാൻ, ഞങ്ങൾക്ക് PHP, Jscript, Perl, എന്നീ വെബ് ഭാഷകളെക്കുറിച്ചുള്ള അറിവ് ആവശ്യമാണ്. jQueryകുറഞ്ഞത് ഘടനാപരമായ ഭാഷ MySQL അന്വേഷണങ്ങൾ. കുഴപ്പമില്ല, കുറച്ച് വർഷങ്ങൾക്ക് ശേഷം, നിങ്ങൾ ഒരു പ്രൊഫഷണലാണ്, അത്തരം മൾട്ടിഫങ്ഷണൽ സൈറ്റുകൾ നിർമ്മിക്കാൻ കഴിവുള്ളവരാണ്, അതിൽ പേജുകൾ ഫ്ലൈയിൽ ജനറേറ്റുചെയ്യുന്നു, അതിൽ ഫോറം ക്ലയന്റുകളുടെ ഒരു ഡാറ്റാബേസ്, ലോഗിനുകൾ, പാസ്‌വേഡുകൾ, ഐഡന്റിഫിക്കേഷൻ, പ്രാമാണീകരണം, ബന്ധിപ്പിക്കുന്ന ആനിമേഷനുകൾ എന്നിവയുണ്ട്. അതോടൊപ്പം തന്നെ കുടുതല്.

എന്നാൽ ഒരു ഡൈനാമിക് മൾട്ടിഫങ്ഷണൽ വെബ്സൈറ്റ് സൃഷ്ടിക്കാൻ എല്ലാ ഭാഷകളെക്കുറിച്ചും അറിവ് ആവശ്യമില്ല. HTML, SCC, PHP, 3Ds Max, ഫോട്ടോഷോപ്പ്, SMC ജൂംല എന്നിവയെക്കുറിച്ച് എനിക്ക് വേണ്ടത്ര അറിവുണ്ടായിരുന്നു.

MySQL ഡാറ്റാബേസ് സ്റ്റോറേജായി ഉപയോഗിച്ച് PHP, JavaScript എന്നിവയിൽ എഴുതപ്പെട്ട ഒരു ഉള്ളടക്ക മാനേജ്മെന്റ് സിസ്റ്റമാണ് ജൂംല. കീഴിൽ സ്വതന്ത്ര സോഫ്റ്റ്‌വെയർ വിതരണം ചെയ്യുന്നു ഗ്നു ലൈസൻസ്ജിപിഎൽ.

പ്രധാന സവിശേഷതകൾ:

1. അധിക മൊഡ്യൂളുകൾ (വിപുലീകരണങ്ങൾ, പ്ലഗിനുകൾ) ഉപയോഗിച്ച് പ്രവർത്തനം വിപുലീകരിക്കാൻ കഴിയും.

2. ഉപയോക്താക്കളുടെയും അഡ്‌മിനിസ്‌ട്രേറ്റർമാരുടെയും മൾട്ടി-ലെവൽ പ്രാമാണീകരണത്തിനുള്ള സുരക്ഷാ മൊഡ്യൂൾ.

3. ടെംപ്ലേറ്റ് സിസ്റ്റം മാറ്റുന്നത് എളുപ്പമാക്കുന്നു രൂപംസൈറ്റ്.

4. ഇടത്, വലത്, മധ്യ മെനു ബ്ലോക്കുകൾ ഉൾപ്പെടെ ഇഷ്ടാനുസൃതമാക്കാവുന്ന മൊഡ്യൂൾ ലേഔട്ടുകൾ.

5. നിങ്ങൾക്ക് എല്ലാ മൊഡ്യൂളുകൾ, ഘടകങ്ങൾ, പ്ലഗിനുകൾ, ടെംപ്ലേറ്റുകൾ എന്നിവ സ്വയം എഴുതാനും ഘടനാപരമായ വിപുലീകരണ ഡയറക്‌ടറിയിൽ സ്ഥാപിക്കാനും അല്ലെങ്കിൽ എഡിറ്റുചെയ്യാനും കഴിയും എന്ന വസ്തുത സിസ്റ്റത്തിന്റെ ഗുണങ്ങളിൽ ഉൾപ്പെടുന്നു. നിലവിലുള്ള വിപുലീകരണംനിങ്ങളുടെ സ്വന്തം വിവേചനാധികാരത്തിൽ.

ഇൻറർനെറ്റിലെ ഒരു ഹോസ്റ്റിംഗ് സെർവറിൽ നിങ്ങൾക്ക് ജൂംലയുമായി പ്രവർത്തിക്കാൻ കഴിയും (കൂടുതൽ ചെലവുകൾ, കൂടാതെ ധാരാളം ഇന്റർനെറ്റ് വേഗതയെ ആശ്രയിച്ചിരിക്കുന്നു). ഒരു പ്രാദേശിക സെർവറിൽ പ്രവർത്തിക്കാൻ ഞാൻ ആഗ്രഹിക്കുന്നു. ഇതിനായി ഞാൻ 127.0.0.1 പോർട്ട് 80-ൽ Apache/2.2.4 (Win32) mod_ssl/2.2.4 OpenSSL/0.9.8d PHP/5.2.4 സെർവർ തിരഞ്ഞെടുത്തു.

അതിനാൽ, ഇൻസ്റ്റാൾ ചെയ്തു പ്രാദേശിക സെർവർ. ലോക്കൽഹോസ്റ്റ്/ഹോം/www/ ഡയറക്‌ടറിയിൽ, ഒരു ഫോൾഡർ സൃഷ്‌ടിക്കുക, അതിൽ നമ്മൾ ജൂംല തന്നെ സ്ഥാപിക്കുക. PHP5.3.1-ന് കീഴിൽ ജൂംല ശരിയായി പ്രവർത്തിക്കുന്നില്ല എന്നത് ഞാൻ ശ്രദ്ധിക്കാൻ ആഗ്രഹിക്കുന്നു. ഫയർബോർഡ്, കുനേന ഫോറങ്ങളുടെ ഘടകങ്ങൾ സൈറ്റിൽ നിരന്തരം പിശകുകൾ സൃഷ്ടിക്കുന്നു, നിങ്ങൾ php ഫയൽ എഡിറ്റുചെയ്യേണ്ടതുണ്ട്. ini, പിശക് സന്ദേശങ്ങൾ പ്രവർത്തനരഹിതമാക്കുക, കാരണം ഈ പ്രവർത്തനം തന്നെ സൈറ്റിന് അപ്രതീക്ഷിത സാഹചര്യങ്ങൾ വാഗ്ദാനം ചെയ്യുന്നു. ഇക്കാരണത്താൽ, തിരഞ്ഞെടുക്കാൻ ഞാൻ ശുപാർശ ചെയ്യുന്നു PHP പതിപ്പ് 5.2.4, എല്ലാ പ്ലഗിനുകൾക്കും മൊഡ്യൂളുകൾക്കും ഘടകങ്ങൾക്കുമുള്ള സ്ഥിരമായ പ്രവർത്തനം. ഒരു ബ്രൗസറിലൂടെ ജൂംല ഇൻസ്റ്റാൾ ചെയ്ത ശേഷം, MySQL-ൽ ഒരു അഡ്മിൻ ഉപയോക്താവിനെ സൃഷ്ടിച്ച് അഡ്മിൻ പാനലിലേക്ക് പോകുന്നതിന് അവന്റെ ലോഗിനും പാസ്‌വേഡും ഉപയോഗിക്കുക. അടുത്തതായി, നിങ്ങൾ സൈറ്റിനായി ഒരു ടെംപ്ലേറ്റ് തിരഞ്ഞെടുക്കേണ്ടതുണ്ട്. ഒറ്റനോട്ടത്തിൽ ഇത് വളരെ എളുപ്പമാണെന്ന് തോന്നും, പക്ഷേ ആഴത്തിൽ കുഴിക്കുമ്പോൾ 80% സമയവും ഈ ടെംപ്ലേറ്റ് നവീകരിക്കുന്നതിനാണ് ചെലവഴിക്കുന്നതെന്ന് നിങ്ങൾക്ക് ബോധ്യപ്പെടും. അതിനാൽ, നിങ്ങളുടെ ആവശ്യങ്ങൾക്ക് ഏറ്റവും അനുയോജ്യമായ ടെംപ്ലേറ്റ് തിരഞ്ഞെടുക്കാൻ ഞാൻ ശുപാർശ ചെയ്യുന്നു, പ്രദർശിപ്പിക്കേണ്ട മൊഡ്യൂളുകളെ കുറിച്ച് മറക്കരുത്. അടുത്തതായി, സൈറ്റിന്റെ എല്ലാ പ്രവർത്തനങ്ങളും ഞങ്ങൾ ബന്ധിപ്പിക്കുന്നു: രജിസ്ട്രേഷൻ, ഫോറം, സ്ലൈഡ് ഷോകൾ, ബാനറുകൾ, റേസിംഗ് ഫയലുകൾ, ഓൺ-ലൈൻ വീഡിയോ, ഓഡിയോ, എഡിറ്റിംഗ്, പ്രദർശിപ്പിച്ച എല്ലാ പേജുകളും. ഞങ്ങൾ പ്രധാനമായും ഇൻഡെക്സ് ഫയലുമായി പ്രവർത്തിക്കുന്നു. php, ടെംപ്ലേറ്റ്. css, തീർച്ചയായും ഞങ്ങൾ കണക്റ്റുചെയ്‌ത എല്ലാ വിപുലീകരണങ്ങളും ഞങ്ങൾക്കായി ക്രമീകരിക്കുന്നു, അതിൽ ജൂംലയ്‌ക്കായി ഏകദേശം 6000 ഉണ്ട്. അടുത്തതായി മികച്ച ഭാഗം വരുന്നു - വെബ്സൈറ്റ് ഡിസൈൻ. റാസ്റ്റർ സോഫ്‌റ്റ്‌വെയർ ഫോട്ടോഷോപ്പും 3D മാക്‌സും (മുഴുവൻ ഫീച്ചർ ചെയ്‌ത പ്രൊഫഷണൽ സോഫ്റ്റ്വെയർ സിസ്റ്റംസൃഷ്ടിക്കുന്നതിനും എഡിറ്റുചെയ്യുന്നതിനും 3D ഗ്രാഫിക്സ്ഓട്ടോഡെസ്ക് വികസിപ്പിച്ച ആനിമേഷനിൽ ആർട്ടിസ്റ്റുകൾക്കും മൾട്ടിമീഡിയ പ്രൊഫഷണലുകൾക്കുമുള്ള ഏറ്റവും പുതിയ ടൂളുകൾ അടങ്ങിയിരിക്കുന്നു) ഒരു ടെംപ്ലേറ്റ് ഡിസൈൻ സൃഷ്ടിക്കുക. തലക്കെട്ട് എഡിറ്റ് ചെയ്‌ത് നിങ്ങൾ ആഗ്രഹിക്കുന്ന രീതിയിൽ നോക്കുക.

ഉപസംഹാരം

വെബ് പ്രോഗ്രാമിംഗിന്റെ ദ്രുതഗതിയിലുള്ള വികസനവും ഒന്നിലധികം CMS-കളുടെ സൃഷ്ടിയും കാരണം, ഒരു വെബ് ഡിസൈനറുടെ ജോലി എളുപ്പമാക്കി. ഇപ്പോൾ, ഒരു മൾട്ടിഫങ്ഷണൽ, ശക്തമായ ഡൈനാമിക് വെബ് പോർട്ടൽ സൃഷ്ടിക്കാൻ, നിരവധി പ്രോഗ്രാമിംഗ് ഭാഷകൾ (ഞങ്ങൾ എക്സ്റ്റൻഷനുകളും സ്ക്രിപ്റ്റുകളും ചേർക്കുകയാണെങ്കിൽ), ഗ്രാഫിക്, റാസ്റ്റർ പ്രോഗ്രാമുകളിൽ പ്രാവീണ്യം നേടുക, കൂടാതെ കുറച്ച് പ്രചോദനവും പുതുമയും വൈദഗ്ധ്യവും നേടിയാൽ മതി.

സാഹിത്യം

1. കൊട്ടോറെവ് ഡി.വി., കോസ്റ്ററേവ് എ.എഫ്. "PHP 5 അല്ലെങ്കിൽ സ്ക്രിപ്റ്റിലെ ഏറ്റവും പൂർണ്ണമായ മാനുവൽ." പീറ്റേഴ്സ്ബർഗ് 2005

2. എ. ഗോഞ്ചറോവ് "HTML സ്വയം അധ്യാപകൻ".

3. A. Matrosov, A. Sergeev, M. Chaunin "ഒറിജിനലിൽ HTML 4.0"

4. ഐസക്ക് എസ്. "ഡൈനാമിക് HTML"

5. ബയൻസ് ജെ. "വെബ് പ്രോഗ്രാമിംഗ് ഗാഡ്‌ജെറ്റുകൾ"

6. ബർസോവ് എം.വി. തുടങ്ങിയവ. "ഡ്രീംവീവർ HTML എഡിറ്ററുമായി പ്രവർത്തിക്കുന്നതിന്റെ അടിസ്ഥാനകാര്യങ്ങൾ. വിദ്യാഭ്യാസ മാനുവൽ"

7. വെലിഖോവ് വി. "ഹാൻഡ്‌ബുക്ക് ഓഫ് HTML 4.0"

ഉക്രെയ്നിലെ വിദ്യാഭ്യാസ, ശാസ്ത്ര മന്ത്രാലയം

സ്ക്ഹിദ്‌നൗക്രേനിയൻ നാഷണൽ യൂണിവേഴ്‌സിറ്റി

വോളോഡിമർ ഡാലിന്റെ പേരിലാണ് പേര്

കമ്പ്യൂട്ടർ സയൻസ് വിഭാഗം

അച്ചടക്കത്തിലൂടെ

കമ്പ്യൂട്ടർ ഡിസൈനും മൾട്ടിമീഡിയയും

വിദ്യാർത്ഥി ബോൾഡകോവ I.V.

1. ആമുഖം

3.1 HTML എഡിറ്റർമാർ

4. CMS ജൂംല 1.5.7 ഉപയോഗിച്ച് വെബ്സൈറ്റ് സൃഷ്ടിക്കൽ

സാഹിത്യം

1. ആമുഖം

വേൾഡ് വൈഡ് വെബ് - ഇന്ന് ഒരു ആഗോള കമ്പ്യൂട്ടർ ശൃംഖലയിൽ എല്ലാത്തരം വിവരങ്ങളും ഉൾക്കൊള്ളുന്ന ദശലക്ഷക്കണക്കിന് സൈറ്റുകൾ അടങ്ങിയിരിക്കുന്നു. ഇന്റർനെറ്റ് സാങ്കേതികവിദ്യ ഉപയോഗിച്ച് ആളുകൾ ഈ വിവരങ്ങൾ ആക്സസ് ചെയ്യുന്നു. WWW നാവിഗേറ്റ് ചെയ്യുന്നതിന്, പ്രത്യേക പ്രോഗ്രാമുകൾ ഉപയോഗിക്കുന്നു - വെബ് ബ്രൗസറുകൾ, ഇത് WWW ന്റെ വിശാലമായ വിസ്തൃതികളിലൂടെയുള്ള യാത്രയെ വളരെയധികം സഹായിക്കുന്നു. വെബ് ബ്രൗസറിലെ എല്ലാ വിവരങ്ങളും വെബ് പേജുകളുടെ രൂപത്തിൽ പ്രദർശിപ്പിക്കും.

മൾട്ടിമീഡിയ സാങ്കേതികവിദ്യയെ പിന്തുണയ്ക്കുന്ന വെബ് പേജുകൾ, വിവിധ തരത്തിലുള്ള വിവരങ്ങൾ സംയോജിപ്പിക്കുന്നു: ടെക്സ്റ്റ്, ഗ്രാഫിക്സ്, ശബ്ദം, ആനിമേഷൻ, വീഡിയോ. ഇൻറർനെറ്റിലെ അതിന്റെ വിജയം പ്രധാനമായും ഒരു പ്രത്യേക വെബ് പേജ് എത്ര ഭംഗിയായി നിർമ്മിച്ചിരിക്കുന്നു എന്നതിനെ ആശ്രയിച്ചിരിക്കുന്നു.

സ്റ്റൈലിഷ് ഡിസൈൻ ഉള്ളതും അമിതമായ ഗ്രാഫിക്സും ആനിമേഷനും ഇല്ലാത്തതും വേഗത്തിൽ ലോഡുചെയ്യുന്നതും വെബ് ബ്രൗസർ വിൻഡോയിൽ ശരിയായി പ്രദർശിപ്പിക്കുന്നതുമായ വെബ് പേജുകൾ സന്ദർശിക്കുന്നതിൽ ഉപയോക്താവിന് സന്തോഷമുണ്ട്.

ഒരു വെബ് പേജ് സൃഷ്‌ടിക്കുന്നത് എളുപ്പമല്ല, പക്ഷേ എല്ലാവരും ഒരു ഡിസൈനറായി സ്വയം പരീക്ഷിക്കാൻ ആഗ്രഹിക്കുന്നു. ഈ സാഹചര്യത്തിൽ, ഞാൻ ഒരു അപവാദമല്ല, അതുകൊണ്ടാണ് എന്റെ കോഴ്‌സ് വർക്കിനായി ഞാൻ ഈ വിഷയം തിരഞ്ഞെടുത്തത്.

എന്റെ ലേഖനത്തിൽ, ഒരു വെബ് പേജ് സൃഷ്‌ടിക്കുന്നതിന് നിങ്ങൾ അറിയേണ്ടതും ചെയ്യാൻ കഴിയുന്നതും എന്താണെന്നും വെബ് പേജുകൾ സൃഷ്‌ടിക്കുന്നതിനുള്ള ഒരു ടൂൾ എന്താണെന്നും അത് എങ്ങനെ ഫലപ്രദമായി ഉപയോഗിക്കാമെന്നും മനസിലാക്കാൻ ഞാൻ ശ്രമിച്ചു.

ഈ സൃഷ്ടിയിൽ ഞാൻ വെബ് പേജ് പ്രോഗ്രാമിംഗ് ഭാഷയുടെ അടിസ്ഥാനകാര്യങ്ങൾ അവലോകനം ചെയ്തു - HTML, ഇത് പൊതുവായി അംഗീകരിക്കപ്പെട്ട WWW സ്റ്റാൻഡേർഡ് ആണ്. ഒരു വെബ് പേജിന്റെ ഘടനയും അതിന്റെ ശരിയായ രൂപകല്പനയ്ക്കുള്ള സാങ്കേതികതകളും പരിചയപ്പെടാൻ ഇത് നമുക്ക് അവസരം നൽകും. സിഎംഎസ് ജൂംല ഉപയോഗിച്ച് ഒരു വെബ്സൈറ്റ് സൃഷ്ടിക്കുന്നതും ഞങ്ങൾ പരിശോധിക്കും.

2. ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ഭാഷയായ HTML പരിഗണിക്കുക

വെബ് പേജുകൾ ഏത് ഫോർമാറ്റിലും നിലനിൽക്കും, പക്ഷേ അത് ഒരു സ്റ്റാൻഡേർഡായി അംഗീകരിക്കപ്പെട്ടിരിക്കുന്നു ഹൈപ്പർ ടെക്സ്റ്റ് മാർക്കപ്പ് ലാംഗ്വേജ്- ചിത്രങ്ങൾ, ശബ്‌ദം, ആനിമേഷൻ, വീഡിയോ ക്ലിപ്പുകൾ, മറ്റ് പ്രമാണങ്ങളിലേക്കുള്ള ഹൈപ്പർടെക്‌സ്‌റ്റ് ലിങ്കുകൾ എന്നിവയാൽ സമ്പന്നമായ ഫോർമാറ്റ് ചെയ്‌ത ടെക്‌സ്‌റ്റ് സൃഷ്‌ടിക്കാൻ രൂപകൽപ്പന ചെയ്‌തിരിക്കുന്ന ഒരു ഹൈപ്പർടെക്‌സ്‌റ്റ് മാർക്ക്അപ്പ് ഭാഷ.

വിവിധ പ്രത്യേക എഡിറ്റർമാർക്കും കൺവെർട്ടർമാർക്കും HTML ടെക്‌സ്‌റ്റുകൾ സൃഷ്‌ടിക്കാമെന്നതിനാൽ, നിങ്ങൾക്ക് HTML ഭാഷ അറിയാതെ വെബിൽ പ്രവർത്തിക്കാൻ കഴിയും. എന്നാൽ HTML ൽ നേരിട്ട് എഴുതുന്നത് ബുദ്ധിമുട്ടുള്ള കാര്യമല്ല. ഒരു HTML എഡിറ്ററോ കൺവെർട്ടറോ പഠിക്കുന്നതിനേക്കാൾ എളുപ്പമായേക്കാം, അവ പലപ്പോഴും അവയുടെ കഴിവുകളിൽ പരിമിതമാണ്, ബഗ്ഗി അല്ലെങ്കിൽ പ്ലാറ്റ്‌ഫോമുകളിൽ പ്രവർത്തിക്കാത്ത മോശം HTML നിർമ്മിക്കുന്നു.

HTML ഭാഷ നിരവധി രുചികളിൽ വരുന്നു, അത് വികസിച്ചുകൊണ്ടേയിരിക്കുന്നു, എന്നാൽ HTML നിർമ്മാണങ്ങൾ ഭാവിയിൽ ഉപയോഗിക്കുന്നത് തുടരും. HTML-നെ കുറിച്ച് പഠിക്കുകയും അത് കൂടുതൽ ആഴത്തിൽ മനസ്സിലാക്കുകയും, HTML പഠിക്കുന്നതിന്റെ തുടക്കത്തിൽ ഒരു ഡോക്യുമെന്റ് ഉണ്ടാക്കുകയും അത് പരമാവധി വികസിപ്പിക്കുകയും ചെയ്യുന്നതിലൂടെ, ഇന്നും ഭാവിയിലും നിരവധി വെബ് ബ്രൗസറുകൾക്ക് കാണാൻ കഴിയുന്ന വെബ് പേജുകൾ സൃഷ്ടിക്കാൻ ഞങ്ങൾക്ക് കഴിയും. ഓപ്പറ നൽകുന്ന നൂതന രീതി പോലുള്ള മറ്റ് രീതികൾ ഉപയോഗിക്കുന്നതിനുള്ള സാധ്യത ഇത് ഒഴിവാക്കുന്നില്ല, ഗൂഗിൾ ക്രോം, Internet Explorer അല്ലെങ്കിൽ മറ്റ് ബ്രൗസറുകൾ.

എച്ച്ടിഎംഎൽ ഉപയോഗിച്ച് പ്രവർത്തിക്കുന്നത് ഒരു സ്റ്റാൻഡേർഡ് ഭാഷയിൽ ഡോക്യുമെന്റുകൾ സൃഷ്ടിക്കുന്നതിനുള്ള ഇൻസ്‌കാൻറുകൾ പഠിക്കാനുള്ള ഒരു മാർഗമാണ്, ശരിക്കും ആവശ്യമുള്ളപ്പോൾ മാത്രം വിപുലീകരണങ്ങൾ ഉപയോഗിക്കുന്നു.

വേൾഡ് വൈഡ് വെബ് കൺസോർഷ്യം HTML അംഗീകരിച്ചു. ഇത് എല്ലാ ബ്രൗസറുകളും പിന്തുണയ്ക്കുന്നു.

HTML പ്രമാണങ്ങൾ ASCI I ഫോർമാറ്റിൽ എഴുതിയിരിക്കുന്നതിനാൽ, അത് സൃഷ്ടിക്കാൻ ഏത് ടെക്സ്റ്റ് എഡിറ്ററും ഉപയോഗിക്കാം.

സാധാരണയായി ഒരു HTML പ്രമാണം എന്നത് .html അല്ലെങ്കിൽ . htm, അതിൽ ടെക്സ്റ്റ് HTML ടാഗുകൾ ഉപയോഗിച്ച് അടയാളപ്പെടുത്തിയിരിക്കുന്നു (ഇംഗ്ലീഷ് ടാഗ് - പ്രത്യേക ബിൽറ്റ്-ഇൻ നിർദ്ദേശങ്ങൾ). ഒരു വെബ് ഡോക്യുമെന്റിന്റെ ഉള്ളടക്കം ബ്രൗസർ പ്രദർശിപ്പിക്കുന്നതിനനുസരിച്ച് ടാഗുകളുടെ വാക്യഘടനയും പ്ലെയ്‌സ്‌മെന്റും HTML നിർവ്വചിക്കുന്നു. ടാഗുകളുടെ വാചകം തന്നെ വെബ് ബ്രൗസർ പ്രദർശിപ്പിക്കില്ല.

എല്ലാ ടാഗുകളും ആരംഭിക്കുന്നത് "<" и заканчиваются символом ">". സാധാരണയായി ഒരു ജോടി ടാഗുകൾ ഉണ്ട് - ഒരു ആരംഭം (തുറക്കൽ), അവസാനിക്കുന്ന (ക്ലോസിംഗ്) ടാഗ് (ഗണിതത്തിലെ പരാൻതീസിസുകൾ തുറക്കുന്നതിനും അടയ്ക്കുന്നതിനും സമാനമാണ്), അവയ്ക്കിടയിൽ മാർക്ക്അപ്പ് വിവരങ്ങൾ സ്ഥാപിച്ചിരിക്കുന്നു:

വിവരങ്ങൾ

ഇവിടെ സ്റ്റാർട്ടിംഗ് ടാഗ് ടാഗ് ആണ്

അവസാനത്തേതും -

. വാചകത്തിന് മുമ്പായി പരാൻതീസിസുകൾ ഉള്ളതിനാൽ അവസാന ടാഗ് ആരംഭ ടാഗിൽ നിന്ന് വ്യത്യാസപ്പെട്ടിരിക്കുന്നു<>ഒരു ചിഹ്നം ഉണ്ട് " / "(സ്ലാഷ്).

ഒരു HTML പ്രമാണം വായിക്കുന്ന ഒരു ബ്രൗസർ അത് HTML ടാഗ് ഘടന ഉപയോഗിച്ച് ഒരു വിൻഡോയിൽ പ്രദർശിപ്പിക്കുന്നു. ഓരോ HTML പ്രമാണത്തിനും മൂന്ന് പ്രധാന ഭാഗങ്ങൾ ഉണ്ടായിരിക്കണം:

എ) HTML പ്രഖ്യാപനം;

ബി) തലക്കെട്ട് ഭാഗം;

സി) ഡോക്യുമെന്റ് ബോഡി .

എ) HTML പ്രഖ്യാപനം

ഒപ്പം. ഈ ടാഗുകളുടെ ഒരു ജോടി കാഴ്ചക്കാരനോട് (ബ്രൗസർ) അവയ്ക്കിടയിൽ ഒരു HTML പ്രമാണം ഘടിപ്പിച്ചിട്ടുണ്ടെന്നും ഡോക്യുമെന്റിലെ ആദ്യത്തെ ടാഗ് ടാഗ് ആയിരിക്കണം എന്നും പറയുന്നു (രേഖയുടെ തുടക്കത്തിൽ തന്നെ), അവസാനമായി -(രേഖയുടെ അവസാനം).

ബി) തലക്കെട്ട് ഭാഗം.

ഒപ്പം. ഈ ടാഗുകൾക്കിടയിൽ പ്രമാണത്തെക്കുറിച്ചുള്ള വിവരങ്ങൾ (ശീർഷകം, തിരയൽ കീവേഡുകൾ, വിവരണം മുതലായവ) ഉണ്ട്. എന്നിരുന്നാലും, ഏറ്റവും പ്രധാനപ്പെട്ട കാര്യം ബ്രൗസർ വിൻഡോയുടെ മുകളിലെ വരിയിലും "പ്രിയപ്പെട്ടവ (ബുക്ക്മാർക്ക്)" ലിസ്റ്റുകളിലും കാണുന്ന പ്രമാണ ശീർഷകമാണ്. പ്രത്യേക സെർച്ച് എഞ്ചിൻ സ്പൈഡർ പ്രോഗ്രാമുകൾ അവരുടെ ഡാറ്റാബേസുകൾ നിർമ്മിക്കുന്നതിന് പ്രമാണ ശീർഷകം ഉപയോഗിക്കുന്നു. നിങ്ങളുടെ HTML പ്രമാണത്തിന് ഒരു ശീർഷകം നൽകുന്നതിന്, ടാഗുകൾക്കിടയിൽ ടെക്സ്റ്റ് സ്ഥാപിക്കുന്നു .

സി) പ്രമാണത്തിന്റെ ബോഡി.

പ്രമാണത്തിന്റെ മൂന്നാമത്തെ പ്രധാന ഭാഗം അതിന്റെ ബോഡിയാണ്. ഇത് ഉടൻ തന്നെ ശീർഷകം പിന്തുടരുകയും ടാഗുകൾക്കിടയിൽ സ്ഥിതിചെയ്യുകയും ചെയ്യുന്നു ഒപ്പം. ആദ്യത്തേത് ടാഗിന് തൊട്ടുപിന്നാലെ ആയിരിക്കണം, രണ്ടാമത്തേത് ടാഗിന് മുമ്പാണ്. HTML ഉപയോഗിച്ച് ഫോർമാറ്റ് ചെയ്‌ത വിവരങ്ങൾ രചയിതാവ് സ്ഥാപിക്കുന്ന സ്ഥലമാണ് ഒരു HTML ഡോക്യുമെന്റിന്റെ ബോഡി.

..........

ഇപ്പോൾ നമുക്ക് ഞങ്ങളുടെ പേജിനായി HTML കോഡ് എഴുതാം:

എന്റെ പേജുകൾ ഇവിടെ ഉണ്ടാകും!

BODY വിഭാഗത്തിൽ, എല്ലാ ടാബുകളും ലൈൻ ബ്രേക്കുകളും ബ്രൗസർ അവഗണിക്കുകയും പേജിന്റെ പ്രദർശനത്തെ ഒരു തരത്തിലും ബാധിക്കുകയുമില്ല. അതിനാൽ, ഒരു HTML ഡോക്യുമെന്റിന്റെ സോഴ്സ് ടെക്സ്റ്റിലെ ഒരു ലൈൻ ബ്രേക്ക് പ്രത്യേക ടാഗുകൾ ഇല്ലെങ്കിൽ ബ്രൗസർ പ്രദർശിപ്പിക്കുന്ന വാചകത്തിൽ ഒരു പുതിയ വരി ആരംഭിക്കില്ല. ഈ നിയമം ഓർമ്മിക്കേണ്ടത് വളരെ പ്രധാനമാണ്, കൂടാതെ വരികൾ വേർതിരിക്കുന്ന ടാഗുകൾ ഇടാൻ മറക്കരുത്, അല്ലാത്തപക്ഷം വാചകത്തിന് ഖണ്ഡികകൾ ഉണ്ടാകില്ല, അത് വായിക്കാൻ കഴിയില്ല.

ഒരു പുതിയ ലൈൻ ആരംഭിക്കാൻ, ടാഗ് ഉപയോഗിക്കുക
(ഇംഗ്ലീഷിൽ നിന്ന് ചുരുക്കിയ ഇടവേള - തടസ്സം). ഈ ടാഗ് ബ്രൗസറിനെ അടുത്ത വരിയുടെ തുടക്കം മുതൽ കൂടുതൽ ടെക്‌സ്‌റ്റ് പ്രദർശിപ്പിക്കുന്നതിന് കാരണമാകുന്നു. അതിനായി ഒരു ക്ലോസിംഗ് ടാഗ് ഉപയോഗിച്ചിട്ടില്ല. ഒരു പുതിയ ഖണ്ഡിക ആരംഭിക്കാതെ ഒരു ഘട്ടത്തിൽ ഒരു പുതിയ വരിയിൽ നിന്ന് എഴുതണമെങ്കിൽ അത് സൗകര്യപ്രദമാണ്, ഉദാഹരണത്തിന്, ഒരു കവിതയിൽ. ഇത് വീണ്ടും ഉപയോഗിക്കുന്നത് ഒന്നോ അതിലധികമോ ശൂന്യമായ വരികൾ ചേർക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു, പേജിന്റെ അടുത്ത ഭാഗം താഴേക്ക് നീക്കുക.

വിടവുകളില്ലാത്ത തുടർച്ചയായ വാചകം വായിക്കുന്നത് അത്ര എളുപ്പമല്ല; ശരിയായ സ്ഥലങ്ങൾ പരിശോധിച്ച് കണ്ടെത്തുന്നത് അസൗകര്യമാണ്. ഖണ്ഡികകളായി വിഭജിച്ചാൽ, വാചകം വളരെ വേഗത്തിൽ മനസ്സിലാക്കുന്നു. ഒരു പുതിയ ഖണ്ഡിക ആരംഭിക്കാൻ ടാഗ് ഉപയോഗിക്കുന്നു

(ഇംഗ്ലീഷ് ഖണ്ഡിക - ഖണ്ഡിക). ഈ ടാഗ്, ഒരു പുതിയ ലൈൻ ആരംഭിക്കുന്നതിന് പുറമേ, ഒരു ശൂന്യമായ വരി ചേർക്കുന്നു. എന്നാൽ ആവർത്തിച്ചുള്ള ആവർത്തനം

വ്യത്യസ്തമായി
, നിരവധി ശൂന്യമായ വരികൾ പ്രത്യക്ഷപ്പെടുന്നതിലേക്ക് നയിക്കില്ല, അതേ ഒരു ശൂന്യമായ വരി ഇപ്പോഴും ഉണ്ടാകും.

ഒരു ടാഗിന്റെ ബ്രാക്കറ്റിനുള്ളിൽ, അതിന്റെ പേരിന് പുറമേ, ആട്രിബ്യൂട്ടുകളും സ്ഥാപിക്കാവുന്നതാണ്. അവ പേരിൽ നിന്നും പരസ്പരം സ്‌പെയ്‌സുകളാൽ (ഒന്നോ അതിലധികമോ) വേർതിരിക്കപ്പെടുകയും ഫോമിൽ എഴുതപ്പെടുകയും ചെയ്യുന്നു ആട്രിബ്യൂട്ട്_നാമം ="അർത്ഥം". മൂല്യത്തിൽ സ്‌പെയ്‌സുകൾ ഇല്ലെങ്കിൽ, ഉദ്ധരണികൾ ഒഴിവാക്കാവുന്നതാണ്, പക്ഷേ ഇത് ശുപാർശ ചെയ്യുന്നില്ല. ടാഗ്

ഖണ്ഡിക വിന്യാസം വ്യക്തമാക്കുന്ന ഒരു ALIGN ആട്രിബ്യൂട്ട് അടങ്ങിയിരിക്കാം. സ്ഥിരസ്ഥിതിയായി, ഒരു ഖണ്ഡിക ഇടതുവശത്ത് വിന്യസിച്ചിരിക്കുന്നു ALIGN="left". വലത് വിന്യാസം ALIGN="വലത്", മധ്യഭാഗത്ത് വിന്യാസം ALIGN="കേന്ദ്രം" എന്നിവയും സാധ്യമാണ്. ആട്രിബ്യൂട്ടുകൾ ഉപയോഗിക്കുമ്പോൾ, ഫോർമാറ്റ് ചെയ്ത വാചകത്തിന് ശേഷം നിങ്ങൾ ഒരു ക്ലോസിംഗ് ടാഗ് ഉപയോഗിക്കണം

. അത് ഇല്ലെങ്കിൽ, ഒരു പുതിയ ടാഗ്

യഥാക്രമം നെസ്റ്റഡ്, മുമ്പത്തേത് അടയ്ക്കുക എന്നാണ് അർത്ഥമാക്കുന്നത്

അസാധ്യം. ടാഗ് ഉപയോഗിച്ച് ടെക്‌സ്‌റ്റ് മധ്യത്തിലാക്കാനും കഴിയും

.

ഇപ്പോൾ നമുക്ക് ഞങ്ങളുടെ വെബ് പേജിൽ വ്യത്യസ്‌ത വിന്യാസങ്ങളുള്ള ചില വാചകങ്ങൾ ഇടാം:

എന്റെ സ്വകാര്യ പേജുകൾ ഇവിടെ ഉണ്ടാകും!

അവയിൽ നിങ്ങൾക്ക് കണ്ടെത്താം: - എന്നെയും എന്റെ ഹോബികളെയും കുറിച്ചുള്ള ഒരു കഥ; - എന്റെ ചിത്രങ്ങള്.

എന്റെ ഒരു പേജിൽ നിന്ന് അത് സാധ്യമാകും
എനിക്ക് ഒരു ഇമെയിൽ അയയ്ക്കുക.

3. വെബ് പേജുകൾ സൃഷ്ടിക്കുന്നതിനുള്ള ഉപകരണങ്ങൾ

3.1 HTML എഡിറ്റർമാർ

വെബ് പേജുകൾ സൃഷ്ടിക്കുന്നതിന് ഓരോരുത്തരും അവരവരുടെ സ്വന്തം ഉപകരണം തിരഞ്ഞെടുക്കുന്നു. ഇത് MS ഫ്രണ്ട്പേജ് അല്ലെങ്കിൽ മാക്രോമീഡിയ ഡ്രീംവീവർ, അലൈർ ഹോംസൈറ്റ് അല്ലെങ്കിൽ ഒന്നാം പേജ് ആകാം. ചില ആളുകൾ നോട്ട്പാഡ് പോലുള്ള ലളിതമായ ടെക്സ്റ്റ് എഡിറ്റർ ഉപയോഗിക്കുന്നു.

ടെക്സ്റ്റ് എഡിറ്റർമാർക്ക് ചെറിയ പേജുകൾ സൃഷ്ടിക്കാൻ മാത്രമേ ഉപയോഗിക്കാനാകൂ, കാരണം അവയ്ക്ക് നിരവധി ദോഷങ്ങളുണ്ട്: പ്രോജക്റ്റുകൾ പിന്തുണയ്ക്കുന്നില്ല, ടെക്സ്റ്റിന്റെ "ഹൈലൈറ്റിംഗ്" ഇല്ല, പൊതുവേ, ഇത് പ്രവർത്തിക്കുന്നത് വളരെ അസൗകര്യമാണ്.

MS ഫ്രണ്ട്‌പേജിന്റെ പ്രധാന പോരായ്മ അത് വളരെ വലിയ HTML കോഡ് സൃഷ്ടിക്കുന്നു എന്നതാണ് (വളരെയധികം അനാവശ്യമായ കാര്യങ്ങൾ), അതിനാൽ പേജുകൾ വലുതായി മാറുന്നു, ഇത് ലോഡിംഗ് വേഗതയെ ബാധിക്കുന്നു. മാത്രമല്ല, ഈ എഡിറ്ററിൽ വെബ് പേജുകൾ സൃഷ്ടിക്കുമ്പോൾ നിങ്ങൾ ഒരു കാര്യം കാണുന്നു, എന്നാൽ ബ്രൗസർ വിൻഡോയിൽ നിങ്ങൾ തികച്ചും വ്യത്യസ്തമായ ഒന്ന് കാണുന്നു. പേജുകൾ കുറച്ച് വളഞ്ഞതായി മാറുന്നു, അതിനാൽ ഉയർന്ന നിലവാരമുള്ള വെബ് പേജുകൾ സൃഷ്ടിക്കുന്നതിന്, ചുവടെ ചർച്ച ചെയ്യുന്ന പാക്കേജുകൾ ഉപയോഗിക്കാൻ ശുപാർശ ചെയ്യുന്നു.

ഞങ്ങൾ ജനപ്രിയ മാക്രോമീഡിയ ഡ്രീം വീവറിൽ നിന്ന് ആരംഭിക്കും. വെബ്‌സൈറ്റുകൾ സൃഷ്‌ടിക്കുന്നതിനുള്ള സോഫ്‌റ്റ്‌വെയർ നിർമ്മാണത്തിൽ മാക്രോമീഡിയ ഒരു നേതാവായി കണക്കാക്കപ്പെടുന്നു, അതുപോലെ തന്നെ ഈ മേഖലയിലെ ഒരു ട്രെൻഡ്‌സെറ്ററും.

ഇന്റർനെറ്റ് എഞ്ചിനീയറിംഗ് ടാസ്ക് ഫോഴ്സ്) ഒരു HTML സ്റ്റാൻഡേർഡിനായി ഒരു കരട് നിർദ്ദേശം പ്രസിദ്ധീകരിച്ചു

HTML ഡോക്യുമെന്റ് ഘടന

ഒരു HTML 4 പ്രമാണത്തിൽ മൂന്ന് ഭാഗങ്ങൾ അടങ്ങിയിരിക്കുന്നു:

• HTML പതിപ്പ് വിവരങ്ങൾ അടങ്ങിയ ഒരു സ്ട്രിംഗ്,
• തലക്കെട്ട് വിഭാഗം പ്രഖ്യാപിക്കുന്നു (HEAD മൂലകത്തിന്റെ പരിധിയിൽ),
• രേഖ തന്നെ ഉൾക്കൊള്ളുന്ന ബോഡി.

ബോഡി അല്ലെങ്കിൽ ഫ്രെയിംസെറ്റ് ഘടകങ്ങളിൽ ശരീരം അടങ്ങിയിരിക്കാം. വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങൾ (ഇടങ്ങൾ, പുതിയ ലൈനുകൾ, ടാബ് പ്രതീകങ്ങൾ, അഭിപ്രായങ്ങൾ) ഈ വിഭാഗത്തിന് മുമ്പോ ശേഷമോ ദൃശ്യമാകാം.

ഹലോ വേൾഡ്!

പ്രമാണം ആരംഭിക്കുന്നത് ഒരു ഘടകത്തിൽ നിന്നാണ് തരംപ്രമാണം, അല്ലെങ്കിൽ ഡോക്‌ടൈപ്പ്. ഏത് തരത്തിലുള്ള HTML ഉപയോഗിക്കുമെന്ന് ഇത് വിവരിക്കുന്നു, അതുവഴി ഉപയോക്താവിന്റെ ക്ലയന്റ് ആപ്ലിക്കേഷന് പ്രമാണത്തെ എങ്ങനെ വ്യാഖ്യാനിക്കണമെന്നും അത് പിന്തുടരുമെന്ന് അവകാശപ്പെടുന്ന നിയമങ്ങൾ പാലിക്കുന്നുണ്ടോ എന്ന് തീരുമാനിക്കാനും കഴിയും.

ഇതിനുശേഷം, നിങ്ങൾക്ക് html എലമെന്റിന്റെ ഓപ്പണിംഗ് ടാഗ് കാണാം. ഇത് മുഴുവൻ ഡോക്യുമെന്റിനും ചുറ്റുമുള്ള ഒരു റാപ്പറാണ്. ക്ലോസിംഗ് html ടാഗ് ഏതൊരു HTML പ്രമാണത്തിലെയും അവസാന ഒബ്ജക്റ്റാണ്.

html എലമെന്റിനുള്ളിൽ ഒരു ഹെഡ് എലമെന്റ് ഉണ്ട്. ഡോക്യുമെന്റിനെക്കുറിച്ചുള്ള വിവരങ്ങൾ ഇതിൽ അടങ്ങിയിരിക്കുന്നു (മെറ്റാഡാറ്റ). മെനു ബാറിലെ "ലളിതമായ പേജ്" ശീർഷകം നിർവചിക്കുന്ന ഒരു ശീർഷക ഘടകമാണ് ഇൻസൈഡ് ഹെഡ്.

ഹെഡ് എലമെന്റിന് ശേഷം ബോഡി എലമെന്റ് വരുന്നു, അത് പേജിന്റെ യഥാർത്ഥ ഉള്ളടക്കം ഉൾക്കൊള്ളുന്ന റാപ്പറാണ് - ഈ സാഹചര്യത്തിൽ, "ഹലോ വേൾഡ്!" എന്ന വാചകം ഉൾക്കൊള്ളുന്ന ഫസ്റ്റ്-ലെവൽ ഹെഡർ എലമെന്റ് (h1). .

മൂലകങ്ങളിൽ പലപ്പോഴും മറ്റ് ഘടകങ്ങൾ അടങ്ങിയിരിക്കുന്നു. ഡോക്യുമെന്റിന്റെ ബോഡിയിൽ എല്ലായ്പ്പോഴും നിരവധി നെസ്റ്റഡ് ഘടകങ്ങൾ അടങ്ങിയിരിക്കും.

പേജ് വിഭാഗങ്ങൾ പ്രമാണത്തിന്റെ മൊത്തത്തിലുള്ള ഘടന സൃഷ്ടിക്കുന്നു, കൂടാതെ ഉപവിഭാഗങ്ങൾ അടങ്ങിയിരിക്കാം. അവയിൽ തലക്കെട്ടുകൾ, ഖണ്ഡികകൾ, ലിസ്റ്റുകൾ മുതലായവയും അടങ്ങിയിരിക്കാം. മറ്റ് ഘടകങ്ങൾ, ഉദ്ധരണികൾ, ഹൈലൈറ്റുകൾ മുതലായവയിലേക്ക് ലിങ്കുകൾ സൃഷ്ടിക്കുന്ന ഘടകങ്ങൾ ഖണ്ഡികകളിൽ അടങ്ങിയിരിക്കാം.

HTML മൂലക വാക്യഘടന

HTML-ലെ ഒരു അടിസ്ഥാന ഘടകം ടെക്‌സ്‌റ്റ് ബ്ലോക്കിന് ചുറ്റുമുള്ള രണ്ട് ടാഗുകൾ ഉൾക്കൊള്ളുന്നു. ടെക്‌സ്‌റ്റ് പൊതിയാത്ത ഘടകങ്ങളുണ്ട്, മിക്കവാറും എല്ലാ ഘടകങ്ങളിലും ഉപഘടകങ്ങൾ അടങ്ങിയിരിക്കാം (മുകളിലുള്ള ഉദാഹരണത്തിൽ html-ൽ തലയും ശരീരവും അടങ്ങിയിരിക്കുന്നതുപോലെ).

ഇനങ്ങൾക്കും ഉണ്ടായിരിക്കാം ഗുണവിശേഷങ്ങൾ, മൂലകത്തിന്റെ സ്വഭാവം പരിഷ്കരിക്കാനും അധിക മൂല്യം അവതരിപ്പിക്കാനും കഴിയും.

അടിസ്ഥാനകാര്യങ്ങൾ HTML

ഈ ഉദാഹരണത്തിൽ, ഡിവി എലമെന്റിന് (പേജിന്റെ വിഭാഗം, പ്രമാണങ്ങളെ ലോജിക്കൽ ബ്ലോക്കുകളായി വിഭജിക്കുന്ന രീതി) ഒരു ഐഡി ആട്രിബ്യൂട്ട് ചേർത്തിട്ടുണ്ട്, അത് മാസ്റ്റ് ഹെഡ്. ഡിവി എലമെന്റിൽ ഒരു h1 ഘടകം (ആദ്യത്തേത് അല്ലെങ്കിൽ ഏറ്റവും പ്രധാനപ്പെട്ടത് ലെവൽ ഹെഡിംഗ്) അടങ്ങിയിരിക്കുന്നു, അതിൽ ചില ടെക്‌സ്‌റ്റുകൾ അടങ്ങിയിരിക്കുന്നു. ഈ വാചകത്തിൽ ചിലത് ഒരു ഘടകത്തിൽ പൊതിഞ്ഞതാണ് abbr(ഇത് ചുരുക്കെഴുത്ത് വിപുലീകരണം നിർവചിക്കാൻ ഉപയോഗിക്കുന്നു) അതിന്റെ മൂല്യം സജ്ജീകരിച്ചിരിക്കുന്ന ഒരു ശീർഷക ആട്രിബ്യൂട്ട് ഉണ്ട് ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ലാംഗ്വേജ്.

HTML-ലെ പല ആട്രിബ്യൂട്ടുകളും എല്ലാ മൂലകങ്ങൾക്കും പൊതുവായതാണ്, എന്നാൽ ചിലത് നൽകിയിരിക്കുന്ന ഘടകത്തിനോ ഘടകങ്ങൾക്കോ ​​മാത്രമുള്ളതാണ്. അവയ്‌ക്കെല്ലാം രൂപമുണ്ട്:

കീവേഡ്="മൂല്യം"

മൂല്യം ഒറ്റ അല്ലെങ്കിൽ ഇരട്ട ഉദ്ധരണികളിൽ സ്ഥാപിക്കണം (ചില സാഹചര്യങ്ങളിൽ ഉദ്ധരണികൾ നഷ്‌ടമായേക്കാം, എന്നാൽ പ്രവചനാത്മകത, മനസ്സിലാക്കൽ എന്നിവയിൽ ഇത് വളരെ മികച്ചതല്ല).

ആട്രിബ്യൂട്ടുകളും അവയുടെ സാധ്യമായ മൂല്യങ്ങളും പ്രാഥമികമായി എച്ച്ടിഎംഎൽ സ്പെസിഫിക്കേഷനുകൾ (http://www.w3.org/TR/html401/index/attributes.html) വഴി നിർവചിച്ചിരിക്കുന്നു, അതിനാൽ നിങ്ങൾക്ക് നിങ്ങളുടെ സ്വന്തം ആട്രിബ്യൂട്ടുകൾ സൃഷ്ടിക്കാൻ കഴിയില്ല. ഐഡിയും ക്ലാസ് ആട്രിബ്യൂട്ടുകളും മാത്രമാണ് യഥാർത്ഥ അപവാദങ്ങൾ, അവയുടെ മുഴുവൻ മൂല്യങ്ങളും പ്രമാണങ്ങളിൽ നിങ്ങളുടെ സ്വന്തം അർത്ഥവും സെമാന്റിക്‌സും ചേർക്കാൻ ഉദ്ദേശിച്ചുള്ളതാണ്.

മറ്റൊരു മൂലകത്തിനുള്ളിലെ ഒരു മൂലകത്തെ വിളിക്കുന്നു "സന്തതി"ഈ ഘടകം. മുകളിലുള്ള ഉദാഹരണത്തിൽ abbrഎച്ച് 1 ന്റെ കുട്ടിയാണ്, അത് ഡിവിയുടെ കുട്ടിയാണ്. നേരെമറിച്ച്, h1 മൂലകത്തിന്റെ "പൂർവ്വികൻ" ആണ് div.

ബ്ലോക്ക്-ലെവൽ ഘടകങ്ങളും ഇൻലൈൻ ഘടകങ്ങളും

HTML-ൽ ഘടകങ്ങളുടെ രണ്ട് പ്രധാന വിഭാഗങ്ങളുണ്ട്, അവ ഈ ഘടകങ്ങൾ പ്രതിനിധീകരിക്കുന്ന ഉള്ളടക്ക തരങ്ങളോടും ഘടനയോടും യോജിക്കുന്നു - ബ്ലോക്ക് ലെവൽ ഘടകങ്ങളും ഇൻലൈൻ ഘടകങ്ങളും.

ബ്ലോക്ക് ലെവൽകൂടുതൽ അർത്ഥമാക്കുന്നത് ഉയർന്ന തലംഘടകം, സാധാരണയായി പ്രമാണത്തിന്റെ ഘടനയെക്കുറിച്ച് അറിയിക്കുന്നു. ബ്ലോക്ക്-ലെവൽ ഘടകങ്ങളെ ഒരു പുതിയ വരിയിൽ ആരംഭിക്കുന്ന ഘടകങ്ങളായി കണക്കാക്കാം, അതിന് മുമ്പ് വന്നതിൽ നിന്ന് വേർപെടുത്തുന്നു. സാധാരണ ബ്ലോക്ക് ഘടകങ്ങൾ ആകുന്നു ഖണ്ഡികകൾ, ബുള്ളറ്റ് പോയിന്റുകൾ, തലക്കെട്ടുകൾ, പട്ടികകൾ.

സ്ട്രിംഗ് ഘടകങ്ങൾഉള്ളിൽ അടങ്ങിയിരിക്കുന്നു ഘടനാപരമായ ഘടകങ്ങൾബ്ലോക്ക് ലെവൽ, മുഴുവൻ ഏരിയകൾക്കും പകരം ഡോക്യുമെന്റ് ടെക്സ്റ്റിന്റെ ഭാഗങ്ങൾ മാത്രം കവർ ചെയ്യുക. ഒരു ഇൻലൈൻ ഘടകം പ്രമാണത്തിൽ ഒരു പുതിയ ലൈൻ ദൃശ്യമാകുന്നില്ല, കാരണം അവ വാചകത്തിന്റെ ഒരു ഖണ്ഡികയിൽ ദൃശ്യമാകുന്ന ഘടകങ്ങളാണ്. സാധാരണ സ്ട്രിംഗ് ഘടകങ്ങൾആകുന്നു ഹൈപ്പർടെക്‌സ്‌റ്റ് ലിങ്കുകൾ, ഹൈലൈറ്റ് ചെയ്‌ത വാക്കുകൾ അല്ലെങ്കിൽ ശൈലികൾ, ചെറിയ ഉദ്ധരണികൾ.

തലക്കെട്ട്

ഒരു HTML പ്രമാണത്തിന്റെ തല ഒരു ഓപ്ഷണൽ മാർക്ക്അപ്പ് ഘടകമാണ്. തുടക്കത്തിൽ, ശീർഷകത്തിന്റെ നിലനിൽപ്പ് നിർണ്ണയിക്കുന്നത് ആവശ്യകതയാണ് ബ്രൗസർ വിൻഡോ നാമകരണം. വഴിയാണ് ഇത് നേടിയെടുത്തത് മാർക്ക്അപ്പ് ഘടകംശീർഷകം:

... ...

HTTP ട്രാഫിക് നിയന്ത്രിക്കുക എന്നതാണ് HTML ഡോക്യുമെന്റ് ഹെഡറിന്റെ മറ്റൊരു പ്രവർത്തനം മാർക്ക്അപ്പ് ഘടകംമെറ്റാ. പ്രൊവൈഡർ സെർവറുകളിൽ കമ്പനി വെബ്‌സൈറ്റുകൾ ഹോസ്റ്റുചെയ്യുന്ന നിലവിലെ രീതി ഉപയോഗിച്ച്, ഈ സൈറ്റുകളുടെ അഡ്മിനിസ്ട്രേറ്റർമാർക്ക് സെർവർ പ്രോഗ്രാം നിയന്ത്രിക്കാൻ കഴിഞ്ഞേക്കില്ല. ഈ സാഹചര്യത്തിൽ, എക്സ്ചേഞ്ച് നിയന്ത്രിക്കാൻ ഒരു ഓപ്ഷൻ മാത്രമേ അവശേഷിക്കുന്നുള്ളൂ - HTML പ്രമാണത്തിന്റെ തലക്കെട്ടിലൂടെ.

സെർച്ച് എഞ്ചിൻ റോബോട്ടുകൾ ഉപയോഗിച്ച് ഡോക്യുമെന്റിനെ സൂചികയിലാക്കാൻ ആവശ്യമായ ഡോക്യുമെന്റിന്റെ തിരയൽ ഇമേജ് വിവരിക്കാൻ ഒരു HTML പ്രമാണത്തിന്റെ തലക്കെട്ടും ഉദ്ദേശിച്ചുള്ളതാണ്. സൂചിക കംപൈൽ ചെയ്യാൻ ഉപയോഗിക്കുന്ന കീവേഡുകളുടെയും ഡോക്യുമെന്റ് വിവരണങ്ങളുടെയും ലിസ്റ്റുകൾ സംഭരിക്കാൻ META ഘടകം നിങ്ങളെ അനുവദിക്കുന്നു തിരയല് യന്ത്രംഒരു കീവേഡ് തിരയലിൽ ഡോക്യുമെന്റിലേക്കുള്ള ഒരു ലിങ്ക് പ്രദർശിപ്പിച്ചാൽ അതിന്റെ വിവരണമായി ദൃശ്യമാകും.

അടിസ്ഥാന തലക്കെട്ട് ടാഗുകൾ HTML മാർക്ക്അപ്പ് ഘടകങ്ങളാണ്, അവ മിക്കപ്പോഴും ഒരു HTML പ്രമാണത്തിന്റെ തലയിൽ കാണപ്പെടുന്നു, അതായത്. അകത്ത് മാർക്ക്അപ്പ് ഘടകംതല:

• TITLE (പ്രമാണത്തിന്റെ പേര്);
• അടിസ്ഥാനം (URL അടിസ്ഥാനം);
• ISINDEX (തിരയൽ പാറ്റേൺ);
• META (മെറ്റാ വിവരങ്ങൾ);
• LINK (പൊതു ലിങ്കുകൾ);
• STYLE (സ്റ്റൈൽ ഡിസ്ക്രിപ്റ്ററുകൾ);
• സ്ക്രിപ്റ്റ് (സ്ക്രിപ്റ്റുകൾ).

ഏറ്റവും സാധാരണയായി ഉപയോഗിക്കുന്ന ഘടകങ്ങൾ TITLE, SCRIPT, STYLE എന്നിവയാണ്. META ഘടകത്തിന്റെ ഉപയോഗം, സെർച്ച് എഞ്ചിനുകളിൽ ഡോക്യുമെന്റുകൾ സൂചികയിലാക്കുന്നതിനുള്ള നിയമങ്ങളെക്കുറിച്ചും HTTP ഡാറ്റാ എക്സ്ചേഞ്ച് കൈകാര്യം ചെയ്യാനുള്ള കഴിവിനെക്കുറിച്ചും രചയിതാവിന്റെ അവബോധത്തെ സൂചിപ്പിക്കുന്നു. BASE, ISINDEX എന്നിവ ഈയിടെയായി ഉപയോഗിച്ചിട്ടില്ല. ഡോക്യുമെന്റിന് പുറത്തുള്ള സ്റ്റൈൽ ഷീറ്റ് ഡിസ്ക്രിപ്റ്ററുകൾ ഉപയോഗിക്കുമ്പോൾ മാത്രമാണ് LINK വ്യക്തമാക്കുന്നത്.

മാർക്ക്അപ്പ് ഘടകം HEAD-ൽ HTML പ്രമാണത്തിന്റെ തല അടങ്ങിയിരിക്കുന്നു. ദി മാർക്ക്അപ്പ് ഘടകംഓപ്ഷണൽ ആണ്. ഒരു ആരംഭ ടാഗ് ഉണ്ടെങ്കിൽ മാർക്ക്അപ്പ് ഘടകംഒരു എൻഡ് ടാഗും ഉപയോഗിക്കുന്നതാണ് ഉചിതം മാർക്ക്അപ്പ് ഘടകം. ഡിഫോൾട്ടായി, BODY കണ്ടെയ്‌നർ സ്റ്റാർട്ട് ടാഗ് അല്ലെങ്കിൽ FRAMESET കണ്ടെയ്‌നർ സ്റ്റാർട്ട് ടാഗ് നേരിട്ടാൽ, HEAD ഘടകം അടച്ചിരിക്കും.

പ്രമാണവുമായി ബന്ധപ്പെട്ട വിവരങ്ങൾ മൊത്തത്തിൽ ഉൾക്കൊള്ളാൻ ഹെഡർ കണ്ടെയ്നർ ഉപയോഗിക്കുന്നു.

മാർക്ക്അപ്പ് ഘടകംവേൾഡ് വൈഡ് വെബിൽ ഒരു പ്രമാണത്തിന് പേരിടാൻ TITLE ഉപയോഗിക്കുന്നു. TITLE കണ്ടെയ്‌നറിന്റെ ഉള്ളടക്കത്തിനായി ടെക്‌സ്‌റ്റ് തിരഞ്ഞെടുക്കുമ്പോൾ, അത് പ്രദർശിപ്പിച്ചിട്ടുണ്ടെന്ന് അറിഞ്ഞിരിക്കുക സിസ്റ്റം ഫോണ്ട് , അത് ബ്രൗസർ വിൻഡോയുടെ തലക്കെട്ടായതിനാൽ.

TITLE കണ്ടെയ്നർ വാക്യഘടന പൊതുവായ കാഴ്ചഇനിപ്പറയുന്ന രീതിയിൽ:

തലക്കെട്ട് ആവശ്യമായ ഡോക്യുമെന്റ് കണ്ടെയ്‌നർ അല്ല. അത് താഴ്ത്താം. പല സെർച്ച് എഞ്ചിനുകളുടെയും റോബോട്ടുകൾ ഡോക്യുമെന്റിന്റെ ഒരു തിരയൽ ഇമേജ് സൃഷ്ടിക്കാൻ TITLE ഘടകത്തിന്റെ ഉള്ളടക്കം ഉപയോഗിക്കുന്നു. TITLE എന്നതിൽ നിന്നുള്ള വാക്കുകൾ തിരയൽ എഞ്ചിൻ സൂചികയിൽ ഉൾപ്പെടുത്തിയിട്ടുണ്ട്. ഇക്കാരണങ്ങളാൽ, വെബ്‌സൈറ്റ് പേജുകളിൽ TITLE ഘടകം ഉപയോഗിക്കാൻ എപ്പോഴും ശുപാർശ ചെയ്യപ്പെടുന്നു.

മാർക്ക്അപ്പ് ഘടകംഅപൂർണ്ണമായ (ഭാഗിക) രൂപത്തിൽ വ്യക്തമാക്കിയ പ്രമാണ ഹൈപ്പർടെക്സ്റ്റ് ലിങ്കുകൾക്കുള്ള അടിസ്ഥാന URL നിർണ്ണയിക്കാൻ BASE ഉപയോഗിക്കുന്നു. കൂടാതെ, ഒരു ഹൈപ്പർടെക്സ്റ്റ് ലിങ്ക് തിരഞ്ഞെടുക്കുമ്പോൾ ഡിഫോൾട്ട് ഡോക്യുമെന്റ് ഡൗൺലോഡ് ടാർഗെറ്റ് വിൻഡോ നിർവചിക്കാൻ BASE നിങ്ങളെ അനുവദിക്കുന്നു നിലവിലെ പ്രമാണം. "മിററുകൾ" ഉള്ള സൈറ്റുകളുടെ പേജുകളിലാണ് BASE മിക്കപ്പോഴും കാണപ്പെടുന്നത്. പ്രധാന സെർവർ പ്രമാണങ്ങളുടെ ഭാഗം വിവിധ കാരണങ്ങൾ"മിറർ" സെർവറിലേക്ക് മാറ്റില്ല. ഈ സാഹചര്യത്തിൽ, നിർബന്ധിത അടിസ്ഥാന URL ഉള്ള ഒരു പ്രമാണം എല്ലായ്പ്പോഴും പ്രധാന സെർവറിലേക്ക് ലിങ്ക് ചെയ്യും.

കണ്ടെയ്‌നർ ആരംഭ ടാഗിൽ ആവശ്യമായ ഒരു HREF ആട്രിബ്യൂട്ട് അടങ്ങിയിരിക്കുന്നു, കൂടാതെ ഒരു ഓപ്‌ഷണൽ TARGET ആട്രിബ്യൂട്ട് അടങ്ങിയിരിക്കാം. ഒരു ബേസ് കണ്ടെയ്‌നറിന്റെ പൊതുവായ വാക്യഘടന ഇപ്രകാരമാണ്:

മാർക്ക്അപ്പ് ഘടകംതിരയൽ പാറ്റേൺ വ്യക്തമാക്കാൻ ISINDEX ഉപയോഗിക്കുന്നു, ഇത് പാരമ്പര്യമായി ലഭിക്കുന്നു മുമ്പത്തെ പതിപ്പുകൾ HTML. HTML 4.0-ൽ ഈ കണ്ടെയ്നർ നിർവചിച്ചിട്ടില്ല.

META മാർക്ക്അപ്പ് ഘടകം

പ്രമാണത്തിന്റെ ബോഡിയുടെ ഉള്ളടക്കം ശരിയായി പ്രദർശിപ്പിക്കുന്നതിനും പ്രോസസ്സ് ചെയ്യുന്നതിനും ബ്രൗസർ ഉപയോഗിക്കുന്ന നിയന്ത്രണ വിവരങ്ങൾ META-യിൽ അടങ്ങിയിരിക്കുന്നു, ഉദാഹരണത്തിന്, ഉള്ളടക്ക-തരം ആട്രിബ്യൂട്ട് ഉപയോഗിച്ച്, നിങ്ങൾക്ക് ക്ലയന്റ് വശത്ത് പ്രമാണത്തിന്റെ റീകോഡിംഗ് വ്യക്തമാക്കാൻ കഴിയും.

META ഉപയോഗിച്ച് നിങ്ങൾക്ക് മറ്റ് ഓപ്പറേറ്റർമാരെയും വ്യക്തമാക്കാം. ഉദാഹരണത്തിന്, ഡോക്യുമെന്റ് കാഷിംഗ് പ്രവർത്തനരഹിതമാക്കുക. കാഷെ ചെയ്യൽ പ്രവർത്തനരഹിതമാക്കാൻ, META തലക്കെട്ടിൽ ഇതുപോലുള്ള ഒരു ടാഗ് ചേർക്കുക:

HTTP പ്രോട്ടോക്കോളിന്റെ (HTTP 1.1) പുതിയ പതിപ്പിൽ, കാഷെ-നിയന്ത്രണ പ്രസ്താവനയിലൂടെയാണ് കാഷിംഗ് നിയന്ത്രിക്കുന്നത്. കാര്യത്തിലെ അതേ ഫലം ലഭിക്കുന്നതിന് പ്രാഗ്മ, HTML പ്രമാണത്തിന്റെ തലക്കെട്ടിൽ ഇത് സൂചിപ്പിച്ചാൽ മതി:

ഫോർവേഡ് ചെയ്ത ശേഷം ഒരു ഡോക്യുമെന്റ് സൂക്ഷിക്കുന്നത് നിങ്ങൾക്ക് നിരോധിക്കാം.