ഒരു വെബ്പേജ് എങ്ങനെയാണ് നിർമ്മിക്കപ്പെടാൻ ആഗ്രഹിക്കുന്നത്? അതിന്റെ ഉറവിട കോഡ് കാണുന്നതിന് ശ്രമിക്കുക.
ഒരു വെബ് പേജിന്റെ HTML ഉറവിടം കാണുന്നത് HTML- ൽ പഠിക്കാൻ എളുപ്പമുള്ളതും (ഏറ്റവും ഫലപ്രദവുമാണ്), പ്രത്യേകിച്ചും വ്യവസായത്തിൽ ആരംഭിക്കുന്ന പുതിയ വെബ് പ്രൊഫഷണലുകൾക്ക്. നിങ്ങൾ ഒരു വെബ്സൈറ്റിൽ എന്തെങ്കിലും കാണുന്നുവെങ്കിൽ അത് എങ്ങനെ എന്ന് മനസിലാക്കുക, ആ സൈറ്റിന്റെ ഉറവിട കോഡ് കാണുക.
നിങ്ങൾ ഒരു വെബ്സൈറ്റിന്റെ ലേഔട്ട് ഇഷ്ടപ്പെടുന്നുണ്ടെങ്കിൽ, ആ ലേഔട്ട് എങ്ങനെ നേടുന്നു എന്നറിയാൻ ഉറവിടം കാണുന്നതിലൂടെ നിങ്ങളുടെ സ്വന്തം ജോലി അറിയാനും മെച്ചപ്പെടുത്താനും നിങ്ങളെ സഹായിക്കും. വർഷങ്ങളായി, പല വെബ് ഡിസൈനർമാരുടേയും ഡവലപ്പർമാരുടേയും അവർ കാണുന്ന വെബ് പേജുകളുടെ ഉറവിടം നോക്കി HTML- ൽ ധാരാളം പഠിച്ചു. തുടക്കക്കാർക്ക് എച്ച്ടിസി അറിയാനും, വെജിറ്റേറിയൻ വെബ് പ്രൊഫഷണലുകൾ സൈറ്റിനായി പുതിയ ടെക്നിക്കുകൾ എങ്ങനെ ഉപയോഗിക്കാമെന്ന് മനസിലാക്കാനും ഇത് ഒരു മികച്ച മാർഗമാണ്.
ഉറവിട ഫയലുകൾ വളരെ സങ്കീർണ്ണമാകാം എന്ന് ഓർമിക്കുക. ഒരു പേജിന്റെ HTML മാർക്കപ്പിനൊപ്പം, ആ സൈറ്റിന്റെ ലുക്കും പ്രവർത്തനവും സൃഷ്ടിക്കുന്നതിനായി ധാരാളം സിഎസ്എസ്എസും സ്ക്രിപ്റ്റ് ഫയലുകളും ഉണ്ടാകും, അപ്പോൾ തന്നെ പെട്ടെന്ന് എന്താണ് സംഭവിക്കുന്നതെന്ന് നിങ്ങൾക്ക് മനസ്സിലാകുന്നില്ലെങ്കിൽ നിരാശപ്പെടരുത്. HTML ഉറവിടം കാണുന്നതിന്റെ ആദ്യപടിയാണ് ഇത്. അതിനുശേഷം, ക്രിസ് സ്റ്റെറിക്സിന്റെ വെബ് ഡവലപ്പർ വിപുലീകരണ പോലുള്ള ഉപകരണങ്ങൾ CSS- ഉം സ്ക്രിപ്റ്റുകളും നോക്കുന്നതിനും HTML- ന്റെ നിർദ്ദിഷ്ട ഘടകങ്ങൾ പരിശോധിക്കുന്നതിനും നിങ്ങൾക്ക് കഴിയും.
നിങ്ങൾ സഫാരി ബ്രൌസർ ഉപയോഗിക്കുന്നുണ്ടെങ്കിൽ, അത് എങ്ങനെയാണ് സൃഷ്ടിക്കപ്പെട്ടതെന്ന് കാണുന്നതിന് ഒരു പേജിന്റെ ഉറവിട കോഡ് എങ്ങനെ കാണാനാകും എന്ന് നോക്കാം.
Safari ലെ HTML ഉറവിടം എങ്ങനെ കാണാൻ
- Safari തുറക്കുക.
- നിങ്ങൾ പരിശോധിക്കാൻ താൽപ്പര്യപ്പെടുന്ന വെബ്പേജിലേക്ക് നാവിഗേറ്റുചെയ്യുക.
- മുകളിലെ മെനു ബാറിലെ വികസിപ്പിച്ച മെനുവിൽ ക്ലിക്ക് ചെയ്യുക. കുറിപ്പ്: ഡെവലപ്പ്മെൻറ് മെനു കാണുന്നില്ലെങ്കിൽ വിപുലമായ വിഭാഗത്തിലെ മുൻഗണനകളിലേയ്ക്ക് പോകുക. മെനു ബാറിലെ വികസിപ്പിച്ച മെനു കാണിക്കുക എന്നത് തിരഞ്ഞെടുക്കുക.
- പേജ് ഉറവിടം കാണിക്കുക ക്ലിക്കുചെയ്യുക. ഇത് നിങ്ങൾ നോക്കിക്കൊണ്ടിരിക്കുന്ന പേജിന്റെ HTML ഉറവിടത്തോടെയുള്ള ഒരു വാചക വിൻഡോ തുറക്കും.
നുറുങ്ങുകൾ
- മിക്ക വെബ് പേജുകളിലും നിങ്ങൾക്ക് പേജിൽ റൈറ്റ് ക്ലിക്ക് ചെയ്ത് (ഒരു ഇമേജിൽ) സോഴ്സ് കാണാനും പേജ് ഉറവിടം ദൃശ്യമാക്കാനും കഴിയും. വികസന മുൻഗണന മുൻഗണനകളിൽ പ്രാപ്തമാക്കിയാൽ മാത്രമേ ഇത് പ്രദർശിപ്പിക്കുകയുള്ളൂ.
- എച്ച്ടിഎംഎൽ സോഴ്സ് കാണുന്നതിന് ഒരു കീബോർഡ് കുറുക്കുവഴിയും സഫാരിയിൽ ഉണ്ട് - കമാൻഡ്, ഓപ്ഷൻ കീകൾ അമർത്തി U (Cmd-Opt-U.) അമർത്തുക.
ഉറവിട കോഡ് കാണുന്നുണ്ടോ?
ഒരു സൈറ്റിന്റെ കോഡ് മൊത്തമായി പകർത്താനും സൈറ്റിന് സ്വന്തമാക്കാതിരിക്കാനുമുള്ള അവസരം സ്വീകാര്യമല്ല. പഠനത്തിനുവേണ്ട സ്പ്രെഡ്ബോർഡായി ആ കോഡ് ഉപയോഗിക്കുന്നത് ഈ വ്യവസായത്തിൽ എത്രമാത്രം പുരോഗതിയാണ് ഉണ്ടാക്കുന്നത്. യഥാർത്ഥത്തിൽ, ഒരു സൈറ്റിന്റെ ഉറവിടം കാണുന്നതിലൂടെ എന്തോ ഒരു പഠനമില്ലാത്ത ഒരു വെബ് പ്രൊഫഷണൽ പ്രൊഫഷണലിനെ കണ്ടെത്താൻ നിങ്ങൾക്ക് ബുദ്ധിമുട്ടാണ്!
അവസാനമായി, വെബ് പ്രൊഫഷണലുകൾ പരസ്പരം പഠിക്കുകയും, അവർ കാണുകയും പ്രചോദിപ്പിക്കുകയും ചെയ്യുന്ന ജോലിയിൽ നിന്ന് കൂടുതൽ മെച്ചപ്പെടുകയും, അതിനാൽ ഒരു സൈറ്റിന്റെ ഉറവിട കോഡ് കാണാനും അതിനെ ഒരു പഠന ഉപകരണം ആയി ഉപയോഗിക്കാനും മടിക്കരുത്.