ഞങ്ങളുടെ വെബ്‌സൈറ്റുകളിൽ ഉയർന്ന ട്രാഫിക് ഉണ്ടായിരിക്കണമെന്ന് ഞങ്ങൾ എല്ലാവരും ആഗ്രഹിക്കുന്നു. അതിനാൽ തിരയൽ എഞ്ചിനുകൾ അവയെ മറികടക്കുന്നില്ല. എന്നിരുന്നാലും, ഈ ലക്ഷ്യങ്ങൾ കൈവരിക്കുന്നതിന്, കുറഞ്ഞത് അടിസ്ഥാനകാര്യങ്ങളെങ്കിലും നാം അറിഞ്ഞിരിക്കണം.
ഈ ലേഖനത്തിൽ, ഹൈപ്പർലിങ്കുകളുടെ അർത്ഥം ഞങ്ങൾ നിങ്ങളോട് പറയും കൂടാതെ നിങ്ങളുടെ വെബ്സൈറ്റിൽ ഒരു ഹൈപ്പർലിങ്ക് എങ്ങനെ സൃഷ്ടിക്കാമെന്ന് വിശദീകരിക്കും.
ഹൈപ്പർലിങ്കിന്റെ അർത്ഥം
ഹൈപ്പർലിങ്കുകളുടെ പ്രധാന പ്രാധാന്യം, നിങ്ങളുടെ സ്വന്തം സൈറ്റിന്റെ ആന്തരിക പേജുകളിലേക്കും മറ്റ് സൈറ്റുകളുടെ പേജുകളിലേക്കും ലിങ്ക് ചെയ്യാൻ അവ ഉപയോഗിക്കാം എന്നതാണ്.
സെർച്ച് എഞ്ചിനുകൾ ഒരു സൈറ്റിൽ സ്ഥാപിച്ചിട്ടുള്ള ലിങ്കുകളുടെ എണ്ണം സൂക്ഷ്മമായി കണക്കിലെടുക്കുകയും അവയുടെ ആങ്കർ ടെക്സ്റ്റുകളുടെ ഉള്ളടക്കം ശ്രദ്ധാപൂർവ്വം വിശകലനം ചെയ്യുകയും ചെയ്യുന്നു എന്നത് രഹസ്യമല്ല. ഈ ഡാറ്റയെ അടിസ്ഥാനമാക്കി, സെർച്ച് എഞ്ചിനുകൾ സൈറ്റുകളെ റാങ്ക് ചെയ്യുന്നു, കൂടുതൽ ശരിയായ ഹൈപ്പർലിങ്കുകൾ ഉള്ള സൈറ്റുകൾക്ക് കാര്യമായ നേട്ടമുണ്ട്.
നിങ്ങളുടെ വെബ്സൈറ്റിൽ സ്വയം ഒരു ഹൈപ്പർലിങ്ക് എങ്ങനെ സൃഷ്ടിക്കാം
ഈ പോസ്റ്റിൽ, വെബ് പേജുകളിൽ ദൃശ്യമാകുന്ന ലിങ്കുകളെക്കുറിച്ച് ഞങ്ങൾ സംസാരിക്കും. മൗസ് ഉപയോഗിച്ച് ഈ ലിങ്കിൽ ക്ലിക്ക് ചെയ്യുന്നതിലൂടെ, ഉപയോക്താവിനെ നിങ്ങളുടെ അല്ലെങ്കിൽ മറ്റൊരു സൈറ്റിന്റെ മറ്റൊരു പേജിലേക്ക് ഉടൻ കൊണ്ടുപോകും.
ഉദാഹരണം 1
ഈ ഉദാഹരണത്തിൽ:
a - ടാഗ്
href ഒരു html ഭാഷാ ആട്രിബ്യൂട്ട് ആണ്,
ഞങ്ങളുടെ സൈറ്റിന്റെ പേജുകളിലൊന്നിന്റെ URL വിലാസമാണ് http://ru.site/articles,
കൂടാതെ "പാൻവെബ് സിസ്റ്റത്തിൽ ഒരു വെബ്സൈറ്റ് എങ്ങനെ നിർമ്മിക്കാം എന്നതിനെക്കുറിച്ചുള്ള ലേഖനങ്ങൾ സ്വയം സൗജന്യമായി" എന്ന വാചകം നിങ്ങളുടെ സൈറ്റിന്റെ ഉപയോക്താക്കൾക്ക് ദൃശ്യമാകുന്ന ഹൈപ്പർലിങ്കിന്റെ വാചകമാണ്.
പുതിയ വിൻഡോയിൽ ഹൈപ്പർലിങ്ക്
ഒരു ഹൈപ്പർലിങ്ക് ഉപയോക്താവിന് വ്യത്യസ്ത രീതികളിൽ ദൃശ്യമായേക്കാം. ചിലപ്പോൾ നിങ്ങൾ ലിങ്ക് ചെയ്ത പേജ് തുറക്കുമ്പോൾ, പഴയ പേജിന് പകരം പുതിയ പേജ് വരും. മുമ്പത്തെ പേജിലേക്ക് മടങ്ങാൻ, നിങ്ങൾ ബ്രൗസറിൽ അതിന്റെ വിലാസം ടൈപ്പ് ചെയ്യണം, അല്ലെങ്കിൽ "തിരികെ" ഐക്കണിൽ ക്ലിക്ക് ചെയ്യുക.
ഉപയോക്താക്കൾക്ക് ഇത് എല്ലായ്പ്പോഴും സൗകര്യപ്രദമല്ല, അതിനാൽ പല വെബ്മാസ്റ്ററുകളും ഹൈപ്പർലിങ്കുകൾ സൃഷ്ടിക്കാൻ താൽപ്പര്യപ്പെടുന്നു, അതുവഴി അത് നയിക്കുന്ന പേജ് ഒരു പുതിയ ബ്രൗസർ വിൻഡോയിൽ തുറക്കുന്നു.
ഉദാഹരണം 2
സ്വയം സൗജന്യമായും പാൻവെബ് സിസ്റ്റം ഉപയോഗിച്ച് എങ്ങനെ ഒരു വെബ്സൈറ്റ് നിർമ്മിക്കാം എന്നതിനെക്കുറിച്ചുള്ള ലേഖനങ്ങൾ
ഒരേയൊരു വ്യത്യാസം ലിങ്ക് നയിക്കുന്ന പേജ് ഒരു പുതിയ വിൻഡോയിൽ തുറക്കും എന്നതാണ്.
സിസ്റ്റത്തിൽ നിർമ്മിച്ച ഒരു വെബ്സൈറ്റിൽ എങ്ങനെ ഒരു ഹൈപ്പർലിങ്ക് ഉണ്ടാക്കാംപാൻവെബ്
നിങ്ങൾ ഒരു സൗജന്യ വെബ്സൈറ്റ് ബിൽഡറിൽ നിങ്ങളുടെ വെബ്സൈറ്റ് സൃഷ്ടിച്ചെങ്കിൽ പാൻവെബ്, അപ്പോൾ നിങ്ങൾക്ക് എളുപ്പത്തിലും പ്രശ്നങ്ങളില്ലാതെയും ടെക്സ്റ്റിലേക്ക് ഹൈപ്പർലിങ്കുകൾ ചേർക്കാൻ കഴിയും.
നിങ്ങളുടെ സൈറ്റിന്റെ എഡിറ്റിംഗ് പാനലിലേക്ക് പോകുക. "ടെക്സ്റ്റ് എഡിറ്റിംഗ് മോഡ്" വിൻഡോയിൽ, "html" ക്ലിക്ക് ചെയ്യുക, "html" ലെ ടെക്സ്റ്റ് ഉള്ളടക്ക എഡിറ്റിംഗ് മോഡ് തുറക്കും:
എല്ലാവർക്കും, എന്റെ പ്രിയ സുഹൃത്തുക്കൾക്കും വായനക്കാർക്കും ശുഭദിനം. നിങ്ങൾ എന്റെ മത്സരത്തിൽ പങ്കെടുക്കാൻ തീരുമാനിച്ചുവെന്നും നിങ്ങളുടെ ബ്ലോഗിംഗ് യാത്രയെക്കുറിച്ച് ഇതിനകം എഴുതുന്നുണ്ടെന്നും ഞാൻ പ്രതീക്ഷിക്കുന്നു. ശരി, html ഭാഷയെക്കുറിച്ചുള്ള ഞങ്ങളുടെ പഠനം തുടരാൻ ഞാൻ ആഗ്രഹിക്കുന്നു, ഇന്ന് ഞാൻ നിങ്ങളോട് ഏറ്റവും പ്രധാനപ്പെട്ട ഘടകങ്ങളിലൊന്നായ ഹൈപ്പർലിങ്കുകളെക്കുറിച്ച് പറയാൻ ആഗ്രഹിക്കുന്നു.
അതെ, അത്തരം ഹൈപ്പർലിങ്കുകൾ ഇല്ലാതെ ഇന്റർനെറ്റ് അത്ര സൗകര്യപ്രദമായിരിക്കില്ല. ഇല്ല, ഞാൻ കള്ളം പറയുകയാണ്. നാവിഗേറ്റ് ചെയ്യുന്നത് ഒട്ടും എളുപ്പമായിരിക്കില്ല. അവയില്ലാതെ നിങ്ങൾക്ക് ഇന്റർനെറ്റ് സങ്കൽപ്പിക്കാൻ കഴിയുമോ? എനിക്ക് വ്യക്തിപരമായി ഇല്ല.
html-ൽ ഒരു ഹൈപ്പർലിങ്ക് എങ്ങനെ ചേർക്കാമെന്ന് ഇന്ന് നമ്മൾ പഠിക്കും. എന്നാൽ ആദ്യം ഞാൻ നിങ്ങളോട് ചോദിക്കാൻ ആഗ്രഹിക്കുന്നു: ഹൈപ്പർലിങ്ക് എന്താണെന്നും അത് ഒരു സാധാരണ ലിങ്കിൽ നിന്ന് എങ്ങനെ വ്യത്യാസപ്പെട്ടിരിക്കുന്നുവെന്നും നിങ്ങൾക്കറിയാമോ? ഇവിടെ എല്ലാം യഥാർത്ഥത്തിൽ ലളിതമാണ്: ഒരു പ്രമാണത്തെ സൂചിപ്പിക്കുന്ന ഒരു ലളിതമായ വിവരമാണ് ലിങ്ക്. അതേ സമയം, നിങ്ങൾക്ക് ഈ വാചകത്തിൽ ക്ലിക്കുചെയ്യാൻ കഴിയില്ല (ഒന്നും സംഭവിക്കില്ല), എന്നാൽ വിവരങ്ങൾ എവിടെയാണ് തിരയേണ്ടതെന്ന് നിങ്ങൾക്കറിയാം.
ഉദാഹരണം: ഫോട്ടോഷോപ്പിൽ മുടി ഹൈലൈറ്റ് ചെയ്യുന്നത് എങ്ങനെയെന്ന് //site/adobe-photoshop/kak-vydelit-volosy/ എന്നതിൽ നിങ്ങൾക്ക് കണ്ടെത്താം.
ഹൈപ്പർലിങ്ക് ഒരേ ടെക്‌സ്‌റ്റാണ്, അതിന്റെ സാരാംശം നിങ്ങൾക്ക് ഈ വാചകത്തിൽ ക്ലിക്കുചെയ്ത് ആവശ്യമുള്ള പേജിലേക്കോ സൈറ്റിലേക്കോ മറ്റേതെങ്കിലും ഒബ്‌ജക്റ്റിലേക്കോ എത്തിച്ചേരാനാകും എന്നതാണ്. മാത്രമല്ല, വാചകം തന്നെ എന്തും ആകാം, അതേസമയം വിലാസം ഉള്ളിൽ വെവ്വേറെ എഴുതുകയും പൂർണ്ണമായും വ്യത്യസ്തമാകുകയും ചെയ്യും. അത് എന്തായാലും, സംഭാഷണ സംഭാഷണത്തിൽ അവയെ ഇപ്പോഴും ലിങ്കുകൾ എന്ന് വിളിക്കുന്നു. ഹൈപ്പർലിങ്കിന്റെ ഒരു ഉദാഹരണം ഇതാ:
ഫോട്ടോഷോപ്പിൽ മുടി എങ്ങനെ ശരിയായി ഹൈലൈറ്റ് ചെയ്യാം എന്നതിനെക്കുറിച്ച് എന്റെ ട്യൂട്ടോറിയലുകളിലൊന്നിൽ നിങ്ങൾക്ക് വായിക്കാം.
എന്തായാലും. നല്ല സിദ്ധാന്തം. ഇനി നമുക്ക് പരിശീലനത്തിലേക്ക് പോകാം, ഈ കാര്യങ്ങൾക്കെല്ലാം ഉത്തരവാദി ഏതൊക്കെയാണെന്ന് നോക്കാം.
ജോടിയാക്കിയ ടാഗ് ഹൈപ്പർലിങ്കിന് ഉത്തരവാദിയാണ്, എന്നാൽ സ്വയം അത് ഒന്നിനെയും പ്രതിനിധീകരിക്കുന്നില്ല. അത് എല്ലായ്പ്പോഴും ഒരു ആട്രിബ്യൂട്ടുമായി ചേർന്ന് പോകുന്നു. ഈ സാഹചര്യത്തിൽ, നമ്മൾ ഇതേ href നിരന്തരം എഴുതേണ്ടതുണ്ട്. ആട്രിബ്യൂട്ട് മൂല്യത്തിൽ ഞങ്ങൾ ആവശ്യമുള്ള ഉറവിടത്തിലേക്ക് തന്നെ ലിങ്ക് ഇടുന്നു. ഉള്ളടക്കത്തിൽ തന്നെ ഞങ്ങൾ വാചകം തന്നെ എഴുതുന്നു, അത് ക്ലിക്കുചെയ്യാനാകും (ക്ലിക്ക് ചെയ്യുമ്പോൾ പ്രവർത്തിക്കുക). ഉദാഹരണം നോക്കൂ, നിങ്ങൾക്ക് എല്ലാം മനസ്സിലാകുമെന്ന് ഞാൻ കരുതുന്നു.
Yandex തിരയൽ എഞ്ചിൻ
നിങ്ങൾ മനസ്സിലാക്കുന്നതുപോലെ, "Yandex തിരയൽ എഞ്ചിൻ" എന്ന വാചകത്തിൽ നിങ്ങൾ ക്ലിക്കുചെയ്യുമ്പോൾ, href ആട്രിബ്യൂട്ടിന്റെ മൂല്യത്തിൽ എഴുതിയ വിലാസത്തിലേക്ക് ഒരു വ്യക്തിയെ നയിക്കുമെന്ന് ഈ ഉദാഹരണത്തിൽ ഞാൻ എഴുതി.
ആന്തരികവും ബാഹ്യവുമായ ലിങ്കുകൾ ഉണ്ടെന്ന് നിങ്ങളിൽ പലർക്കും അറിയാമെന്ന് ഞാൻ കരുതുന്നു. ആന്തരിക ലിങ്കുകൾ ഒരു ഡയറക്‌ടറിക്കുള്ളിൽ നടപ്പിലാക്കുന്നു, അതായത്, സൈറ്റ്, ബാഹ്യ ലിങ്കുകൾ ചില മൂന്നാം കക്ഷി ഉറവിടങ്ങളിലേക്ക് നയിക്കുന്നു. രണ്ടും എങ്ങനെ ചെയ്യണമെന്ന് ഇപ്പോൾ ഞാൻ കാണിച്ചുതരാം.
ഒരേ ഫോൾഡറിൽ ഫയൽ ചെയ്യുക
എന്നാൽ നിങ്ങൾ ലിങ്ക് ചെയ്യുന്ന ഫയൽ, നിങ്ങൾ ലിങ്ക് സ്ഥാപിക്കുന്ന ഫയലിന്റെ അതേ ഫോൾഡറിലാണ് സ്ഥിതി ചെയ്യുന്നതെങ്കിൽ അത്തരമൊരു പരിവർത്തനം പ്രവർത്തിക്കും. മറ്റ് ഓപ്ഷനുകൾക്കായി, എല്ലാം അല്പം വ്യത്യസ്തമാണ്.
മറ്റൊരു ഫോൾഡറിൽ ഫയൽ ചെയ്യുക
- Notepad++-ൽ pushkin.html ഫയൽ തുറക്കുക
- ഇപ്പോൾ ഫോട്ടോ എന്ന വാക്ക് കണ്ടെത്തി ടാഗുകളിൽ പൊതിയുക<ഒരു href> .
- ഇപ്പോൾ ശ്രദ്ധ! ആട്രിബ്യൂട്ട് മൂല്യത്തിൽ, എഡിറ്റ് ചെയ്യുന്ന ഫയലുമായി ബന്ധപ്പെട്ട പാത ഞങ്ങൾ വ്യക്തമാക്കുന്നു, അതായത്, pushkin.html തന്നെ. നിങ്ങൾ ഇതുപോലൊന്ന് അവസാനിപ്പിക്കണം:
ഞങ്ങൾ ഇപ്പോൾ എന്താണ് ചെയ്തത്? ഞങ്ങൾ ഇനിപ്പറയുന്നവ ചെയ്തു: ഫോട്ടോയിലേക്കുള്ള പാത ഒരു പ്രത്യേക img ഫോൾഡറിലാണ് സ്ഥിതിചെയ്യുന്നത്, അത് pushkin.html ഫയലിന്റെ അതേ ഫോൾഡറിൽ സ്ഥിതിചെയ്യുന്നു, തുടർന്ന് ആട്രിബ്യൂട്ട് മൂല്യത്തിൽ ഞങ്ങൾ ആദ്യം ഫോൾഡറിന്റെ പേര് എഴുതേണ്ടതുണ്ട്, കൂടാതെ തുടർന്ന് ഒരു സ്ലാഷിലൂടെ (/) ഡോക്യുമെന്റിന്റെ മുഴുവൻ പേര് (ഞങ്ങളുടെ കാര്യത്തിൽ ഫോട്ടോഗ്രാഫുകളിൽ).
ഇപ്പോൾ നിങ്ങളുടെ ബ്രൗസറിൽ pushkin.html ഫയൽ സേവ് ചെയ്ത് പ്രവർത്തിപ്പിക്കുക. “ഫോട്ടോ” എന്ന വാക്ക് നീല നിറത്തിൽ ഹൈലൈറ്റ് ചെയ്ത് ക്ലിക്കുചെയ്യാവുന്നതായി നിങ്ങൾ കാണും, അതായത് ഈ ലിങ്കിൽ ക്ലിക്കുചെയ്യുന്നതിലൂടെ img ഫോൾഡറിൽ സ്ഥിതിചെയ്യുന്ന fofo.jpg എന്ന ഫയലിലേക്ക് ഞങ്ങളെ കൊണ്ടുപോകും.
അപ്പോൾ എങ്ങനെ? എല്ലാം വ്യക്തമാണോ? എന്തെങ്കിലും സംഭവിച്ചാൽ, ചോദിക്കാൻ മടിക്കേണ്ട.
ബാഹ്യ പരിവർത്തനങ്ങൾ
തീർച്ചയായും, ബാഹ്യ ലിങ്കുകൾ പരാമർശിക്കുന്നതിൽ ഞങ്ങൾക്ക് പരാജയപ്പെടാൻ കഴിയില്ല, അതിൽ ക്ലിക്കുചെയ്തതിനുശേഷം ഞങ്ങളെ തികച്ചും വ്യത്യസ്തമായ ഒരു സൈറ്റിലേക്ക് കൊണ്ടുപോകും. എന്നാൽ ഇവിടെ സങ്കീർണ്ണമായ ഒന്നും തന്നെയില്ല. സൈറ്റിന്റെയോ വെബ്‌പേജിന്റെയോ മുഴുവൻ വിലാസവും നിങ്ങൾ href മൂല്യത്തിൽ ഇടുന്നു എന്നതാണ് മുഴുവൻ പോയിന്റ്. മുകളിൽ Yandex ഉപയോഗിച്ച് ഞാൻ ഒരു ഉദാഹരണം കാണിച്ചു. എന്നാൽ മറ്റൊരു ഉദാഹരണം ഇതാ:
സോഷ്യൽ പ്രോജക്ടുകളിൽ മാസ്റ്ററാകാൻ ഞാൻ പഠിക്കും.
ഇവിടെ നമുക്ക് ഒരു നിർദ്ദിഷ്ട സൈറ്റിന്റെ ഒരു പ്രത്യേക പേജ് ലഭിക്കും.
ഒരു പുതിയ വിൻഡോയിൽ തുറക്കുന്നു
സ്ഥിരസ്ഥിതിയായി, നിങ്ങൾ ഒരു ലിങ്കിൽ ക്ലിക്ക് ചെയ്യുമ്പോൾ, പ്രമാണം നിങ്ങളുടെ പേജിന്റെ അതേ വിൻഡോയിൽ തുറക്കുന്നു, അതായത്. നിങ്ങളുടെ പേജ് പൂട്ടും. ഇത് നല്ലതല്ല. പ്രത്യേകിച്ചും, പ്രമോട്ടുചെയ്‌ത ഉള്ളടക്ക പ്രോജക്റ്റുകൾക്കോ ബ്ലോഗുകൾക്കോ, നിങ്ങൾ ഒരു ലിങ്കിൽ ക്ലിക്കുചെയ്യുമ്പോൾ, നിങ്ങളുടെ പേജ് അടയ്‌ക്കാതെ തന്നെ ഒരു പുതിയ വിൻഡോയിലോ ടാബിലോ പ്രമാണം തുറക്കാൻ ശുപാർശ ചെയ്യുന്നു.
“_blank” മൂല്യമുള്ള ടാർഗെറ്റ് ആട്രിബ്യൂട്ട് ഇതിന് ഞങ്ങളെ സഹായിക്കും. ഇവിടെ സങ്കീർണ്ണമായ ഒന്നും തന്നെയില്ല. ഓപ്പണിംഗ് ടാഗിനുള്ളിൽ നിങ്ങൾ ഇത് ചേർക്കേണ്ടതുണ്ട് href ആട്രിബ്യൂട്ട് മൂല്യത്തിന് ശേഷം. pushkin.html പേജിലേക്ക് ഞങ്ങൾ ഒരു ലിങ്ക് ഉണ്ടാക്കിയ lukomorye.html എന്ന ഫയലിൽ നിന്ന് ആ ഉദ്ധരണി എടുക്കാം, ഇപ്പോൾ മാത്രമേ ഞങ്ങൾ ഈ ആട്രിബ്യൂട്ട് എഴുതുകയുള്ളൂ. ഇത് ഇതുപോലെ ആയിരിക്കണം:
റുസ്ലാനും ല്യൂഡ്മിലയും എന്ന കവിതയിൽ നിന്ന് (രചയിതാവ് - എ.എസ്. പുഷ്കിൻ)
ശരി, ഇവിടെ എല്ലാം വ്യക്തമാണ്. ഇപ്പോൾ, നിങ്ങൾ ഉള്ളടക്കത്തിൽ ക്ലിക്ക് ചെയ്യുമ്പോൾ, ആവശ്യമുള്ള പേജ് ഒരു പുതിയ വിൻഡോയിൽ തുറക്കും. ഈ കാര്യം വളരെ അത്യാവശ്യമാണ്, കാരണം നിങ്ങൾ ഇത് രജിസ്റ്റർ ചെയ്തില്ലെങ്കിൽ, ഉപയോക്താവ് നിങ്ങളുടെ പേജ് ഉപേക്ഷിക്കും. അതിനാൽ, ഏത് സാഹചര്യത്തിലും, അവൻ അതിൽ തുടരും, അവൻ അത് പ്രത്യേകമായി അടച്ചില്ലെങ്കിൽ മാത്രം. എല്ലാം സ്വയം ചെയ്യാൻ ശ്രമിക്കുക, നിങ്ങളുടെ സ്വന്തം കൈകൊണ്ട് എല്ലാം മനോഹരമാക്കുക. പകർത്തി ഒട്ടിക്കേണ്ട ആവശ്യമില്ല.
എങ്ങനെയെങ്കിലും ഇങ്ങനെ. ഏറ്റവും പ്രധാനപ്പെട്ട എല്ലാ കാര്യങ്ങളും ഞാൻ നിങ്ങളോട് പറഞ്ഞതായി തോന്നുന്നു, എന്നാൽ ഈ ദിശയിലേക്ക് നീങ്ങാനും പ്രൊഫഷണൽ വെബ്‌സൈറ്റുകളും ബ്ലോഗുകളും ഓൺലൈൻ സ്റ്റോറുകളും സൃഷ്ടിക്കാൻ HTML, CSS എന്നിവ പഠിക്കാനും നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, അത് പരിശോധിക്കുന്നത് ഉറപ്പാക്കുക. മികച്ച വീഡിയോ കോഴ്സ്ഈ വിഷയത്തെക്കുറിച്ച്. പാഠങ്ങൾ വളരെ മികച്ചതാണ്, മാത്രമല്ല വെബ്സൈറ്റ് നിർമ്മാണത്തെക്കുറിച്ച് ഇപ്പോഴും കുറച്ച് പരിചിതമായ അല്ലെങ്കിൽ ഒട്ടും പരിചിതമല്ലാത്ത ആളുകൾക്ക് വേണ്ടി പറഞ്ഞതാണ്.
ശരി, ഇത് ഇന്നത്തെ നമ്മുടെ പാഠം അവസാനിപ്പിക്കുന്നു. നിങ്ങൾക്ക് എന്റെ ലേഖനം ഇഷ്ടപ്പെട്ടുവെന്നും നിങ്ങൾ എന്റെ സ്ഥിരം വായനക്കാരനാണെങ്കിൽ സന്തോഷിക്കുമെന്നും ഞാൻ പ്രതീക്ഷിക്കുന്നു. അതിനാൽ എന്റെ ബ്ലോഗ് അപ്‌ഡേറ്റുകൾ സബ്‌സ്‌ക്രൈബ് ചെയ്യാൻ മറക്കരുത്, അതിനാൽ നിങ്ങൾക്ക് രസകരമായ ഒന്നും നഷ്‌ടമാകില്ല. ശരി, നിങ്ങളുടെ എല്ലാ ശ്രമങ്ങളിലും വിജയിക്കണമെന്ന് ഞാൻ ആഗ്രഹിക്കുന്നു. ബൈ ബൈ!
ആശംസകളോടെ, ദിമിത്രി കോസ്റ്റിൻ.
- ലിങ്ക് ഹൈലൈറ്റ് ചെയ്യുക,
- ഒരു മെനു പ്രദർശിപ്പിക്കാൻ റൈറ്റ് ക്ലിക്ക് ചെയ്യുക
- തുടർന്ന് ദൃശ്യമാകുന്ന മെനുവിലെ "പകർത്തുക" എന്നതിൽ ഇടത് ക്ലിക്ക് ചെയ്യുക:
"കമ്പ്യൂട്ടർ സാക്ഷരത" ഗ്രൂപ്പിൽ ഞങ്ങൾ Subscribe.ru ലേക്ക് മടങ്ങുന്നു. ഇവിടെ അഭിപ്രായങ്ങളിൽ നിങ്ങൾ വാചകം എഴുതുകയോ http://..... പോലെയുള്ള ഒരു ലിങ്ക് ചേർക്കുകയോ ചെയ്യണം, ഈ സാഹചര്യത്തിൽ അത് സാധാരണ വാചകമായി കാണപ്പെടും. ഈ വാചകം തിരഞ്ഞെടുക്കുക (ചുവടെ കാണിച്ചിരിക്കുന്നത് പോലെ), "ചെയിൻ" ഐക്കൺ (ചിത്രത്തിൽ ചുവപ്പ് നിറത്തിൽ വൃത്താകൃതിയിലുള്ളത്) "സജീവമായി" മാറുന്നു:
"ചെയിൻ" ഐക്കണിൽ ഇടത് ക്ലിക്ക് ചെയ്യുക. ഇത് "ലിങ്ക് ചേർക്കുക/എഡിറ്റ് ചെയ്യുക" വിൻഡോ തുറക്കുന്നു. ഇവിടെ, "ലിങ്ക് വിലാസം" വിൻഡോയിൽ, നിങ്ങൾ മുമ്പ് പകർത്തിയ ലിങ്ക് വിലാസം നൽകേണ്ടതുണ്ട്, അത് ഇതിനകം ക്ലിപ്പ്ബോർഡിൽ ഉണ്ട്. ഇത് ചെയ്യുന്നതിന്, നിങ്ങൾക്ക് റൈറ്റ് ക്ലിക്ക് ചെയ്ത് ദൃശ്യമാകുന്ന മെനുവിൽ, "ഒട്ടിക്കുക" ഓപ്ഷനിൽ ക്ലിക്കുചെയ്യുക. "ഓപ്പൺ ഇൻ ..." വിൻഡോയിൽ അത് "പുതിയ വിൻഡോ" ആയി സജ്ജീകരിക്കുന്നതാണ് നല്ലത്.
ഇപ്പോൾ "ഇൻസേർട്ട്" ബട്ടണിൽ ക്ലിക്ക് ചെയ്യുക മാത്രമാണ് അവശേഷിക്കുന്നത്. ഗ്രൂപ്പ് അംഗങ്ങളിൽ ഒരാൾ പറഞ്ഞതുപോലെ, അവർക്ക് ലിങ്ക് "നീല" ചെയ്യാൻ കഴിഞ്ഞു, അതായത്. നീല ഹൈലൈറ്റ് ഉള്ള ഒരു ഹൈപ്പർലിങ്ക് ആയി ഇത് മാറിയിരിക്കുന്നു.
ഹലോ, പ്രിയ സന്ദർശകർ!
ലളിതമായ ഹൈപ്പർലിങ്ക്, ഇമേജ്, കൂടാതെ CSS ശൈലികൾ ഉപയോഗിച്ച് നിങ്ങളുടെ സ്വന്തം ഡിസൈൻ സജ്ജമാക്കാൻ കഴിയുന്ന ഒരു ബട്ടണിന്റെ രൂപത്തിൽ ഒരു വെബ്‌സൈറ്റിലേക്ക് ഒരു ലിങ്ക് എങ്ങനെ ചേർക്കാമെന്ന് ഈ ലേഖനത്തിൽ ഞാൻ കാണിച്ചുതരാം. എല്ലാ 3 ഓപ്ഷനുകളും പലപ്പോഴും ഉപയോഗിക്കുകയും സന്ദർശകർ ഉപയോഗിക്കുമ്പോൾ നല്ല ഫലം നൽകുകയും ചെയ്യുന്നു.
ഏറ്റവും ലളിതമായതിൽ നിന്ന് ആരംഭിച്ച് സമുച്ചയത്തിലെത്താം.
പതിവ് ലിങ്കും ഹൈപ്പർലിങ്കും
http://site/poleznoe/kak-sdelat-ssylku-na-sait.html
http: //site/poleznoe/kak-sdelat-ssylku-na-sait.html |
ഈ ഓപ്ഷന് അതിന്റേതായ സ്ഥാനമുണ്ട്, എന്നാൽ അത്തരമൊരു ലിങ്കിന്റെ ഫലപ്രാപ്തിയെക്കുറിച്ച് നമ്മൾ സംസാരിക്കുകയാണെങ്കിൽ കാര്യമായ പോരായ്മയുണ്ട്. ഇത് ക്ലിക്കുചെയ്യാൻ കഴിയില്ല, അതായത്, മൗസിന്റെ ലളിതമായ ക്ലിക്കിലൂടെ നിങ്ങൾക്ക് അതിലേക്ക് പോകാൻ കഴിയില്ല. ഈ ഓപ്ഷൻ സന്ദർശകർക്ക് മനസ്സിലാക്കാൻ വളരെ ബുദ്ധിമുട്ടാണ്.
മറ്റൊരു കാര്യം ഒരു ഹൈപ്പർലിങ്കാണ്, അത് ക്ലിക്കുചെയ്യുമ്പോൾ, ഇൻറർനെറ്റിലെ മറ്റൊരു പ്രമാണത്തിലേക്ക് റീഡയറക്‌ടുചെയ്യുന്നു, ആന്തരികവും (ഒരേ സൈറ്റിനുള്ളിൽ) ബാഹ്യവും (മറ്റൊരു സൈറ്റ്). അത്തരമൊരു ലിങ്കിന്റെ ഉദാഹരണം ചുവടെ കാണാം. ലിങ്കിൽ ക്ലിക്ക് ചെയ്യാൻ ശ്രമിക്കുക.
എന്റെ ഉറവിടത്തിന്റെ പ്രധാന പേജ് ഒരു പുതിയ ടാബിൽ തുറക്കണം. ഈ ഓപ്ഷൻ നടപ്പിലാക്കാൻ, നിങ്ങൾ ഒന്നുകിൽ നിങ്ങളുടെ എഞ്ചിന്റെ ടൂളുകൾ ഉപയോഗിക്കണം, അല്ലെങ്കിൽ HTML കോഡിൽ ഇനിപ്പറയുന്ന വരി എഴുതുക.
ഇവിടെ ക്ലിക്ക് ചെയ്യുക
ലളിതമായ ഒരു ടാഗ് ഉപയോഗിച്ചാണ് ലിങ്ക് സൃഷ്ടിച്ചിരിക്കുന്നത് , അതിനുള്ളിൽ ഉപയോക്താവിനെ റീഡയറക്‌ട് ചെയ്യേണ്ട വിലാസവും ഒരു ലിങ്ക് ആങ്കറും ഉണ്ട് (മുകളിലുള്ള ഉദാഹരണത്തിൽ, ആങ്കർ എന്നത് "ഇവിടെ ക്ലിക്ക് ചെയ്യുക" എന്ന വാചകമാണ്), നിങ്ങൾ എന്താണ് ചെയ്യേണ്ടതെന്ന് വിശദീകരിക്കുന്ന ലിങ്ക് ടെക്സ്റ്റ് സൂചിപ്പിക്കുന്നു. നിങ്ങൾ ഈ വിലാസത്തിൽ പോകുമ്പോൾ സ്വീകരിക്കുക.
നിങ്ങൾക്ക് HTML-ൽ നിർമ്മിച്ച ഒരു ലളിതമായ വെബ്സൈറ്റ് ഉണ്ടെങ്കിൽ, പേജ് എഡിറ്ററിൽ നിങ്ങൾ ഈ കോഡ് കൃത്യമായി എഴുതണം, എന്റെ വിലാസം നിങ്ങളുടേതാക്കി മാറ്റുകയും നിങ്ങളുടെ ആങ്കർ വ്യക്തമാക്കുകയും ചെയ്യുക. ഇത് ഇതുപോലെ കാണപ്പെടും.
ഒരു ലിങ്ക് ടാഗിനുള്ളിൽ ഒരു പുതിയ ടാബിൽ പേജ് തുറക്കുന്നതിനുള്ള ഒരു ആട്രിബ്യൂട്ടും ഉണ്ട്.
ലക്ഷ്യം = "_blank" |
ഇതും വളരെ പ്രധാനമാണ്, സന്ദർശകനെ വിഭവത്തിൽ നിന്ന് പുറത്താക്കരുത്, മറിച്ച് അവനെ ഉപേക്ഷിക്കുന്നതാണ് ഉചിതം. ഈ ആട്രിബ്യൂട്ട് ഉപയോഗിച്ച്, ഒരു സന്ദർശകൻ, ഒരു പേജിലെ നിരവധി ലിങ്കുകളിൽ ക്ലിക്കുചെയ്യുന്നതിലൂടെ, നിലവിലുള്ളത് ഉപേക്ഷിക്കില്ലെന്ന് നിങ്ങൾ ഉറപ്പാക്കും, എന്നാൽ അതേ സമയം മറ്റ് നിരവധി പേജുകൾ തുറക്കും. നിങ്ങൾ ഒരു വെബ്സൈറ്റ് പ്രൊമോട്ട് ചെയ്യുകയാണെങ്കിൽ ഇത് പ്രധാനമാണ്.
നിങ്ങൾക്ക് ലിങ്കിലേക്ക് ഒരു ശീർഷക ആട്രിബ്യൂട്ട് ചേർക്കാൻ കഴിയും, അത് ഒരു ശീർഷക ടാഗും ലിങ്ക് എവിടേക്കാണ് നയിക്കുന്നതെന്ന് തിരയൽ എഞ്ചിനുകളെ അറിയിക്കുകയും ചെയ്യുന്നു. കൂടാതെ, ടൂൾടിപ്പിന്റെ രൂപത്തിൽ ഒരു ലിങ്കിലേക്ക് ഞങ്ങൾ പോയിന്റ് ചെയ്യുമ്പോൾ ഈ ടാഗ് പ്രദർശിപ്പിക്കും (രജിസ്റ്റർ ചെയ്തിട്ടുണ്ടെങ്കിൽ).
സന്ദർശകർ ഹോവർ ചെയ്യുമ്പോൾ ഈ ടൂൾടിപ്പ് കാണുന്നതിനും അവർ എവിടേക്കാണ് പോകുന്നതെന്ന് മനസ്സിലാക്കുന്നതിനും ഒരു ടൈറ്റിൽ ടാഗ് ചേർക്കുന്നത് നല്ലതാണ്. ഓപ്പണിംഗ് ടാഗിനുള്ളിൽ ഇത് ലളിതമായി ചെയ്തു , ചുവടെയുള്ള ഉദാഹരണത്തിലെന്നപോലെ.
വേർഡ്പ്രസ്സ് പോലുള്ള ഒരു എഞ്ചിൻ ഉപയോഗിക്കുമ്പോൾ, html മോഡിൽ എഡിറ്റുകളൊന്നും കൂടാതെ ഒരു സൈറ്റിലേക്ക് ഒരു ലിങ്ക് ചേർക്കുന്നത് വളരെ ലളിതമാണ്. പോസ്റ്റ് എഡിറ്ററിന് കണക്ഷൻ ഐക്കണുള്ള ഒരു പ്രത്യേക ഐക്കൺ ഉണ്ട്.
ചിത്രത്തിൽ ടെക്സ്റ്റും മറ്റൊരു പേജും തമ്മിൽ ഒരു കണക്ഷൻ ചേർക്കുന്നതിനുള്ള മുഴുവൻ പ്രക്രിയയും ഞാൻ കാണിച്ചു.
- ആദ്യം, നിങ്ങൾ ഒരു ലിങ്ക് നിർമ്മിക്കാൻ ആഗ്രഹിക്കുന്ന ശൈലി തിരഞ്ഞെടുക്കുക;
- ആഡ് കണക്ഷൻ ഐക്കണിൽ ക്ലിക്ക് ചെയ്യുക;
- ഞങ്ങൾ ലിങ്ക് പാരാമീറ്ററുകൾ സജ്ജമാക്കി (നിങ്ങൾ ഉപയോക്താവിനെ റീഡയറക്‌ട് ചെയ്യാൻ ആഗ്രഹിക്കുന്ന പേജിന്റെ വിലാസവും ലിങ്കിന്റെ ശീർഷകവും, അതായത് ആങ്കർ, ആവശ്യമെങ്കിൽ).
നിങ്ങൾ ലിങ്ക് ശീർഷകം നൽകേണ്ടതില്ല, കാരണം അത് ആദ്യ ഘട്ടത്തിൽ തിരഞ്ഞെടുത്ത വാചകമായിരിക്കും. ചിത്രത്തിൽ നിലവിലുള്ള സൈറ്റ് പേജുകളിൽ നിന്നുള്ള ലിങ്കുകൾ ചേർക്കുന്നത് ഞാൻ കാണിച്ചു. നിങ്ങൾക്ക് ഇത് ചെയ്യാൻ കഴിയും, തുടർന്ന് ലിസ്റ്റിൽ നിന്നുള്ള എൻട്രികളിൽ ഒന്നിൽ ക്ലിക്ക് ചെയ്യുമ്പോൾ, URL ഉം ശീർഷകവും സ്വയമേവ നൽകപ്പെടും.
ഒരു ബാഹ്യ സൈറ്റിലും URL നൽകാം. ഇത് ആവശ്യമാണെങ്കിൽ, പേജിന്റെ പൂർണ്ണമായ (സമ്പൂർണ) വിലാസം നൽകുക. ഒരു പുതിയ ടാബിൽ ഒരു പേജ് തുറക്കാൻ, ആട്രിബ്യൂട്ട് സ്വമേധയാ നൽകേണ്ടതില്ല. ഒരു ചെക്ക്ബോക്സ് ഉപയോഗിച്ച് എഞ്ചിൻ ഈ ഓപ്ഷൻ നൽകുന്നു (മുകളിലുള്ള ചിത്രം കാണുക).
അൽപ്പം മുകളിൽ ഞാൻ സമ്പൂർണ്ണ വിലാസത്തെക്കുറിച്ച് പറഞ്ഞു. ഇതിനർത്ഥം, നിങ്ങൾ റീഡയറക്‌ട് ചെയ്യേണ്ട പേജിന്റെ മുഴുവൻ വിലാസവും ലിങ്കിനുള്ളിൽ എഴുതിയിട്ടുണ്ടെന്നാണ്, അത് ഞങ്ങളുടെ ഉറവിടമാണോ മറ്റൊന്നാണോ എന്നത് പരിഗണിക്കാതെ തന്നെ.
പൂർണ്ണ വിലാസം നൽകേണ്ട ആവശ്യമില്ലാത്തപ്പോൾ ഒരു ആപേക്ഷിക വിലാസവുമുണ്ട്. ഡൊമെയ്ൻ നാമം വ്യക്തമാക്കാതെ, സൈറ്റിന്റെ ഏതെങ്കിലും ഡയറക്ടറി അല്ലെങ്കിൽ പേജിലേക്ക് പാത്ത് നൽകിയാൽ മതി. അത്തരം ലിങ്കുകൾ ഒരു ഉറവിടത്തിനുള്ളിലെ പേജുകൾക്ക് മാത്രമേ പ്രവർത്തിക്കൂ. നിങ്ങൾക്ക് അത്തരത്തിലുള്ള ഒരു ബാഹ്യ പ്രോജക്റ്റ് പരാമർശിക്കാനാവില്ല.
ആപേക്ഷിക വിലാസങ്ങൾ സൃഷ്ടിക്കുന്ന പ്രക്രിയയിൽ കൂടുതൽ ആഴത്തിൽ ഇറങ്ങാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, ഞാൻ വളരെ ശുപാർശ ചെയ്യുന്നു ഈ ലേഖനം വായിക്കുകമറ്റൊരു ഉറവിടത്തിൽ. എല്ലാം വളരെ കൂളായി അവിടെ നിരത്തിയിട്ടുണ്ട്.
ലിങ്ക് ചിത്രം
ചിത്രങ്ങളുടെ രൂപത്തിലുള്ള ലിങ്കുകളും വ്യാപകമായി ഉപയോഗിക്കപ്പെടുന്നു, എന്നിരുന്നാലും അവ ഉദ്ദേശിച്ച ആവശ്യത്തിന് മാത്രമേ ഉപയോഗിക്കാവൂ. ഞങ്ങളുടെ സൈറ്റിലെ മറ്റ് പേജുകളിലേക്കുള്ള ലളിതമായ ലിങ്കുകളാണെങ്കിൽ, അവ ചിത്രങ്ങൾ ഉപയോഗിച്ച് നിർമ്മിക്കാതിരിക്കുന്നതാണ് നല്ലത്, കാരണം ഏതെങ്കിലും പേജിൽ എത്താൻ നിങ്ങൾ ചിത്രത്തിൽ ക്ലിക്കുചെയ്യണമെന്ന് എല്ലായ്പ്പോഴും വ്യക്തമല്ല.
നിങ്ങൾ ആരെയെങ്കിലും പരസ്യപ്പെടുത്താൻ ആഗ്രഹിക്കുമ്പോൾ ഇത് ചെയ്യുന്നത് ഉചിതമാണ്, ഉദാഹരണത്തിന്, ഒരാളുടെ വീഡിയോ കോഴ്സ്. ഈ സാഹചര്യത്തിൽ, നിങ്ങൾ ഒരു സാധാരണ ഹൈപ്പർലിങ്ക് നൽകുന്നു, തുടർന്ന് ഉടനടി ഒരു ഇമേജ് ലിങ്ക്. ഈ സാഹചര്യത്തിൽ, ചിത്രം വാങ്ങാൻ കഴിയുന്ന കോഴ്സ് വെബ്‌സൈറ്റിലേക്ക് നയിക്കുന്നുവെന്നത് കൂടുതൽ വ്യക്തമാകും.
നമ്മൾ html മോഡ് എടുക്കുകയാണെങ്കിൽ, എല്ലാ ആട്രിബ്യൂട്ടുകളും ഉൾപ്പെടെ, ലിങ്ക് ഘടന നിർമ്മിക്കുന്നതിനുള്ള തത്വം സമാനമാണ്. ചിത്രത്തിന്റെ കോഡ് പോലെ തോന്നിക്കുന്ന ലിങ്ക് ആങ്കർ മാത്രമാണ് വ്യത്യാസം. മുമ്പത്തെ കേസിൽ ലളിതമായ വാചകം ഉണ്ടായിരുന്നു.
പ്രായോഗികമായി ഇത് ഇതുപോലെ കാണപ്പെടും.
നിങ്ങൾക്ക് കാണാനാകുന്നതുപോലെ, ഓപ്പണിംഗ്, ക്ലോസിംഗ് ലിങ്ക് ടാഗുകൾക്കുള്ളിൽ ഒരു ഇമേജ് കോഡ് ഉണ്ട്, അതിന് അതിന്റേതായ സവിശേഷതകളും ഉണ്ട്. നിങ്ങൾ അതിൽ അതേ ശീർഷക ടാഗ് ഉൾപ്പെടുത്തേണ്ടതുണ്ട്, ഹോസ്റ്റിംഗിലോ മറ്റൊരു റിസോഴ്സിലോ ചിത്രത്തിലേക്കുള്ള പാത സൂചിപ്പിക്കുക. ചിത്രത്തിന്റെ അളവുകൾ (വീതി - വീതി, ഉയരം - ഉയരം) വ്യക്തമാക്കുന്നതും മൂല്യവത്താണ്. ചിത്രത്തിന്റെ വിവരണമായി വർത്തിക്കുന്ന ആൾട്ട് ആട്രിബ്യൂട്ട് നിങ്ങൾ തീർച്ചയായും ഉൾപ്പെടുത്തണം. നിങ്ങൾ എല്ലാം എഴുതുകയാണെങ്കിൽ, ഇമേജ് ഒപ്റ്റിമൈസേഷൻ തുല്യമായിരിക്കും.
html മോഡിൽ ഇത് എങ്ങനെ കാണപ്പെടുന്നുവെന്ന് ഇതാ. ലിങ്ക് ഘടന കൂടുതൽ മനസ്സിലാക്കാൻ ഞാൻ കോഡ് 3 ഭാഗങ്ങളായി വിഭജിച്ചു (ക്ലിക്ക് ചെയ്യാവുന്ന ചിത്രം).
ഒരു ആങ്കറായി ഉപയോഗിക്കുന്ന ചിത്രത്തിന്റെ കോഡ് ശരിയായി നൽകുക എന്നതാണ് ഇവിടെയുള്ള ഒരേയൊരു ബുദ്ധിമുട്ട്.
CSS ശൈലികൾ ഉപയോഗിക്കുന്ന ലിങ്ക് ബട്ടൺ
നിങ്ങൾക്ക് വ്യത്യസ്തമായി എന്തെങ്കിലും ചെയ്യാൻ താൽപ്പര്യമുണ്ടെങ്കിൽ, ഈ ഓപ്ഷനും ഒരു സ്ഥലമുണ്ട്. മാത്രമല്ല, ശൈലികൾ മാറ്റാൻ ഇത് നിങ്ങളെ അനുവദിക്കുന്നു, അതുവഴി നിങ്ങൾ ഒരു ബട്ടണിൽ ഹോവർ ചെയ്യുമ്പോൾ, ബട്ടണും അതിനുള്ളിലെ ലിഖിതത്തിന്റെ നിറവും മാറും. നിങ്ങൾ ഒരു ചിത്രമെടുക്കുകയാണെങ്കിൽ, ഇത് എല്ലായ്പ്പോഴും മനസ്സിലാക്കാൻ കഴിയില്ല. ശൈലികൾ ഉപയോഗിച്ച്, എന്തും സാധ്യമാണ്.
മറ്റൊരു നല്ല നേട്ടം, നമുക്ക് ബട്ടൺ കർശനമായി മധ്യഭാഗത്ത് സ്ഥാപിക്കാൻ കഴിയും, അത് ബട്ടണിന്റെ ഏരിയയിൽ മാത്രമേ ക്ലിക്കുചെയ്യാൻ കഴിയൂ. നമ്മൾ ഒരു ചിത്രം എടുക്കുകയാണെങ്കിൽ, അത് മധ്യഭാഗത്ത് സ്ഥാപിക്കുമ്പോൾ, ചിത്രത്തിന് ചുറ്റുമുള്ള ഉള്ളടക്ക ഏരിയയുടെ മുഴുവൻ വീതിയും ക്ലിക്കുചെയ്യാനാകും. ചിലപ്പോൾ അത്തരമൊരു വൈകല്യം ഇമേജിൽ ആകസ്മികമായ ഒരു ക്ലിക്കിൽ കലാശിക്കുകയും, തുറന്നുപറഞ്ഞാൽ, ശല്യപ്പെടുത്തുകയും ചെയ്യുന്നു.
ഉദാഹരണത്തിന്, സൈറ്റിന്റെ പ്രധാന പേജിലേക്ക് നയിക്കുന്ന ഒരു ലളിതമായ ബട്ടൺ ഞാൻ സൃഷ്ടിച്ചു. നിങ്ങൾക്ക് അതിന്റെ പ്രവർത്തനക്ഷമത പരിശോധിക്കാം.
നിങ്ങൾ ബട്ടണിന്റെ സോഴ്സ് കോഡ് നോക്കിയാൽ, എല്ലാം വളരെ ലളിതമാണ്. ഒരു സാധാരണ ഹൈപ്പർലിങ്കിൽ നിന്നുള്ള ഒരേയൊരു വ്യത്യാസം ഒരു ഐഡിയുടെ സാന്നിധ്യം മാത്രമാണ്, അത് ഓപ്പണിംഗ് ടാഗിനുള്ളിൽ ചേർക്കുന്നു അതാകട്ടെ, style.css ഫയലിൽ ഡിസൈൻ ശൈലികൾ അതിൽ എഴുതിയിരിക്കുന്നു.
ബട്ടൺ ഘടന തന്നെ ഇവിടെയുണ്ട്.
ലിങ്ക് ടാഗ് തുറന്ന ഉടൻ തന്നെ ഞങ്ങൾ അത് കാണുന്നു id="ബട്ടൺ" വ്യക്തമാക്കിയിരിക്കുന്നു, അതിന് അതിന്റേതായ ഡിസൈൻ ശൈലികൾ നൽകിയിരിക്കുന്നു. ബാക്കിയുള്ള ഘടന ഹൈപ്പർലിങ്കിന് സമാനമാണ്.
തത്വം വ്യക്തമാണ്, അതിനാൽ ഈ ലിങ്ക് ബട്ടണിലേക്ക് ഞാൻ ചേർത്ത ശൈലികൾ ഞാൻ നൽകുന്നു.
/* സാധാരണ മോഡിൽ ബട്ടൺ ശൈലികൾ */#ബട്ടൺ (പ്രദർശനം: ബ്ലോക്ക്; വീതി: 550px; /* ബട്ടൺ വീതി */ഉയരം: 60px; /* ഉയരം */പശ്ചാത്തലം-നിറം: #ff4343; /* പശ്ചാത്തല നിറം */വാചകം- നിഴൽ: 1px 1px #800909; /* ടെക്സ്റ്റ് ഷാഡോ */നിറം: #fff; /* ടെക്സ്റ്റ് നിറം */ബോർഡർ-സ്റ്റൈൽ: സോളിഡ്; /* ബട്ടൺ ബോർഡർ (ഫ്രെയിം) ലൈൻ തരം */ബോർഡർ-വീതി: 1px; /* കനം ബട്ടണിന്റെ ബോർഡർ ലൈൻ (ഫ്രെയിം) */ബോർഡർ-നിറം: #db3a3a; /* ബട്ടണിന്റെ ബോർഡർ ലൈനിന്റെ (ഫ്രെയിം) നിറം */font-size: 18px; /* ടെക്സ്റ്റ് വലുപ്പം */ലൈൻ-ഉയരം: 60px; /* ലീനിയർ ടെക്സ്റ്റ് ഉയരം * /ഫോണ്ട്-ഭാരം: സാധാരണ; /* ടെക്സ്റ്റ് വെയ്റ്റ് */ഫോണ്ട്-കുടുംബം: ഏരിയൽ; * ടെക്സ്റ്റ് അടിവരയിടൽ */മാർജിൻ : 40px ഓട്ടോ; /* പേജിലെ മറ്റ് ഘടകങ്ങളിൽ നിന്ന് ബട്ടൺ ഇൻഡന്റ് ചെയ്യുക */ടെക്സ്റ്റ്-ട്രാൻസ്ഫോം: വലിയക്ഷരം; /* അങ്ങനെ എല്ലാ അക്ഷരങ്ങളും വലിയക്ഷരമാക്കും. ആവശ്യമില്ലെങ്കിൽ, ലൈൻ നീക്കം ചെയ്യുക */) /* മൗസ് കഴ്‌സർ ഹോവർ ചെയ്യുമ്പോൾ ബട്ടൺ ശൈലികൾ */# ബട്ടൺ: ഹോവർ (പശ്ചാത്തല-നിറം: #f23333; ഫോണ്ട്-വലുപ്പ്: 19px; )
ടെക്‌സ്‌റ്റിന്റെയോ ചിത്രത്തിന്റെയോ ഒരു പ്രത്യേക വിഭാഗത്തിൽ ക്ലിക്കുചെയ്‌ത ശേഷം, അതേ ഡോക്യുമെന്റിനുള്ളിലെ അധിക വിവരങ്ങളുടെ ഉറവിടത്തിലേക്ക് അല്ലെങ്കിൽ ഇൻറർനെറ്റിലെ വിവിധ ബാഹ്യ ഉറവിടങ്ങളിലേക്ക് റീഡയറക്‌ടുചെയ്യാൻ അനുവദിക്കുന്ന വളരെ സൗകര്യപ്രദമായ ഉപകരണമാണ് ഹൈപ്പർലിങ്കുകൾ. കൂടാതെ, ഹൈപ്പർലിങ്കുകൾ ക്ലിക്കുചെയ്യുന്നത് ചില പ്രത്യേക പ്രവർത്തനങ്ങൾ ട്രിഗർ ചെയ്തേക്കാം. ഉദാഹരണത്തിന്, ഡോക്യുമെന്റിൽ ചർച്ച ചെയ്ത പ്രോഗ്രാമുകൾ ഡൗൺലോഡ് ചെയ്യുന്നു.
വേഡിൽ ഒരു ഹൈപ്പർലിങ്ക് എങ്ങനെ നിർമ്മിക്കാംവേഡ് ടെക്സ്റ്റ് എഡിറ്ററിൽ ഹൈപ്പർലിങ്കുകൾ സജ്ജീകരിക്കുന്നത് വളരെ ലളിതമാണ്. നിങ്ങൾ http://adress.ru എന്ന രൂപത്തിൽ ഒരു ഹൈപ്പർലിങ്ക് നിർമ്മിക്കാൻ ആഗ്രഹിക്കുന്ന ഇന്റർനെറ്റ് പേജിന്റെ വിലാസം എഴുതുക, അതിന് ശേഷം ഒരു സ്പേസ് സജ്ജീകരിക്കുക അല്ലെങ്കിൽ എന്റർ കീ അമർത്തുക, ടെക്സ്റ്റ് എഡിറ്റർ ഉടൻ തന്നെ അതിനെ ഒരു സജീവ ഹൈപ്പർലിങ്കാക്കി മാറ്റും. ഇത് ഏറ്റവും ലളിതമായ ഓപ്ഷനാണ്, എന്നാൽ ഏറ്റവും വഴക്കമുള്ളതല്ല.
Word-ലെ ഹൈപ്പർലിങ്കുകൾ ഉപയോഗിച്ച് പ്രവർത്തിക്കുന്നതിനുള്ള എല്ലാ സവിശേഷതകളും പ്രയോജനപ്പെടുത്തുന്നതിനും അവയെ ഒരു പ്രമാണത്തിനുള്ളിലെ ടെക്‌സ്‌റ്റിന്റെ വിഭാഗങ്ങൾ, ഫയലുകൾ, വെബ് പേജുകൾ, പുതിയ പ്രമാണങ്ങൾ, ഇമെയിൽ എന്നിവയിലേക്ക് സജ്ജീകരിക്കാൻ കഴിയുന്നതിനും, ഈ ആവശ്യത്തിനായി പ്രത്യേകം രൂപകൽപ്പന ചെയ്‌തിരിക്കുന്ന ഒരു ടൂളിലേക്ക് നിങ്ങൾ തിരിയേണ്ടതുണ്ട്.
ഇത് ചെയ്യുന്നതിന്, വിഭാഗത്തിലേക്ക് പോകുക തിരുകുകബട്ടണിൽ ക്ലിക്ക് ചെയ്യുക ഹൈപ്പർലിങ്ക്.
ഇത് ഹൈപ്പർലിങ്ക് വിസാർഡ് തുറക്കും, ഇത് നിങ്ങളുടെ ഡോക്യുമെന്റിലെ വാചകം അധിക വിവരങ്ങളുടെ വിവിധ ഉറവിടങ്ങളിലേക്ക് ലിങ്ക് ചെയ്യാൻ സഹായിക്കും.
- ഒരു ഫയൽ അല്ലെങ്കിൽ വെബ് പേജിനൊപ്പം.ലൈനിലെ ഒരു വെബ് പേജിലേക്ക് കണക്റ്റുചെയ്യാൻ വാചകംഹൈപ്പർലിങ്കിന്റെ ദൃശ്യമായ ഭാഗത്ത് (ഉദാഹരണത്തിന്, എങ്ങനെ കൃത്യമായി), ഫീൽഡിൽ ദൃശ്യമാകുന്ന വിവരങ്ങൾ നൽകുക വിലാസംഒരു ഇന്റർനെറ്റ് വിലാസത്തിന്റെ രൂപത്തിൽ ലിങ്കിന്റെ കൃത്യമായ റെക്കോർഡിംഗ് (ഉദാഹരണത്തിന്, http://site). ഒരു ഫയലിലേക്ക് ഒരു ലിങ്ക് സജ്ജീകരിക്കുമ്പോൾ, അത് നിങ്ങളുടെ കമ്പ്യൂട്ടർ ഡ്രൈവിൽ തിരഞ്ഞെടുത്ത് ലിങ്ക് ടെക്സ്റ്റും നൽകുക.
- ഡോക്യുമെന്റിൽ ഒരു സ്ഥാനത്തോടെ. Word-ലെ ഒരു ഹൈപ്പർലിങ്ക് ഒരു ഡോക്യുമെന്റിലെ ഇനിപ്പറയുന്ന സ്ഥലങ്ങളുമായി ബന്ധപ്പെടുത്താം: പ്രമാണത്തിന്റെ ആരംഭം, തലക്കെട്ടുകൾ, അതിനുള്ളിലെ ബുക്ക്മാർക്കുകൾ. ഈ സാഹചര്യത്തിൽ, തലക്കെട്ടുകളും ബുക്ക്മാർക്കുകളും പ്രമാണത്തിൽ ഇതിനകം തന്നെ ഉണ്ടായിരിക്കണം. നിങ്ങൾ ചെയ്യേണ്ടത് പ്രമാണത്തിൽ ഒരു ഹൈപ്പർലിങ്ക് ഇൻസ്റ്റാൾ ചെയ്യുന്നതിനായി ഒരു സ്ഥലം തിരഞ്ഞെടുത്ത് അതിന്റെ വാചകം നൽകുക എന്നതാണ്.
- ഒരു പുതിയ പ്രമാണത്തോടൊപ്പം.സ്റ്റാൻഡേർഡ് ഓഫീസ് ഫയലുകളിലൊന്നായ ഒരു പുതിയ പ്രമാണത്തിലേക്ക് നിങ്ങൾക്ക് ഒരു ഹൈപ്പർലിങ്ക് ലിങ്ക് ചെയ്യാം. ഇത് ചെയ്യുന്നതിന്, നിങ്ങളുടെ കമ്പ്യൂട്ടറിലെ ഫയലിലേക്കുള്ള മുഴുവൻ പാതയും ലിങ്ക് വാചകവും വ്യക്തമാക്കുക.
- ഒരു ഇമെയിൽ വിലാസത്തോടൊപ്പം.ഈ സാഹചര്യത്തിൽ, നിങ്ങൾ അത്തരമൊരു ലിങ്കിൽ ക്ലിക്കുചെയ്യുമ്പോൾ, ഒരു ഇമെയിൽ പ്രോഗ്രാം സമാരംഭിക്കുകയും ഹൈപ്പർലിങ്കിൽ വ്യക്തമാക്കിയ വിലാസത്തിനായി ഒരു പുതിയ കത്ത് സൃഷ്ടിക്കുകയും ചെയ്യും. കത്തിന്റെ വാചകം ടൈപ്പ് ചെയ്ത് അയയ്‌ക്കാൻ ബട്ടൺ അമർത്തുക മാത്രമാണ് അവശേഷിക്കുന്നത്.
