වෙබ් අඩවි ඒවාට පෙර ඉදිරිපත් වූ සන්නිවේදන මාධ්ය මෙන් නොවීය. මුද්රිත, ගුවන්විදුලි සහ රූපවාහිනිය වැනි පෙර මාධ්ය ආකෘති වලින් වෙන් කර ඇති වෙබ් අඩවි වෙන් කර ඇති ප්රධාන දේ වන්නේ " අධිසංඝනය " යන සංකල්පයයි.
හයිපර්ලිප්ක්ස්, සාමාන්යයෙන් "සබැඳි" යනුවෙන් හැඳින්වේ, වෙබ් යනු එතරම් ගතිකය බවට පත්වේ. වෙනත් ලිපියක් හෝ වෙනත් සම්පතක් පරිශීලනය කළ හැකි මුද්රිත ප්රකාශනයක් මෙන් වෙබ් අඩවි වලට වෙනත් සබැඳි සහ සම්පත් සැබවින්ම යැවීමට මෙම සබැඳි භාවිතා කළ හැකිය. වෙනත් විකාශන මාධ්යයකින් මෙය කළ නොහැකිය. ඔබට රූපවාහිනියේ දැන්වීමක් හෝ රූපවාහිනිය මත දැන්වීමක් ඇසිය හැක, නමුත් වෙබ් අඩවි පහසුවෙන් කළ හැකි වෙබ් අඩවි වලට එම දැන්වීම් වලට සමාගම් ගෙන යා හැකි අධිසාරනයන් නොමැත. සබැඳි ඇත්තෙන්ම පුදුම සන්නිවේදනයන් සහ අන්තර් ක්රියාකාරී මෙවලමක්!
බොහෝවිට වෙබ් අඩවියේ ඇති සබැඳි යනු එම වෙබ් අඩවියේ අනෙකුත් පිටු වලට අමුත්තන්ට යොමු කරන පාඨ අන්තර්ගතයන් වේ. වෙබ් අඩවි සංචාලනය යනු ප්රායෝගිකව පෙළ සබැඳි එක් උදාහරණයකි. නමුත් සබැඳි පාඨමය පදනමක් නොවේ. ඔබට ඔබේ වෙබ් අඩවියේ ඡායාරූප පහසුවෙන් සම්බන්ධ කර ගත හැකිය. රූපය මත පදනම් වූ හයිපර්ලෙක්ස් භාවිතා කිරීමට ඔබට අවශ්ය වූ සමහර අවස්ථාවන්ගෙන් පසුව අපි බලමු.
පින්තුරයක් සම්බන්ධ වන්නේ කෙසේද?
ඔබ විසින් කළ යුතු පළමු දේ වනුයේ රූපය ඔබේ HTML ලේඛනයේ තබා ගැනීමයි. පින්තූර-පාදක සබැඳියක් පොදු භාවිතයක් වන්නේ වෙබ් අඩවියේ ගීතය වන අතර එම වෙබ් අඩවියේ මුල් පිටුවට සබැඳිය. පහත දැක්වෙන අපගේ උදාහරණයේ දී, අප භාවිතා කරන ගොනුව අපගේ ලාංඡනය සඳහා SVG වේ. මෙම රූපය විවිධාකාරව විභේදනය සඳහා අපගේ ස්වරූපයට පරිමාණයන්ට ඉඩ ලබා දෙන බැවින් එය හොඳ තේරීමක් වන අතර, ප්රතිරූපීතාවයේ ගුණාත්මක භාවය හා කුඩා සමස්ත ගොනු ප්රමාණයද පවත්වා ගෙන යනු ඇත.
මෙන්න ඔබේ රූපය HTML ලේඛනයේ තැන්පත් කරන ආකාරය මෙන්න:
පින්තූරය ටේප් එකෙහි, ඔබ දැන් ඇන්කර් සබැඳිය එකතු කර ඇති අතර, ප්රතිරූපයට පෙර නැංගුරුම් මූලාවකය සහ රූපය පසු නැංගුරම වසා දැමීම. මෙය ඔබට සබැඳුම කෙබඳු ආකාරයකට සමාන වනු ඇත, ඔබ ඇලුම් ටැග් සමඟ සබැඳියක් වීමට අවශ්ය වචන ආවරණය කරනවා වෙනුවට, ඔබ පින්තූරය ආවරණය කරයි. පහත දැක්වෙන උදාහරණයේ, අපි "index.html" වන අපගේ අඩවියේ ප්රධාන පිටුවට සම්බන්ධ කරයි.
ඔබගේ HTML පිටුවට මෙම HTML එක එකතු කිරීමේදී, නැංගුරම් ටැගය සහ රූප ටැගය අතර කිසිදු ඉඩක් නොසලකන්න. ඔබ එසේ කරන්නේ නම්, සමහර බ්රව්සර්වල රූපය හැරුණු කොට කුඩා කිනිතු ප්රමාණයක් එකතු කරනු ඇත.
Logo ප්රතිරූපය දැන් ප්රධාන පිටුවක් ලෙස බොත්තමක් ලෙසද කටයුතු කරනු ඇත. අපගේ HTML සලකුණු තුළ, රූපයේ පළල සහ උස වැනි කිසිදු දෘෂ්ය විලාසයන් ඇතුළත් නොකරන බව සැලකිල්ලට ගන්න. අපි මෙම දෘශ්ය විලාසයන් CSS වෙත ගෙන ගොස් HTML ආකෘතිය සහ CSS ශෛලීන් පිරිසිදු වෙන්වීමක් පවත්වා ගන්නෙමු.
ඔබ CSS වෙත පිවිසීමෙන් පසු මෙම ලාංඡන ඉලක්ක කර ගැනීම සඳහා ඔබට ලියන ලද රචනවලට ඔබට රූපයේ ප්රමාණය තීරණය කළ හැකිය, බොහෝ උපාංගවල හිතකාමී රූප සඳහා මෙන්ම ඔබට රූප / සබැඳියට එකතු කිරීමට කැමතියි, මායිම් හෝ CSS වැනි සෙවනැලි ඔබේ CSS ශෛලියේදී භාවිතා කිරීමට අතිරේක "hooks" අවශ්ය නම් ඔබට ඔබේ රූපය හෝ පන්ති ගුණාංගයක් සම්බන්ධ කළ හැකිය.
රූප සබැඳි සඳහා අවස්ථා භාවිතා කරන්න
ඉතින් පින්තූර සබැඳියක් එකතු කිරීම ඉතා පහසුයි. අප දැක ඇති පරිදි, ඔබ විසින් කළ යුතු සියල්ල සුදුසු ඇඹරුම් සලකුණු සමඟ රූපය ආවරණය කරයි. ඔබගේ ඊළඟ ප්රශ්නය විය හැක්කේ "ඉහත සඳහන් ලාංඡනය / මුල් පිටුව සබැඳි උදාහරණ අමතරව ඔබ සැබවින්ම මෙම ක්රියාවලියෙහි නියැලෙන විටද?"
මෙන්න සමහර සිතුවිලි:
- එම පින්තූරවල විශාල අනුවාදයන් වෙත සබැඳි ගැලරියක Thumbnail images.
- ඊ-වාණිජ්ය වෙබ් අඩවි සඳහා නිෂ්පාදන ඡායාරූප මෙන්, අන්තර්ගතය නියෝජනය කිරීමට තනිවම භාවිතා කරන රූප.
- අනෙකුත් අන්තර්ගතවල කොටසක් වන ටයිසර් රූප, බ්ලොග් ලිපිනයක් හෝ මාධ්ය නිකුතුවක් වැනි, අන්තර්ගතය දැනුම් දීම සඳහා පුද්ගලයින් පෙලඹවීම, සම්පූර්ණ ලිපිය කියවීම සඳහා ස්පර්ශ කිරීමට හෝ ක්ලික් කිරීමට ඉලක්කය ප්රදේශය ලබා දෙයි.
- වෙබ් අඩවියේ නිශ්චිත කාර්යයන් හෝ පිටු සම්බන්ධව ඇති බොත්තම් ලෙස භාවිතා කරන අයිකන රූප.
- එම වෙබ් අඩවියට හෝ සමාගමට වැදගත් වන විවිධ සමාජ මාධ්ය අඩවිවල හඳුනාගත් ලාංඡන භාවිතා කරන සමාජ මාධ්ය සම්බන්ධතා.
- ඇතැම් ක්රියාකාරිත්වයන් සඳහා බොත්තම් ලෙස භාවිතා කරන රූප, ආකෘති ඉදිරිපත් කිරීම් වැනි හොඳම ප්රායෝගික පරික්ෂණය - වෙබ් කාර්යසාධන දර්ශනයකින්, CSS සමග හුදෙක් බොත්තම් රූපයේ බොත්තම් වලට වඩා හොඳ තේරීමක් වේ.
පින්තූර භාවිතා කරන විට සිහිගැන්වීමක්
වෙබ් අඩවිවල සාර්ථකත්වය සඳහා රූප වලට වැදගත් කාර්යභාරයක් ඉටු කළ හැකිය. ඉහත සඳහන් කළ උදාහරණ ඉහත සඳහන් අන්තර්ගතයන් කෙරෙහි අවධානය යොමු කිරීම හා මිනිසුන්ට එය කියවීම සඳහා වෙනත් අන්තර්ගත සමඟ රූප භාවිතා කරයි.
පින්තූර භාවිතා කරන විට, ඔබේ අවශ්යතා සඳහා නිවැරදි රූපය තෝරාගැනීම සිහියේ තබා ගත යුතුය, මෙය නිවැරදි අනුරූප විෂය කරුණු, හැඩතලය, සහ ඔබේ වෙබ් අඩවියේ භාවිතා කරන ඕනෑම රූපයක් නිසියාකාරව ප්රශංසනීය වේ . මෙම පින්තූර එකතු කිරීම සඳහා වැඩ ගොඩක් ලෙස පෙනෙන්නට පුළුවන. පින්තූර සැබැවින්ම වෙබ් අඩවියේ සාර්ථකත්වය සඳහා බොහෝ දේ එකතු කළ හැකිය.
ඔබගේ වෙබ් අඩවියේ සුදුසු අනුරූ භාවිතා කිරීමට පසුබට නොවන්න. ඔබේ අන්තර්ගතයට අන්තර්ක්රියාකාරීව එකතු කිරීම සඳහා අවශ්ය වන විට ඒවා සම්බන්ධ කරන්න. නමුත් මෙම ඡායාරූපයේ හොඳ භාවිතයන් සහ මෙම ග්රැෆික් / සබැඳි නිවැරදිව හා ඔබේ වෙබ් නිර්මාණකරණ කටයුතු වලදී නිසියාකාරව හා වගකීමෙන් යුතුව භාවිතා කරන්න.