အသေးစိတ်သိပ္ပံနည်းကျစည်းကမ်းချက်များ၌ Web ကိုအရောင်ကိုဖုံးလွှမ်းသည်ဟုအများအပြားက web design ကိုလဲ tutorial ရှိပါတယ်။ သို့သော်ကျွန်ုပ်တို့၏ရည်ရွယ်ချက်များအတွက်, ရဲ့ခေတ္တ Web ကိုအရောင်နဲ့ဘယ်လိုက Web ကိုအစုစုအတွက်အသုံးပြုလိမ့်မည်ဆွေးနွေးရန်ကြကုန်အံ့။ သင်သည်သင်၏ Web ကိုအစုစုစာမျက်နှာများတွင်များအတွက်အရောင်အစီအစဉ်ဖွံ့ဖြိုးတိုးတက်ဖို့လိုအပ်ပါလိမ့်မည်။ ဒါဟာသင့်ရဲ့စာမျက်နှာနောက်ခံ, စာမကျြနှာမှာအသုံးပွုတဲ့အမျိုးအစားနှင့်စာမကျြနှာတှငျနထေိုငျအခြားငြိမ်ဒြပ်စင်အဘို့အအရောင်များကိုသတ်မှတ်ပါလိမ့်မယ်ဆိုလိုသည်။ Web ကိုဂရပ်ဖစ်များတွင်အသုံးပြုနိုင်အရောင်နှစ်မျိုးရှိပါသည်။ GIF ကိုနှင့် JPG: အဆိုပါအရောင်များကိုကျွန်တော့်ကိုဖော်ပြထားသောက်ဘ်ဂရပ်ဖစ်ဖိုင် Format နဲ့ဆက်စပ်နိုင်ပါတယ်။ GIF ကို
GIF ကိုဖိုင်တွေအညွှန်းကိန်းအရောင်ကိုသုံးပါ။ အညွှန်းကိန်းအရောင်အားလုံးကွန်ပျူတာမော်နီတာပေါ်မှာအပေါင်းတို့နှင့်တကွက်ဘ်ဘရောက်ဇာအတွင်းတွေ့ရှိခဲ့ 216 ဘုံအရောင်များပါဝင်ပါသည်။ ဤရွေ့ကားဘုံအရောင်များကိုတစ်ဦးက Web palette ထဲမှာနေထိုင်ကြသည်။ သူတို့အရောင်၏ကှဲလှဲစရာမလိုဘဲ Web ကိုဖန်သားပြင်၏ဒီဇိုင်းအတွက်သုံးနိုင်တယ်ဒါကြောင့်စာမကျြနှာအင်တာနက်ပေါ်ရှိအခါအရောင်များ၏ Web ကို palette မက်ခရိုမီဒီယာမီးပန်းနဲ့ Adobe က Photoshop မှာရရှိနိုင်ပါပြီ။ ဒါ့အပြင်က်ဘ် palette မက်ခရိုမီဒီယာ Dreamweaver နှင့်မက်ခရိုမီဒီယာ Flash ကိုအတွက်စံအရောင် palette ဖြစ်ပါတယ်။ ဤသည်ကိုအက Web applications များနဲ့ Web browser များအနှံ့တသမတ်တည်းအရောင်အောင်မြင်ရန်ခွင့်ပြုပါတယ်။
ကျနော်တို့အဘို့ Web ကိုအရောင်များကိုသုံးပါ:
o က်ဘ်သောစာသား / HTML ကိုစာသားမ
o က်ဘ်စာမျက်နှာကိုနောက်ခံ
စားပွဲပေါ်မှာသို့မဟုတ်အလွှာနောက်ခံအတှကျအသုံးပွုဏ web page ကိုအရောင်များ
o က်ဘ်လင့်ခ်
ဏ GIF ကို JPG ဖိုင်များကို
JPG ဖိုင်တွေသော graphical အရောင်အဘို့ (RGB), အနီရောင်အစိမ်း, အပြာကိုအသုံးပြုပါ။ RGB အရောင်ကိုလည်းအပြည့်အဝအရောင်အဖြစ်လူသိများသည်။ အပြည့်အဝအရောင်ပစ္စည်းများ bitmap ဂရပ်ဖစ်သို့မဟုတ်ဓာတ်ပုံတွေပါဝင်သည်။ ကျနော်တို့အမြင်အပြောအဆိုများနှင့်ကျနော်တို့ကိုတင်ပြဖို့ကြိုးစားနေကြတယ်သောဇာတ်ကြောင်းမှထည့်သွင်းဖို့ဝက်ဘ်အစုစုအတွင်းကျနော်တို့တတ်နိုင်သမျှအဖြစ်ဓာတ်ပုံတွေအသုံးချချင်တယ်။ ဓာတ်ပုံတွေ၏ကျယ်ပြန့်သုံးစွဲခြင်း, ထိုကဲ့သို့သောကို Adobe Photoshop ကိုအဖြစ်အစီအစဉ်များအတွက်အထူးသဖြင့်သူတို့ရဲ့ခြယ်လှယ်ခြင်း, RGB အရောင်မော်ဒယ်တစ်ဦးအကျဉ်းဖော်ပြချက်လိုအပ်သည်။ RGB အရောင်ရှိသောကြောင့်အားလုံးအရောင်များကိုအနီ, အစိမ်း, အပြာ၏ထို့အပြင်အရောင်အဖြစ်လူသိများသည်စင်ကြယ်သောအဖြူရောင်ဖန်တီးမယ်လို့သူတို့ရဲ့အပြည့်အဝပြင်းထန်မှုမှာအတူတူကဆက်ပြောသည်ခဲ့ကြသည်။ ဤအအရောင်များ၏ဆွေမျိုးအားသာချက်၏အရောနှော, (Kimball, 2003, p ။ 95) "အရောင်များကိုကွန်ပျူတာမော်နီတာ၏သန်းပေါင်းများစွာဖန်တီးဖျောပွနိုငျ" ။ ထိုအဆင်းအရောင်ခွန်အားသုညအမြင့်ဆုံးပြင်းအားဖြစ်ခြင်းအနည်းဆုံးပြင်းထန်မှုနှင့် 255 ဖြစ်ခြင်းနှင့်အတူသုညကနေ 255 အတွက်သတ်မှတ်ထားခြင်းဖြစ်သည်။ အခါ, အနီရောင်အစိမ်းရောင်နဲ့အပြာရောင်ရလဒ်အနက်ရောင်ဖြစ်ပါတယ်သုညပြင်းထန်မှုမှာပေါင်းစပ်နေကြသည်။ ခွန်အားနှင့်ပြည့်စုံခြင်း, တန်ဖိုးများ 255 မှာသတ်မှတ်ထားကြသည်ဘယ်မှာမြင့်မားသောပြင်းထန်မှု, 255, 255 မှာရလဒ်စင်ကြယ်သောအဖြူရောင်ဖြစ်ပါတယ်။ ဒီမှတ်မိဖို့, ဒီမှာရိုးရှင်းတဲ့ဥပစာဖြစ်ပါတယ်။ အလင်း switches များအဖြစ်, အနီ, အစိမ်း, အပြာ၏စဉ်းစားပါ။ အားလုံးအဖြူရောင်ခလုတ်အခန်းထဲမှာမှောင်မိုက်ဖြစ်သုညမှာသတ်မှတ်ထားကြသောအခါတစ်ဦး slider ကို အသုံးပြု. တစ်ခုချင်းစီကိုအလင်း switch ကိုသုည 255. မှတစ်ဦးအကွာအဝေးရှိပါတယ်။ လူအပေါင်းတို့သည်အလင်း switches များ 255 ဟုသတ်မှတ်ကြသည်ကဘာလဲ, အခန်းအပြည့်အဝပြင်းထန်မှုမှာ lit ဖြစ်ပါတယ်။ သငျသညျထိုကဲ့သို့သောကို Adobe Photoshop ကိုနှင့်မက်ခရိုမီဒီယာမီးရှူးမီးပန်းများအဖြစ်ပုံရိပ်-တည်းဖြတ်ရေး applications များသုံးစွဲဖို့စတင်ပြီးတာနဲ့, သင်သည်သင်၏ဂရပ်ဖစ်နှင့်ဓာတ်ပုံများကိုအတွင်းကွန်ပျူတာအရောင်စူးစမ်းဖို့စတင်။ အရောင်အသုံးပြုမှုကိုဆွေးနွေးသည့်အခါအပြည့်အဝအရောင်သို့မဟုတ် RGB အရောင်ဓာတ်ပုံပြပွဲ JPG ဖိုင်တွေနဲ့အခြား created အနုပညာလက်ရာများအတွက်လက်ဆောင်ဖြစ်ပါတယ်။ အပြည့်အဝအရောင်ပုံရိပ်တွေဘာဖြစ်လို့လဲဆိုတော့အရောင်များ၏ကန့်သတ်အရေအတွက် GIF ကိုဖိုင်တွေအဖြစ်သိမ်းဆည်းမရသင့်ပါတယ်။ ကန့်သတ်အရောင်များရှိခြင်းအားဖြင့်, အပြည့်အဝအရောင် image ကို 216 အရောင်များ၏လက်ရှိ Web ကို palette ကို အသုံးပြု. စစ်မှန်တဲ့အရောင်များကိုကိုယ်စားပြုပါလိမ့်မယ်။
ဤဆင်းရဲသောဖန်တီး dithered နှင့်ရုပ်ဆိုးပုံရိပ်။ ဒါကြောင့်တစ်ဦးချင်းစီသီးခြားဂရပ်ဖစ်အဘို့အညာဘက်ဖိုင် format နဲ့သုံးစွဲဖို့အလွန်အရေးကြီးပါသည်ဒါကြောင့်ဖြစ်ပါသည်။ Web ကိုမှပုံနှိပ်ပုံရိပ်တွေပြောင်းလဲသောအခါ, သငျသညျဂရပ်ဖစ်အပါအဝင်ဘာမှများအတွက် CMYK အရောင်မော်ဒယ်မသုံးကြဘူးကြောင်းအရေးကြီးပါတယ်။ အဆိုပါ CMYK မော်ဒယ်တစ်ဦးမော်နီတာဖော်ရွေအရောင်အာကာသမဟုတ်ပါဘူး။ အဆိုပါ CMYK ဂရပ်ဖစ်အင်တာနက်ပေါ်ရှိ CMYK တွင်တွေ့မြင်ရနိုင်မှာမဟုတ်ဘူး။ သူတို့ကသာ RGB အရောင်မော်ဒယ်သို့မဟုတ် Web ကိုအန္တရာယ်ကင်း (ရည်ညွှန်း) အရောင်မော်ဒယ်အားဖြင့်ကိုယ်စားပြုနိုင်ပါသည်။ ဤတွင် Web ကိုအရောင်အဘို့စည်းမျဉ်းစည်းကမ်းတွေကိုနေသောခေါင်းစဉ်:
အပြည့်အဝအရောင်ပုံရိပ်တွေဏ (RGB palette) နှင့်ဓာတ်ပုံများ JPG အဖြစ်သိမ်းဆည်းနေကြသည်။
o န့်အသတ်အရောင်နှင့်အတူ Flat ဂရပ်ဖစ် (Web ကို 216 palette) GIF ကိုဖိုင်တွေအဖြစ်သိမ်းဆည်းနေကြသည်။
o စာမျက်နှာနောက်ခံသည်ခပ်သိမ်းသောကွန်ပျူတာဂရပ်ဖစ်, မာလ်တီမီဒီယာနှင့် Web development applications များအတွက် Web ကိုဘေးကင်းလုံခြုံ palette (Web ကို 216 palette) ကိုအသုံးပြုပါ။ အခုတော့ရဲ့ Web စာမျက်နှာနှင့်ဂရပ်ဖစ်အရွယ်အစားဆွေးနွေးရန်ကြကုန်အံ့။ အရွယ်
web page များကို pixels ကိုတိုင်းတာလျက်ရှိသည်။ pixels မျက်နှာပြင်များအတွက်တိုင်းတာခြင်း၏ယူနစ်ဖြစ်ကြသည်။ တစ်ဦးက web page ကိုစာသားမဆိုအရွယ်အစားရှိနိုင်ပါသည်။ စံက်ဘ်စာမျက်နှာများကိုများသောအားဖြင့်အနည်းငယ်အရွယ်အစားသို့ fit:
oW × H ကို
600 × 800 ဏ
640 × 480 ဏ (Dreamweaver က default)
768 × 1024 ဏ
550 × 400 ဏ (Flash ကို default အ)
Web ကိုဖော်ရွေပလီကေးရှင်းထောက်ပံ့အဆိုပါနှစ်ထက်လည်းစောသောစာရင်းကို default web page ကိုအရွယ်အစားကိုစတင်နေရာကောင်းတခုဖြစ်တယ်။ သငျသညျဖြစ်ကောင်း Pop-up windows တစ်ခုသေးငယ်, ထုံးစံအရွယ်အစားကိုသုံးပါလိမ့်မယ်။ သင်ရွေးချယ်က်ဘ်စာမျက်နှာရဲ့အရွယ်အစားကိုသင်မှတက်သည်။ အကြောင်းအရာအသုံးပြုသူရဲ့အညွှန်းပုံစံများဖို့သင့်လျော်နီးကပ်သောဒါထိထိရောက်ရောက် web page ကိုများအတွက်အမှန်တကယ်အာကာသသုံးစွဲဖို့သတိရပါ။ web page ကိုအရွယ်အစားအသုံးပြုသူများက်ဘ်စာမျက်နှာများကိုနှင့်ဝက်ဘ်ဆိုဒ်အစုစု site ကိုလှည့်ပတ်ရွှေ့လမ်းကိုသာသက်ရောက်သည်။ တဦးတည်းအုပ်ချုပ်မှုကို: အားလုံးအဓိက screen များအတွက်တစ်ဦးရဲ့အရွယ်အစား Pick နှင့်ကပ်။
စာမျက်နှာအရွယ်အစား, r အတွက်ကိုက်ညီမှုက်ဘ်အစုစုကိုဒီဇိုင်း flowchart ၏အဆင့်တိုင်းတွင်အသုံးပြုရပါမည်။ သင်ဖန်သားပြင်နဲ့ Web ဂရပ်ဖစ်ဖွံ့ဖြိုးအခါပုံရိပ်တည်းဖြတ်ခြင်းလျှောက်လွှာအတွက်အရွယ်အစားကိုနားလည်သဘောပေါက်ရန်လိုအပ်ပါလိမ့်မည်။ ကျနော်တို့မဟုတ်ရင်သူတို့အပေါ်မှာက်ဘ်ဘရောက်ဇာကိုချဲ့ထွင်မည်အသုံးပြုသူသူတို့ကိုကြည့်ဖို့ scroll ဖို့လိုအပ်ပါလိမ့်မယ်စာမျက်နှာအရွယ်အစားလမ်းညွှန်ချက်အတွင်းကျွန်တော်တို့ရဲ့ဂရပ်ဖစ်ကိုစောင့်ရှောက်ရကြမည်။ ဒါကအကောင်းတစ်ဦးအရာမဟုတ်ပါဘူးနှင့်ကျိန်းသေအသုံးပြုသူကို turn off ပါလိမ့်မယ်။ သငျသညျထိုကဲ့သို့သောမက်ခရိုမီဒီယာမီးပန်းသို့မဟုတ် Adobe က Photoshop ကိုအဖြစ်ပုံရိပ်တည်းဖြတ်ခြင်းလျှောက်လွှာအတွက် Web ကိုဖန်သားပြင်နှင့်ဂရပ်ဖစ်မှာရှာဖွေနေကြသောအခါ, သင်ပုံရိပ်မြင်ကွင်းကို 100 ရာခိုင်နှုန်းသတ်မှတ်ထားသည့်အခါတစ်ဦး Monitor ပေါ်မှာသိမ်းပိုက်မည်ကိုအတိအကျအရွယ်အစားတွေ့နိုင်ပါသည်။
ဤသူသည်သင်တို့စာမျက်နှာတစ်ခုက HTML web page ကိုအောင်၏လုပ်ငန်းစဉ်မှတဆင့်မသွားမီကြည့်ရှုမည်ကိုမည်သို့တစ်ခုတိကျမှုအရိပ်အယောင်ရနိုင်ဟုဆိုလိုသည်။ ဒါကဒီဇိုင်းနှင့်ထုတ်လုပ်မှုနှင့်အတူကူညီပေးသည်။ ဒါဟာ Ing စာမျက်နှာများဖွံ့ဖြိုးရေးသည့်အခါမှန်းဆအလုပ်ဖယ်ရှားပစ်ကူညီပေးသည်။ Size ကိုလည်း resolution ကိုအပေါ်မူတည်ပါသည်။ ရဲ့လာမယ့် Resolution ကိုဆွေးနွေးရန်ကြပါစို့။