ഒരു ചിത്രം-ഇൻ-ചിത്രം പരാമർശം നടത്തുക എങ്ങനെ? എങ്ങനെ ഒരു ചിത്രം ഒരു ലിങ്ക് ചേർക്കുന്നതിന്

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

ഞങ്ങളെ ഈ ആശയം ഒരു റിയാലിറ്റി എങ്ങനെ നോക്കാം. ഈ ലേഖനത്തിൽ, ഞങ്ങൾ പ്രശ്നം പരിഹരിക്കാൻ രണ്ട് രീതിയിൽ അർപ്പിക്കും. ഒരു, കാരണം രണ്ടാം നന്നായി അറിയപ്പെടുന്ന കരുതപ്പെടുന്നു ഇത്, സമയവും ഊർജവും ഒരു ഗൈഡ്ലൈൻ വസ്തുത ഉപയോഗിച്ച്. ഞങ്ങൾ നിങ്ങളുടെ കൂടെയുണ്ട് വിശകലനം.

എവിടെ ചിത്രം-ലിങ്ക് ഉപയോഗിക്കുന്നു

ഞങ്ങൾ ഒരു ചിത്രം-ഇൻ-ചിത്രം പരാമർശം നടത്തുക എങ്ങനെ സംസാരിക്കുന്നതിന്, എവിടെ എന്തുകൊണ്ട് ഉപയോഗിക്കുന്നു ഞങ്ങൾ ഗ്രഹിക്കും. എല്ലാത്തിനുമുപരി, ഞങ്ങൾ ഇമേജിൽ നിന്നും എന്ത് മനസ്സിലാക്കാൻ എളുപ്പം ആയിരിക്കും.

ചിത്രങ്ങൾ കണ്ണികൾ സാധാരണയായി ബാനറുകൾ ഉപയോഗിക്കുന്നുണ്ട്, പരസ്യങ്ങൾ ഡ്രോയിംഗുകൾ വിൽക്കാൻ. ഈ ഉദാഹരണങ്ങൾ ചിത്രങ്ങൾ ഒരേ "വ്കൊംതക്തെ" ഉണ്ട് ഉണ്ട്. ഒരു പ്രത്യേക വിലാസം നിർമ്മിച്ച ചെയ്തു ഏത് ഫോട്ടോ ക്ലിക്ക് ഞങ്ങൾ എത്ര തവണ? കൂടാതെ, പലപ്പോഴും അവർ മെനു ഗ്രൂപ്പുകളും കമ്മ്യൂണിറ്റികൾ രൂപത്തിൽ അവർ പ്രത്യേക എൻട്രികൾ അടങ്ങിയിട്ടുണ്ട് പ്രത്യേകിച്ചും ഉപയോഗിക്കുന്നു. മറ്റ് സൈറ്റുകളിൽ കണ്ടെത്തി പല അത്തരം ചിത്രങ്ങൾ.

ചിത്രത്തിലേക്ക് ലിങ്ക് ഒട്ടിക്കുക

ലളിതമായ കാര്യം - ഒരു ചിത്രം-ലിങ്ക്. അത് ഞങ്ങൾ ആരംഭിക്കാൻ സംസാരിക്കാൻ ഇതിനെക്കുറിച്ച്. ഈ ദൃഷ്ടാന്തം ഒരു തയ്യാറാണ് റഫറൻസ് ആണ്. അതായത് ഈ ഐക്കണിൽ ക്ലിക്ക്, നിങ്ങൾ പുതിയ പേജിലേക്ക് വഴിതിരിച്ചുവിടും.

അത് എച്ച്.റ്റി.എം.എൽ മാർക്ക്അപ്പ് സഹായത്തോടെ ഒരു സാധാരണ ലിങ്ക് നിർവചിച്ചുണ്ട് എങ്ങനെ അറിയുന്നു എങ്കിൽ, പ്രശ്നങ്ങൾ നിങ്ങളെ റഫർ. ഒരു വ്യത്യാസം മാത്രം പകരം ടെക്സ്റ്റ് ലിങ്കുകളുടെ സൂചിത എന്നതാണ്.

അതിനാൽ, തന്റെ പദ്ധതി നടപ്പാക്കാൻ, ചിത്രത്തിൽ തന്നെ, ഇന്റർനെറ്റിലേക്ക് അപ്ലോഡ് അല്ലെങ്കിൽ നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ സംഭരിച്ചിരിക്കുന്ന (നിങ്ങൾ സൈറ്റിൽ യഥാർത്ഥത്തിൽ, ഓൺലൈൻ മോഡിൽ പ്രവർത്തിക്കുന്നു എന്ന് അനുസരിച്ച്, അല്ലെങ്കിൽ എഡിറ്റർമാർ ജദെയ്സ്ത്വുഎതെ) ആവശ്യമുണ്ട്.

നാം മറക്കരുത് എന്ന് ഒരു ചിത്രം വിലാസം തിരയുന്ന അത് രേഖപ്പെടുത്തി. ഈ ചിത്രം തുറക്കും ആ ലിങ്ക് പരിഹരിക്കാൻ.

- ഒരു പ്രത്യേക കോഡ് ചിത്രം : അടുത്തത്, താഴെ എഴുതുക . ചിത്രം-ലിങ്ക് അതിന്റെ സഹായത്തോടെ നിർവചിച്ചിരിക്കുന്നത്.

അങ്ങനെ, ഞങ്ങൾ ദൃഷ്ടാന്തം രൂപത്തിൽ പ്രദർശിപ്പിച്ചിരിക്കുന്ന ഒരു ലിങ്ക് സംഹിത. സുഗമമായി. എന്നാൽ ഈ സമീപനം മാത്രമേ ഒരു ലിങ്ക് ഉണ്ടാകും എന്ന് മാത്രം. എന്ത് സംഭവിക്കും ഏതാനും വേണം? അപ്പോൾ നാം മറ്റ് ഓപ്ഷനുകൾ നീങ്ങുക.

ചിത്രങ്ങൾ ഒരു മെനു ഉണ്ടാക്കുക

ആദ്യ രീതി വെബ് പേജുകൾ മാർക്ക്അപ്പ് പഠിക്കാൻ സ്വതന്ത്രമായി വികസിപ്പിച്ചെടുത്തു. അത്തരം ഒരു മെനു സൃഷ്ടി മണിക്കൂർ ദമ്പതികൾ എടുത്തേക്കാം.

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

അവൻ ഓരോ മേഖല അതിന്റെ ലിങ്ക് ദൃഷ്ടാന്തത്തിന് ആവശ്യപ്പെട്ടുള്ള ഒരു ചിത്രം ഒരു മെനു വരുത്തി. വിഷമിക്കേണ്ട, ഈ ഈ വളരെ സങ്കീർണ്ണമായ ഒന്നും. ഇപ്പോൾ, ആദ്യ കാര്യങ്ങൾ.

എങ്ങനെ

ഞങ്ങളോട് കുറച്ചുകൂടി ആദ്യ വഴി പരിശോധിക്കാം.

തുടക്കത്തിൽ, ഗ്രാഫിക് എഡിറ്റർമാർ അറിവ്,, HTML ആവശ്യമാണ്. ഒരു റഫറൻസ് ചിത്രം എങ്ങനെ, അത് മാർക്ക്അപ്പ് പേജുകളുടെ ഇത്തരത്തിലുള്ള പറയുന്നു.

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

ഇത് നിങ്ങളുടെ സ്വന്തം വെബ്സൈറ്റ് എങ്കിൽ - അനുയോജ്യമായ പരമ്പരാഗത ഗാലറിയിൽ നിന്നോ ലൈബ്രറി ഫയലുകൾ, "വ്കൊംതക്തെ" അത് (കഴിയുന്നതും സ്വതന്ത്ര) ഒരു ഗ്രൂപ്പ് ആൽബം അല്ലെങ്കിൽ കമ്മ്യൂണിറ്റി ആകാം.

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

മുകളിലുള്ള കോഡ് എടുത്തു ആവശ്യമായ ഡാറ്റ പകരം. അവർ നടക്കേണ്ടുന്ന വേണ്ടി സൈറ്റിൽ ചിത്രം പൂരിപ്പിക്കുക. അതേ സമയം, നിങ്ങൾ സ്ട്രിപ്പുകൾ മുറിക്കേണം എങ്കിൽ, നിങ്ങള്ക്ക് ഒരു പുതിയ വരിയിൽ ഓരോ ലിങ്ക് ചോദിക്കാൻ, എന്നാൽ അത് സ്ക്വയറുകളിലൊന്നും മാറി ചതുരങ്ങളുടെയും ഫോട്ടോകൾ പങ്കിട്ടു വന്നുവെങ്കിൽ, നിങ്ങൾ നിരവധി ലിങ്കുകൾ ഒരു വരിയിൽ വേണ്ടത്.

നാം ഒരു സൈറ്റ് മാപ്പ് ചെയ്യാൻ

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

ആദ്യം, ഞങ്ങൾ ", അതുകൊണ്ടു ടാഗ് .ആരംഭിക്കുക ൽ നിശ്ചയിച്ചതിനു # മപ്൧,, സൈറ്റിൽ ചിത്രം നിറയ്ക്കുന്നത് രണ്ടാം ഭാഗത്ത് ടാഗ് മാറ്റം ഉറപ്പാക്കുക. - ഉസെമപ് =" സൈറ്റ്മാപ്പ് കമാൻഡ് ഉസെമപ് = ഉപയോഗിച്ച് ഇമേജ് ഘടിപ്പിച്ച എന്ന് ഓർക്കണം # മാപ്പ് പേര് ".

കൂടുതൽ ലിങ്കുകൾ അറ്റാച്ച് ഏത് മേഖലകൾ, കയറി മാർക്കപ്പ് ചിത്രങ്ങൾ ജോടിയാക്കിയ ടാഗ് <മാപ്പ്> ഉപയോഗിച്ച് നടക്കുന്ന, ജോടിയാക്കിയ ടാഗുകൾ തമ്മിൽ എന്തെങ്കിലും സൗകര്യപ്രദമായ സ്ഥാനം കഴിയുന്ന <ശരീരം> .

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

കുറുക്കുവഴി ക്രമീകരണങ്ങൾ

അതിനാൽ, നിങ്ങൾ കാൺകെ, റെഡിമെയ്ഡ് റഫറൻസ് ചിത്രം. റഫറൻസിനായി ഒരു പ്രദേശം അനുവദിക്കാൻ - HTML ൽ ഗണ്യമായി ചിത്രത്തിന്റെ പ്രവർത്തനം മെച്ചപ്പെടുത്താൻ അനുവദിക്കുന്നു. ഈ എല്ലാ ഇപ്പോൾ ചർച്ച ചെയ്യുന്ന പ്രത്യേക പാരാമീറ്ററുകൾ നൽകിയ ആണ്.

ന്റെ ജോടിയാക്കിയ ടാഗ് <ഭൂപടം> അടിസ്ഥാന പരാമീറ്ററുകൾ കുറിച്ച് അല്പം സംസാരിക്കാം. മുഖ്യമായും ഈ പേര്, മൂല്യം ഉസെമപ് തുല്യമായ ആണ്. അതിനാൽ നിങ്ങൾ കാർഡ് ചിത്രം എഴുതിയിരിക്കുന്നതു നിയോഗിക്കുക.

കൂടുതൽ ടാഗ് ജോഡി <ഭൂപടം> ഉള്ളിൽ മറ്റൊരു ടാഗ് മാർഗ - റഫറൻസ് പ്രദേശത്തെ വിവരിക്കുന്ന <പ്രദേശം>,. അവൻ, ആൾ അല്ല തീർച്ചയായും അത് സ്വന്തം പരാമീറ്ററുകൾ.

ആദ്യ - രൂപം. ഒരു വെബ്മാസ്റ്റർ സഹായത്തോടെ വയലിലെ ഒരു തരം സജ്ജമാക്കുന്നു. ഈ കഴിയും:

• സർക്കിൾ - സർക്കിൾ;
• ദീർഘചതുരം - RECT;
• പോളിഗോൺ - പോളി;
• വിശ്രമ പ്രദേശം ചിത്രങ്ങൾ - സ്ഥിരമായി.

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

ഞങ്ങൾ ലിങ്ക് വിലാസം സജ്ജമാക്കുന്ന പ്രശസ്തനായി പ്രജോദനത്തെ സൂചിപ്പിക്കാൻ.

എന്നാൽ കഴിഞ്ഞ ഓപ്ഷൻ, പരാമർശിക്കപ്പെട്ടിട്ടുള്ളതായി ആണ്, - നൊഹ്രെഫ്. ഈ മേഖലയിൽ ഒരു റഫറൻസ് അല്ല കാണിക്കുന്നു.

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

നുറുങ്ങുകൾ

വേണ്ടി എവിടേക്ക് വഴി കണ്ണികൾ, ചിത്രങ്ങൾ സൃഷ്ടി നിങ്ങൾ തിരഞ്ഞെടുക്കുന്ന, പ്രധാനപ്പെട്ട കാര്യം യഥാർത്ഥ ചിത്രം നല്ലതു എന്നതാണ്. നിറങ്ങളില് അല്ലെങ്കിൽ പാറ്റേണുകൾ വെറിപിടിപ്പിക്കുക ചെയ്യരുത്, ആകർഷിക്കുന്ന എന്ന് ആ ഡിസൈനുകൾ തിരഞ്ഞെടുക്കാൻ ശ്രമിക്കുക. ഈ ഒരു സൈറ്റ് മാപ്പ് പ്രധാനമാണ്. നിങ്ങൾക്ക് കഴിയും ഒരു കൊളാഷ് ഉണ്ടാക്കുക , നിരവധി ഫോട്ടോകൾ അവരെ ഇരുണ്ട്, അല്ലെങ്കിൽ ഒരു ഗ്രാഫിക്സ് പരിപാടിയിൽ ഫിൽട്ടറുകളിൽ ഓൺ.

നിങ്ങൾ ഒരു സൈറ്റ്മാപ്പ് സൃഷ്ടിക്കുമ്പോൾ കണ്ണ് പാറ്റേണുകൾ വരെ, മൃദുവായ നോൺ-അസ്വസ്ഥമാക്കുന്ന ഒരു ചിത്രം തിരഞ്ഞെടുക്കാൻ ശുപാർശ. ശോഭയുള്ള ചിത്രം -ലിന്ക് - എന്നെ വിശ്വസിക്കൂ, എപ്പോഴും വിജയം താക്കോൽ. "വ്കൊംതക്തെ", എന്നാൽ, പലപ്പോഴും വെറും തെളിച്ചവും ശൊവിനെഷ് ന്, പുതിയ സന്ദർശകരെ ആകർഷിക്കാൻ വേണ്ടി ഫോക്കസ്.

കണ്ടെത്തലുകൾ

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