පින්තූරයක්-in-චිත්රයක් යොමු බවට පත් කර ගන්නේ කෙසේද? පින්තූරයක් කිරීමට සබැඳියක් ඇතුළු කිරීම

බැනර් සහ නිර්මාණය අඩවිය සිතියම්, ආධුනිකයෙක් වෙබ් අඩවියේ අයිතිකරුවන්ගෙන් දීප්තිමත්ව හා තවත් රසවත් මෙනුව සමග, පින්තූරයක් කිරීමට සබැඳියක් ඇතුළු කිරීම, එවැනි ගැටලුවකට මුහුණ වේ. නමුත් එය ක්රියාත්මක වන ආකාරය? ඔබ HTML භාෂාව දන්නේ නම් පහසු දෙයක් නෑ.

අප එම අදහස යථාර්ථයක් කරන්න පුළුවන් කොහොමද කියලා අපි බලමු. මෙම ලිපිය දී, ප්රශ්නය විසඳීම සඳහා අපි ඔබට විකල්ප දෙකක් ලබා දෙනු ඇත. එක් කලාතුරකින් නිසා දෙවන හොඳින් දන්නා ලෙස සැලකේ අතර එය, කාලය හා ශ්රමය ගොඩක් ගනී බව කිරීම සඳහා යොදා ගනී. අපි ඔබ සමඟ, විශ්ලේෂණය කරනු ලැබේ.

රූප සබැඳිය භාවිතා කරන

අපි පින්තූරයක්-in-චිත්රයක් යොමු බවට පත් කර ගන්නේ කෙසේද ගැන කතා කරන්න කලින්, අපි කොහෙද? ඔවුන් භාවිතා තේරුම් යුතු ය. කෙසේ වෙතත්, එය අප ප්රතිරූපය අවශ්ය දේ තේරුම් ගැනීමට පහසු වනු ඇත.

රූප සබැඳි පොදුවේ බැනර් ලෙස භාවිතා වේ, දැන්වීම් චිත්ර ප්රචාරණය කරනවාට. මෙම උදාහරණ පින්තූර එකම "VKontakte" වේ වේ. මතක තබා ගන්න ඔබ යම් ලිපිනය ඉදි දී ඇති ඡායාරූප මත ක්ලික් කරන්න කොපමණ වතාවක් තියෙනවා? මීට අමතරව, බොහෝ විට ඔවුන් මෙනුව කණ්ඩායම් සහ ප්රජාවන් ස්වරූපයෙන්, ඔවුන් විශේෂ සටහන් අඩංගු, විශේෂයෙන්ම නම් භාවිතා වේ. අනෙකුත් වෙබ් අඩවි සොයා එවැනි බොහෝ රූප.

සැලකිල්ලට සබැඳිය අලවන්න

සරලම දෙයක් - පින්තූරයක්-ලින්ක් එක. බව අපි ආරම්භ කිරීමට කතා, එය ගැන. මේ උපමාව සඳහා සූදානම් යොමු වේ. එනම් මෙම අයිකනය මත ක්ලික්, ඔබ නව පිටුවක් වෙත යොමු කෙරෙනු ඇත.

ඔබ එය HTML-සලකුණු ද සහාය ඇතිව පොදු ලින්ක් මගින් අර්ථ දක්වා ඇති ආකාරය දැන නම්, ඔබට තිබෙන ගැටළු පැන නැගිය යුතුය. එකම වෙනස වෙනුවට පෙළ සබැඳි රූපය සපයා ඇති බව ය.

ඒ නිසා, ඔහුගේ සැලැස්ම ක්රියාත්මක කිරීමට, ඔබ චිත්රයක් ම, අන්තර්ජාල උඩුගත හෝ ඔබේ පරිගණකයේ ගබඩා කර අවශ්ය (ඔබ විසින් වෙබ් අඩවියේ ඇත්තටම, සබැඳි ආකාරයට වැඩ කරන්නේ ද යන්න මත පදනම්ව, හෝ සංස්කාරකවරුන් zadeystvuete).

අපි අමතක කරන්න එපා, එය ලියන්න, රූපයක් ලිපිනය සොයමින් සිටිති. එසේම මෙම පින්තූරය විවෘත කළ යුතු බව මෙම සබැඳිය හදන්න.

- විශේෂ කේතය චිත්රයක් : ඊළඟට, පහත සඳහන් ලියන්න . රූප-සබැඳිය එහි උපකාරයෙන් අර්ථ දක්වා ඇත.

මේ අනුව, අපි උදාහරණයක් ස්වරූපයෙන් ප්රදර්ශනය කරන බව සබැඳියක් නියම. ලස්සන පහසු. නමුත් මෙම ප්රවේශය ඔබ ලින්ක් එකක් දිය යුතු බව මා විශ්වාස කරනවා නම් පමණි. නමුත් ස්වල්පයක් ඇති විය යුතු නම්, කුමක් ද? ඉන් පසුව අපි වෙනත් විකල්ප එකට යනවා.

පින්තූර මෙනු කරන්න

පළමු ක්රමය සලකුණු භාෂාව, වෙබ් පිටු අධ්යයනය ස්වාධීනව දියුණු කරන ලදී. එවැනි මෙනුව නිර්මාණය පැය කිහිපයක් ගත විය හැක.

එය බෙහෙවින් කාලයක් වැය වන කටයුත්තක් වන අතර, එහි මෙනුව කාඩ් හෝ දෙවැනි ක්රමය, නිර්මාණය වඩා ටිකක් වැඩි කාලයක් ගත ලෙස මෙම ක්රමය, විවිධ සංස්කාරකවරුන් කණසල්ල කැමති අය සඳහා සුදුසු වේ. එය තීරු හෝ කොටු කිහිපයක් කපා ඇත, නැවත ඡායාරූපයේ ගන්නා බවත් කරුන තුල යි. ඉහත විස්තර කර ඇති ආකාරයට එක් එක් රූප, අත්සන් හා සබැඳියක් සඳහා පදනම වේ. ඊළඟට, එම කේතය පිටුව ටැග නිවැරදි පිළිවෙලට ලියා ඇත. ඒ වාගේ විසඳා පින්තූරයක්-in-චිත්රයක් යොමු බවට පත් කර ගන්නේ කෙසේද සියලු ප්රශ්න, වේ. නමුත් දෙවන විකල්පය ගැන අමතක කරන්න එපා.

ඔහු එහි ලින්ක් පැහැදිලි එක් එක් කලාපයක් ඉල්ලා, එක් පින්තූරය සමග මෙනු බවට පත් කිරීම. කරදර වෙන්න එපා, මේ මේ අතිශයින් සංකීර්ණ දෙයක් නැත. දැන්, පළමු පළමු දේවල්.

බවට පත් කර ගන්නේ කෙසේද

අපට තව ටිකක් පළමු මාර්ගය පරීක්ෂා කර බලමු.

ආරම්භ කිරීම සඳහා, ඔබ ග්රැෆික් සංස්කාරකවරුන් පිළිබඳ දැනුම, හා HTML අවශ්ය වනු ඇත. සැඳහුම චිත්රයක් බවට පත් කර ගන්නේ කෙසේද, එය සලකුණු පිටු මේ ආකාරයේ කියයි.

ඒ නිසා, ඔබ මේ ආකාරයට යන්න තීරණය කරනවා නම්, ඔබ රූපයක් සහ ඔබ පින්තූර කපා ඔවුන්ගේ ලේබල් දමා, මෙන්ම ඔබ ඔවුන් පිරවීම සඳහා හැකි වනු ඇත ස්ථානයක් ඉඩ සරල චිත්රක කර්තෘ අවශ්ය වනු ඇත.

මෙම ඔබගේම වෙබ් අඩවිය නම් - සුදුසු සාම්ප්රදායික ගැලරිය හෝ පුස්තකාල ගොනු, "VKontakte" සඳහා එය පිරිසක් ඇල්බමය හෝ ප්රජාව (ඊට වඩා නොමිලේ) විය හැක.

තවද, කෑලි කපා කළ යුතු රූපය, මේ අනුව, එය අවශ්ය කොටස් ලැබුණු වන අනුපිළිවෙල අනුව මතක තබා ඇත. ඔවුන් මත ඇති ශිලා මුද්රා තබා හා සේවාදායකයේ පිරවීම, එක් එක් උදාහරණයක් පිළිබඳව යොමු ලියන්න.

ඉහත කේතය ගන්න, සහ අපේක්ෂිත දත්ත ආදේශ කිරීම. එවිට ඔවුන් යා යුතු නම්, මෙම අඩවියේ ඇති ප්රතිරූපය පුරවන්න. එම අවස්ථාවේ දී, ඔබ තීරු කපා නම්, ඔබ නව රේඛාවක් එක් එක් සබැඳියක් අසාගත යුතුයි, නමුත් එය කොටු හැරී ලෙස ඔබ ඡායාරූප කොටු බවට හවුල් වී නම්, ඔබ බොහෝ සබැඳි ලෙස පිට පිට කළ යුතුයි.

අපි වෙබ් අඩවි සිතියම කරන්න

ඒ නිසා, ඔබ විසින් පළමු අනුවාදය කැමති නැහැ, ඔබ වෙනත් කිසිම ආකාරයකින් පින්තූරයක්-in-චිත්රයක් යොමු කිරීමට ආකාරය ඉගෙන ගැනීමට අවශ්ය නම්, අප ඔබට සිතියමක් යොමු සංවර්ධනය කිරීමට ලබා දිය හැකි. එය පහසු, මෙහි එකම ප්රශ්නය කර්තව්යය පරාමිතීන් හා සමග ඇතිවිය හැකි විය. ඇයි තවත් තේරුම් ඇත.

පළමුව, අපට "දෙවන කොටස තුළ ටැගය එකතු කිරීමට වග බලා ගන්න, ඒ නිසා ටැගය img තුළ නියම කර ඇති # map1,, වෙබ් අඩවිය පිළිබඳ චිත්රයක් පිරවීම. - Usemap =" එම ප්රතිචාර යාවත්කාලීන විධානය usemap = භාවිතා ස්වරූපයට සම්බන්ධ වන බව අප මතක තබාගත යුතුයි # සිතියම නම ".

තවදුරටත් සබැඳි අනුයුක්ත කරන කලාප බවට සලකුණු රූප යුගල ටැග් <සිතියම> සිදුකරනු ලබන්නේ, යුගල වශයෙන් පවතින ටැග් අතර යම් පහසු ස්ථානයක තබා ගත හැකි නම් .

සිතියම මෙම වර්ගයේ භාවිතා කරන විට සබැඳි, පමණක් නොව, ඔවුන්ගේ ක්රියාකාරකම් හා ඛණ්ඩාංක ප්රදේශයේ පමණක් නොව ඇසූ කළ යුතු බව සලකන්න. ඊළඟට, අපි ටැගය ඇති බව මූලික පරාමිතීන් පරීක්ෂා කරනු ඇත.

කෙටිමං සැකසුම්

ඒ නිසා, ඔබේ ඇස් පෙර, සූදානම් කරන සඳහනක් චිත්රයක්. පරිශීලනය සඳහා එය කිසියම් ප්රදේශයක වෙන් කිරීමට - HTML ඔබ සැලකිය යුතු රූපය ක්රියාකාරිත්වය වැඩි දියුණු කිරීම සඳහා ඉඩ ලබාදේ. මේ සියල්ල දැන් සාකච්ඡා කරනු ලබන විශේෂිත පරාමිති, විසින් ලබා දී ඇත.

ගේ යුගල වශයෙන් පවතින ටැගය <සිතියම> මූලික පරාමිතීන් ගැන ටිකක් කතා කරමු. වටිනාකම usemap සමාන වන මූලික වශයෙන් මෙම නම. ඒ නිසා ඔබ මෙම කාඩ් පත පින්තූරයට ලියා ඇති කීරීමට.

තවදුරටත් ටැගය යුගල <සිතියම> ඇතුළත තවත් ටැගය නියම කරයි - සඳහනක් එම ප්රදේශයේ විස්තර කරන, <ප්රදේශයේ>. ඔහු මිනිහා නෑ සහ, ඇත්ත වශයෙන්, එය එහි ම පරාමිතීන්.

පළමු - හැඩය. එය ගැසෙන්න උපකාරයෙන් ක්ෂේත්රයේ කාරුණික සකසයි. මෙය කළ හැකි:

• රවුම - රවුම,
• සෘජුකෝණාස්රය - rect;
• බහුඅස්ර - පොලි;
• ප්රදේශයේ විවේක පින්තූර - පෙරනිමි.

ඊළඟ - coords. මෙම පික්සල් ප්රදේශයේ ඛණ්ඩාංක උපකාරයෙන්. ඉහළ වම් කෙළවරේ - මෙම ඛණ්ඩාංක පද්ධතිය තුළ සම්භවය. ඉන් පසුව එය වූ අතර, ප්රධානතම ගැටලුව වන්නේ - පරිගණක රූප සමග කිසිදු ඥානයක් නැත විශේෂයෙන් නම්, පික්සල විසින් ඛණ්ඩාංක නිර්වචනය එතරම් පහසු නැත.

ඒ වගේම අපි සඳහන් සබැඳිය ලිපිනය කාණ්ඩ ඉතා ප්රසිද්ධ තියෙන .