Website များသူတို့ရှေ့မှာလာသည်ဟုမဆိုဆက်သွယ်ရေးအလတ်စားနဲ့မတူပဲဖြစ်ကြသည်။ ပုံနှိပ်, ရေဒီယိုနှင့်ပင်တယ်လီဗေးရှင်းနဲ့တူယခင်မီဒီယာကို formats နှင့်ကင်းဝက်ဘ်ဆိုက်များသတ်မှတ်ထားသောအဓိကအရာတစျခုမှာ "၏အယူအဆတစ်ခုဖြစ်သည် ဟိုက်ပါလင့်ခ် " ။
ထို့အပြင်သာမန်ပဲ "လင့်များ" အဖြစ်လူသိများ hyperlinks, က်ဘ်ဒါပြောင်းလဲနေသောစေဘာတွေလုပ်နေလဲ။ အခြားဆောင်းပါးများသို့မဟုတ်အခြားသယံဇာတကိုးကားနိုငျသောပုံနှိပ်ထုတ်ဝေမတူဘဲ, ဝက်ဘ်ဆိုက်များအမှန်တကယ်ရှိသူများအခြားစာမျက်နှာများတွင်နှင့်အရင်းအမြစ်များမှဧည့်သည်များပေးပို့ဤလင့်ခ်ကိုသုံးနိုင်သည်။ အဘယ်သူမျှမကအခြားအသံလွှင့်လတ်ကဒီလုပ်နိုင်ပါတယ်။ သငျသညျ TV ပေါ်မှာရေဒီယိုသို့မဟုတ်အမြင်တခုတခုအပေါ်မှာကြော်ငြာကိုနားထောငျနိုငျသညျ, ဒါပေမဲ့အဲဒီကြော်ငြာတွေအတွက်ကုမ္ပဏီတွေကိုက်ဘ်ဆိုဒ်ကိုအလွယ်တကူလုပျနိုငျသောနညျးလမျးသငျသညျယူနိုင်သည်ကိုအဘယ်သူမျှမ hyperlink များရှိပါသည်။ links ကယ့်ကိုအံ့သြဖွယ်ဆက်သွယ်ရေးနှင့်အပြန်အလှန် tool ကိုများမှာ!
မကြာခဏဆိုသလိုတစ်က်ဘ်ဆိုက်ပေါ်တွင်တွေ့သမျှသောလင့်ခ်တစ်ခုကိုအတူတူ site ၏အခြားစာမျက်နှာများတွင်မှဧည့်သည်များညွှန်ကြားစာသားအကြောင်းအရာဖြစ်ကြသည်။ တစ်ဦးကဝဘ်ဆိုဒ်ရဲ့အညွှန်းအလေ့အကျင့်အတွက်စာသားကိုလင့်များ၏ဥပမာတစ်ခုဖြစ်ပါသည်ဒါပေမယ့်လင့်များစာသားကို-based ဖြစ်ရန်မလိုအပ်ပါဘူး။ သင်တို့သည်လည်းအလွယ်တကူသင့်ရဲ့ website မှာပုံရိပ်တွေလင့်ထားသည်နိုင်ပါတယ်။ သငျသညျပုံရိပ်ကို-based hyperlink များအသုံးပြုချင်မယ်လို့ရှိရာအချို့သောဖြစ်ရပ်အားဖြင့်နောက်တော်သို့လိုက်ရဲ့ဤအမှုကိုပြုသောမည်သို့ကိုကြည့်ကြပါစို့။
တစ်ခု Image ကိုချိတ်ရန်လုပ်နည်း
သင်ပြုဖို့လိုအပ်ပါလိမ့်မယ်ပထမဦးဆုံးအရာသည်သင်၏အတွက် image ကိုသူ့ဟာသူနေရာဖြစ်ပါသည် HTML ကို စာရွက်စာတမ်း။ ပုံတစ်ပုံကို-based link ကိုတစ်ဘုံအသုံးပြုမှုထို့နောက် site ရဲ့ပင်မစာမျက်နှာပြန်နှင့်ဆက်စပ်သော site ရဲ့လိုဂိုဂရပ်ဖစ်ဖြစ်ပါတယ်။ အောက်တွင်ဖော်ပြထားသောကျွန်ုပ်တို့၏ဥပမာကုဒ်မှာတော့ ကျနော်တို့အသုံးပြုနေသည်ဖိုင်ကိုတစ်ခု SVG ဖြစ်ပါတယ် ကျွန်တော်တို့ရဲ့လိုဂိုသည်။ ဒါဟာအပေါငျးတို့သနေစဉ်ပုံရိပ်ကိုအရည်အသွေးနှင့်သေးငယ်တဲ့ခြုံငုံဖိုင်အရွယ်အစားထိန်းသိမ်းခြင်း, ကျွန်တော်တို့ရဲ့ပုံရိပ်ကိုကွဲပြားခြားနားသောဆုံးဖြတ်ချက်များအဘို့အစကေးခွင့်ပြုပါလိမ့်မယ်ကတည်းကကောင်းတစ်ဦးရွေးချယ်မှုပါပဲ။
ဒီနေရာတွင်က HTML document ထဲမှာသင့်ရဲ့ image ကိုနေရာချမည်ဟုမည်သို့မည်ပုံဖွင့်:
image ကို tag ကိုလှည့်ပတ်, သင်ယခုပုံရိပ်ရှေ့တော်၌ထိုကျောက်ဆူးဒြပ်စင်ဖွင့်လှစ်ခြင်းနှင့်ပုံရိပ်ကိုပြီးနောက်ကျောက်ဆူးပိတ်, ထိုကျောက်ဆူး link ကို add လိမ့်မယ်။ ဒါဟာသင်သာမယ့်အစားသင်ကကျောက်ဆူး tags များနှင့်အတူ link တစ်ခုဖြစ်ချင်သောစကားများအရှေ့ဥရောပ, တောင်အာဖရိက၏, သင် image ကိုခြုံ, စာသားလင့်ထားသည်မယ်လို့ဘယ်လောက်ဆင်တူသည်။ အောက်တွင်ဖော်ပြထားသောကျွန်ုပ်တို့၏ဥပမာမှာကျွန်တော်တို့ဟာ "index.html" သောငါတို့ site ရဲ့ပင်မစာမျက်နှာ, ပြန်ချိတ်ဆက်နေကြသည်။
သင့်ရဲ့ page ကိုဒီ HTML ကိုထည့်သွင်းသောအခါ, ကျောက်ဆူး tag ကိုနှင့်ပုံရိပ်ကို tag ကိုအကြားမည်သည့်နေရာများကိုမထားပါဘူး။ သင်ပြုခဲ့လျှင်အချို့သော browser များထူးဆန်းကြည့်ရှုမည်သည့် image ကိုအနားမှာနည်းနည်းကို tick add ပါလိမ့်မယ်။
အဆိုပါလိုဂို image ကိုယခုလည်းတော်တော်များများဤသည်နေ့ရက်ကာလဝဘ်စံသောပင်မစာမျက်နှာခလုတ်, အဖွစျဆောငျရှကျလိမ့်မယ်။ ကျွန်ုပ်တို့က HTML markup အတွက်ထိုကဲ့သို့သောပုံရဲ့ width နဲ့ height အဖြစ်မည်သည့်အမြင်အာရုံစတိုင်များ, မပါဝင်ပါဘူးသတိပြုပါ။ ကျနော်တို့ CSS ကိုဤအမြင်စတိုင်များထားခဲ့ပါနဲ့ HTML ဖွဲ့စည်းပုံနဲ့ CSS စတိုင်များ၏စင်ကြယ်ခွဲခြာထိန်းသိမ်းရန်ပါလိမ့်မယ်။
သငျသညျ CSS ကိုရလုပ်ပေးပြီးတာနဲ့, သင်သည်ဤလိုဂိုဂရပ်ဖစ်ပစ်မှတ်ထားရေးစတိုင်များအပါအဝင်ပုံရိပ် sizing ပါဝင်သည်နိုင် တုံ့ပြန်မှုစတိုင်များ နယ်နိမိတ်သို့မဟုတ် CSS ကိုကဲ့သို့, Multi-device ကိုဖော်ရွေပုံရိပ်တွေအဘို့သင်တို့ကဲ့သို့ပုံသဏ်ဌာနျ / link ကိုထည့်သွင်းလိုဆိုပုံရိပ်ယောင်များ မှောင်မိုက်အရိပ် drop ။ သင်သည်သင်၏ CSS ကိုစတိုင်များနှင့်အတူသုံးစွဲဖို့အပိုဆောင်း "ချိတ်" လိုအပ်မယ်ဆိုရင်သင့်ပုံရိပ်ကိုပေးဒါမှမဟုတ်လူတန်းစား attribute ကိုလင့်ထားသောနိုင်ဘူး။
Image ကို Links များအဘို့အမှုများကိုသုံးပါ
ဒါကြောင့်ပုံတစ်ပုံ link ကိုထည့်သွင်းတော်တော်လွယ်ကူပါတယ်။ ကျနော်တို့မြင်ကြပြီအဖြစ်, သင်ပြုရမည်အားလုံးသင့်လျော်သောကျောက်ဆူး tags များနှင့်အတူပုံရိပ်ကိုခြုံဖြစ်ပါတယ်။ သင်၏နောက်မေးခွန်းတစ်ခုကို "အခါသင်အမှန်တကယ်ဖျောပွလိုဂို / ပင်မစာမျက်နှာ link ကိုဥပမာမှတပါးအလေ့အကျင့်၌ဤလုပျမလဲ" ဖြစ်စေခြင်းငှါ,
ဤတွင်အချို့သောအတှေးနေသောခေါင်းစဉ်:
- သူတို့အားပုံရိပ်တွေ၏ပိုကြီးတဲ့ဗားရှင်းကိုလင့်ထားသောတစ်ဦးပြခန်းအတွက် thumbnail ပုံရိပ်တွေ။
- e-commerce website အတွက်ကုန်ပစ္စည်းဓါတ်ပုံနဲ့တူအကြောင်းအရာကိုယ်စားပြုတစ်ဦးတည်းကိုအသုံးပြုကြသည်ပုံများ, ။
- ကိုအသာပုတ်ပါသို့မဟုတ်အပြည့်အဝဆောင်းပါးဖတ်ရှုဖို့ကိုနှိပ်ပါအကြောင်းအရာကိုသူတို့ပစ်မှတ်ဧရိယာပေးသတိထားမိဖို့လူသွေးဆောင်တဲ့ဘလော့ဂ်ဆောင်းပါးသို့မဟုတ်သတင်းထုတ်ပြန်ချက်များကဲ့သို့အခြားအကြောင်းအရာ၏အစိတ်အပိုင်းတစ်ခုဖြစ်ကြောင်း teaser ပုံများ,, ။
- တိကျတဲ့လုပ်ဆောင်ချက်ကိုသို့မဟုတ်ဆိုဒ်အတွင်းစာမျက်နှာများတွင်ချိတ်ဆက်ရန်ခလုတ်အဖြစ်အသုံးပြုကြသည် icon ပုံရိပ်တွေ။
- ဤ site သို့မဟုတ်ကုမ္ပဏီရန်အရေးကြီးပါသည်ဖြစ်ကြောင်းအမျိုးမျိုးသောလူမှုရေးမီဒီယာဆိုဒ်များ၏မှတ်မိအမှတ်တံဆိပ်ကိုအသုံးပြု social media လင့်များ။
- အခြို့သောလုပ်ဆောင်ချက်ကိုဘို့ခလုတ်အဖြစ်အသုံးပြုပုံများ, ပုံစံကိုတင်ပြနဲ့တူ (အကောင်းဆုံးအလေ့အကျင့်ကိုသတိပြုပါ - website တစ်ခုစွမ်းဆောင်ရည်ရှုထောင့်ကနေ, CSS နဲ့သက်သက်သာ style အမျိုးမျိုးခလုတ် image ကိုခလုတ်ထက်ပိုကောင်းတဲ့ရွေးချယ်မှုများမှာ) ။
Images ကိုအသုံးပြုခြင်းတဲ့အခါမှာတစ်ဦးကသတိပေး
ပုံရိပ်တွေ website တစ်ခု၏အောင်မြင်မှုအတွက်အရေးပါသောအခန်းကဏ္ဍကစားနိုင်ပါတယ်။ အထက်ပေးတဲ့ဥပမာတစ်ခုမှာအကြောင်းအရာကိုမှအာရုံစိုက်ခြင်းနှင့်လူများကဖတ်ရှုဖို့ရရှိရန်အခြားအကြောင်းအရာကိုအတူပုံရိပ်တွေကို အသုံးပြု. ဖော်ပြခဲ့တယ်။
ပုံရိပ်တွေအသုံးပြုတဲ့အခါ, သင်အောက်မေ့ဖြစ်ရမည် သင့်ရဲ့လိုအပ်ချက်များကိုဖြည့်ဘို့လက်ျာ image ကိုရွေးချယ်ခြင်း , ဤမှန်ကန်သော image ကိုဘာသာရပ်ကိစ္စ, format နှင့်လည်းသင့်ရဲ့ website မှာသင်အသုံးပြုမဆိုပုံရိပ်တွေဖြစ်ကြောင်းသေချာအောင်ပါဝင်သည် စနစ်တကျက်ဘ်ဆိုက်ပေးပို့ဘို့ optimized ။ ဒါကကိုယ့်ပုံရိပ်တွေကိုထည့်သွင်းဖို့အလုပ်တွေအများကြီးနဲ့တူပုံရပေမည်, သို့သော်ငွေပမာဏကတန်ကြေးရှိပါ! ပုံရိပ်တွေကယ့် site ရဲ့အောင်မြင်မှုဤမျှလောက်ထပ်ထည့်နိုင်ပါတယ်။
သင့်ရဲ့ site ပေါ်တွင်သင့်လျော်သောရုပ်ပုံများကိုသုံးစွဲဖို့ချီတုံချတုံ, သင်၏အကြောင်းအရာ interactive အချို့ထည့်သွင်းဖို့လိုအပ်တဲ့အခါသူတို့အားပုံရိပ်တွေလင့်ထားသည်, ဒါပေမယ့်လည်း, ဤပုံရိပ်ကိုအကောင်းဆုံးအလေ့အကျင့်အောက်မေ့ဖြစ်နှင့်သင့် web design မှာအလုပ်အတွက်မှန်ကန်စွာနဲ့တာဝန်သိ, ဤဂရပ်ဖစ် / လင့်များမသုံးပါနဲ့။