web page ကို layout ကို နှစ်ခုကွဲပြားခြားနားတဲ့နည်းလမ်းတွေထဲမှာလုပ်ဆောင်နိုင်တယ်:
- Fixed Width ကို Layout များ - ဤရွေ့ကားတစ်ခုလုံးကိုစာမျက်နှာ၏အကျယ်တစ်ဦးသတ်သတ်မှတ်မှတ်ကိန်းဂဏန်းတန်ဖိုးသတ်မှတ်ထားရာအပြင်အဆင်ဖြစ်ကြသည်။
- အရည် Layout များ - တစ်ခုလုံးကိုစာမျက်နှာရဲ့ width viewer ရဲ့ browser ကိုဘယ်လောက်ကျယ်ပြန့်ပေါ် မူတည်. ပြောင်းလွယ်ပြင်လွယ်သည်အဘယ်မှာရှိအဲဒီအပြင်အဆင်ဖြစ်ကြသည်။
အဲဒီမှာနှစ်ဦးစလုံးအဆင်အပြင်နည်းလမ်းများ အသုံးပြု. အဘို့ကောင်းသောအကြောင်းပြချက်များမှာ, ဒါပေမယ့်တစ်ဦးချင်းစီနည်းလမ်းများ၏ဆွေမျိုးအကျိုးခံစားခွင့်များနှင့်ချို့တဲ့နှစ်ဦးစလုံးနားလည်သဘောပေါက်ခြင်းမရှိဘဲ, သင်သည်သင်၏ web page ကိုအတွက်သုံးမည့်အကြောင်းကောင်းသောဆုံးဖြတ်ချက်ချလို့မရပါဘူး။
Fixed Width ကို Layout များ
Fixed အပြင်အဆင်ကဆုံးဖြတ်သည်တိကျတဲ့အရွယ်အစားနှင့်အတူစတင်ကြောင်းအပြင်အဆင်ဖြစ်ကြ၏ က်ဘ်ဒီဇိုင်နာ ။ သူတို့ကမသက်ဆိုင်စာမျက်နှာကြည့်ရှု browser ကိုပြတင်းပေါက်၏အရွယ်အစား၏, ထိုအကျယ်ရှိနေဆဲဖြစ်ပါသည်။ ပုံသေအကျယ်အပြင်အဆင်စာမျက်နှာအများဆုံးအခြေအနေများတွင်ကြည့်ရှုမည်ကိုဘယ်လိုကျော်နေတဲ့ဒီဇိုင်နာပိုပြီးတိုက်ရိုက်ထိန်းချုပ်ခွင့်ပြုပါ။ သူတို့ကဒီဇိုင်နာကတော့ layout ကိုမှမိနစ်ချိန်ညှိပါစေနှင့်သူတို့ browser များနှင့်ကွန်ပျူတာများကိုဖြတ်ပြီးတသမတ်တည်းရှိနေဆဲရှိသည်ဖို့ခွင့်ပြုအဖြစ်သူတို့ဟာမကြာခဏတစ်ပုံနှိပ်နောက်ခံနှင့်အတူဒီဇိုင်နာများအားဖြင့်ပိုမိုနှစ်သက်ကြသည်။
အရည် Layout များ
အရည်အပြင်အဆင်လက်ရှိဘရောက်ဇာကိုပြတင်းပေါက်ရဲ့အရွယ်အစားရာခိုင်နှုန်းအပေါ်အခြေပြုဖြစ်ကြောင်းအပြင်အဆင်ဖြစ်ကြသည်။ သူတို့ဟာသူတို့ site ကိုကြည့်ရှုနေတဲ့အဖြစ်ဟာလက်ရှိကြည့်ရှုသူကသူတို့ browser ကိုအရွယ်အစားပြောင်းလဲရင်တောင်ပြတင်းပေါက်၏အရွယ်အစားနှင့်အတူကွေး။ အရည်အကျယ်အပြင်အဆင်မဆိုပေးထားသော Web browser window ဒါမှမဟုတ် screen resolution ကိုပေးနေရာဟာအလွန်အကျိုးရှိစွာအသုံးပြုခြင်းကိုခွင့်ပြုပါ။ သူတို့ဟာမကြာခဏသူတို့မသက်ဆိုင်စာမျက်နှာကြည့်ရှုသူ၏အရွယ်အစားနှင့်ဆွေမျိုးစာမျက်နှာလေးအတွက်တသမတ်တည်းရှိနေဆဲအဖြစ်တတ်နိုင်သမျှနည်းနည်းအာကာသအတွင်းကိုဖြတ်ပြီးရဖို့သတင်းအချက်အလက်အများကြီးရှိသည်သောဒီဇိုင်နာများအားဖြင့်ပိုမိုနှစ်သက်ကြသည်။
လောင်းကြေးမှာ s; အဘယ်အရာ & # 39?
သင့်ရဲ့အဘို့ရွေးကောက်တော်မူအဆိုပါနည်းလမ်းကို ဝက်ဘ်ဆိုက်ဒီဇိုင်းကို ကိုယ့်ထက်ပိုပြီးတခုတခုအပေါ်မှာသက်ရောက်မှုရှိပါလိမ့်မယ် ဒီဇိုင်း ။ သင်ရွေးချယ်ရာပေါ် မူတည်. သင်သည်သူတို့အဘို့အရှာနေသို့မဟုတ်တခါတရံတွင်ပင်သင့် site ကိုအသုံးပြုဖို့နေကြတယ်ဆိုတာကိုတွေ့ပါ, သင်၏စာသား scan ရန်သင့်စာဖတ်သူတွေ '' စွမ်းရည်ကိုထိခိုက်စေပါလိမ့်မယ်။ အဖြစ်ကောင်းစွာ, အ layout ကိုစတိုင်, အမှတ်တံဆိပ်အားဖြင့်သင်တို့၏က်ဘ်ဆိုက်များကိုစတင်ရောင်းချမှာအိမ်ခြံမြေရရှိနိုင်မှုသင့်ရဲ့အားထုတ်မှုကိုထိခိုက်, သင်၏ site ၏ဗေဒပါလိမ့်မယ်။
Fixed Width ကို Layout များ၏အကျိုးကျေးဇူးများ
- တစ်ဦးက fixed အကျယ် layout ကိုဒီဇိုင်နာနေပါစေသူတို့ကိုကြည့်သောသူသည်တူညီကြည့်ရှုမည်ကြောင်းစာမကျြနှာကိုတည်ဆောက်ခွင့်ပြုထားသည်။
- တစ်ခုလုံးကိုစာမျက်နှာရဲ့ width သူတို့အားဒြပ်စင်များပါဝင်သည်ပါလိမ့်မယ်ဘာဖြစ်လို့လဲဆိုတော့ထိုကဲ့သို့သောပုံရိပ်တွေအဖြစ်သတ်မှတ်ထားတဲ့ width ကိုဒြပ်စင်သေးငယ်မော်နီတာပေါ်မှာစာသားကိုနိုင်လိမ့်မည်မဟုတ်ပေ။
- Scan ကိုအရှည်နေပါစေက်ဘ်ဘရောက်ဇာကိုဘယ်လောက်ကျယ်ပြန့်, စာသား၏ကြီးမားသောအစိတ်အပိုင်းများအားဖြင့်ထိခိုက်မည်မဟုတ်ပါ။
အရည် Layout များ၏အကျိုးကျေးဇူးများ
- တစ်ဦးကအရည်အကျယ် layout ကိုရနိုင်သည့်နေရာဖြည့်စွက်ရန်ချဲ့ထွင်ခြင်းနှင့်ကန်ထရိုက်။
- အားလုံးရရှိနိုင်အိမ်ခြံမြေဒီဇိုင်နာပိုကြီးတဲ့မော်နီတာအပေါ်ပိုပြီးအကြောင်းအရာဖော်ပြရန်ပေမယ့်နေဆဲသေးငယ် display တွေအပေါ်အလားအလာရှိနေဆဲခွင့်ကိုအသုံးပြုသည်။
- အရည်အပြင်အဆင်စာမျက်နှာပိုကြီးတဲ့ဖောင့်အရွယ်အစားနဲ့တူဖောက်သည်-ချမှတ်ကန့်သတ်ဖို့ပိုသည် dynamically တုံ့ပြန်ရန်ခွင့်ပြု, ဆွေမျိုး width အတွက်ရှေ့နောက်ညီညွတ်မှုကိုပေး။
Fixed Width ကို Layout များမှအားနည်းချက်များ
- ပုံသေအကျယ်အပြင်အဆင်သေးငယ်ဘရောက်ဇာကိုပြတင်းပေါက်ထဲမှာအလျားလိုက် scrolling မဖြစ်ပေါ်စေနိုင်သည်။ နှင့်လူအများစုအလျားလိုက် scroll လိုကြပါဘူး။
- သူတို့ကအစမဟုတ်ရင်လိုအပ်သောဖြစ်တန်ခိုးထက်ဒေါင်လိုက် scrolling အသုံးမပြုတဲ့အာကာသနှင့်ပိုပြီးအများကြီးထဲမှာရရှိလာတဲ့, ပိုကြီးတဲ့မော်နီတာထဲမှာကြားနေရာလွတ်၏ကြီးမားသောမျက်နှာတစေနိုင်ပါသည်။
- ပုံသေအကျယ်အပြင်အဆင်ကောင်းကောင်းအရွယ်အစား font မှဖောက်သည်အပြောင်းအလဲများကိုမကိုင်တွယ်ကြဘူး။ ယင်းဖောင့်အရွယ်အစားသေးငယ်တဲ့တိုး, သူတို့အဆင်ပြေနိုင်ပါတယ်, ဒါပေမယ့်ပိုကြီးတဲ့တိုးအဘို့, layout ကိုညှိဖြစ်လာနိုင်ပါတယ်။
အရည် Layout များမှအားနည်းချက်များ
- အရည်အပြင်အဆင်စာမျက်နှာ၏အမျိုးမျိုးသောဒြပ်စင်များ၏ width ကိုကျော်အနည်းငယ်သာတိကျတဲ့ထိန်းချုပ်မှုဘို့ခွင့်ပြုပါ။
- သူတို့ကဖြစ်စေအငြိမ့်စကင်ဖတ်စစ်ဆေးလွန်းကျယ်ပြန့်ဖြစ်ကြောင်းစာသားကော်လံထဲမှာဒါမှမဟုတ်စကားများရှင်းလင်းစွာဖွင့်ပြပါရန်အဘို့အသေးငယ်လွန်းသေးငယ် browser များပေါ်ဖြစ်ပေါ်နိုင်ပါတယ်။
- သည့်အခါထိုကဲ့သို့သောပုံတစ်ပုံအဖြစ် fixed width ကိုဒြပ်စင်, အရည်အပြင်အဆင်ပြဿနာများရှိနိုင်ပါသည်, အရည်ကော်လံအတွင်း၌ထားရှိခြင်းဖြစ်သည်။ ကော်လံ image ကိုလုံလောက်အာကာသမပါဘဲပြန်ဆိုလျှင်အခြားသော browser စာသားနဲ့ပုံရိပ်တွေထဲမှာထပ်နေမှန်ကန်သောရာခိုင်နှုန်းအောင်မြင်ရန်စေမည်နေစဉ်, အချို့သော browser များ, အဒီဇိုင်နာရဲ့ညွှန်ကြားချက်လျစ်လျူရှုလိုက်ခြင်း, ကော်လံအကျယ်တိုးမြှင့်မည်ဖြစ်သည်။
ကောက်ချက်
သူတို့တတ်နိုင်သမျှနည်းနည်းအာကာသအတွင်းသိရှိစေရန်ရန်လိုအပ်ပါတယ်သတင်းအချက်အလက်အများကြီးရှိသည်အတော်များများကက်ဘ်ဆိုက်များအရည် layout ကိုနှင့်အတူကောင်းစွာအလုပ်လုပ်လိမ့်မယ်။ ဒါကသူတို့အသေးငယ် display တွေ shorting မဟုတ်စဉ်ပိုကြီးတဲ့မော်နီတာများကိုသမျှသောအိမ်ခြံမြေ၏အားသာချက်ယူခွင့်ပြုပါတယ်။
စာမျက်နှာများတွင်တိုင်းခွအေနကေိုကွညျ့ဘယ်လိုကျော်တိကျတဲ့ထိန်းချုပ်မှုလိုအပ်ကြောင်းဆိုဒ်များသတ်မှတ်ထားတဲ့အကျယ် layout ကိုသုံးစွဲဖို့ကောင်းသောအမှုကိုပြုလိမ့်မည်။ ဤသည်သင်၏ Web site ၏အမှတ်တံဆိပ်နေပါစေပေါ်မှာကြည့်ရှုအားပေးမယ့်အဘယ်အရာကိုအရွယ်အစားမော်နီတာတသမတ်တည်းနှင့်ရှင်းရှင်းလင်းလင်းကြောင်းကိုပိုပြီးအာမခံချက်ပေးပါသည်။
layout ဦးစားပေးမှု
အတော်များများဟာရောထွေးချဉ်းကပ်ကြိုက်တတ်တဲ့။ ကြောင်းသေးငယ်တဲ့ Monitor ပေါ်မှာဖတ်လို့မရအောင်ဒါမှမဟုတ်ကြီးမားတဲ့တဦးတည်းအပေါ် unscannable ဖြစ်စေစာသားဆပ်နိုင်အဖြစ်သူတို့က, စာသား၏ကြီးမားသောလုပ်ကွက်များအတွက်အရည်အပြင်အဆင်ကို အသုံးပြု. ကြိုက်နှစ်သက်ကြပါဘူး။ ဒါကြောင့်သူတို့ကစာမကျြနှာသတ်မှတ်ထားတဲ့အကျယ်၏အဓိကစစ်ကြောင်းများလုပ်ပေမယ့်ကျန်ရှိအိမ်ခြံမြေတက် ယူ. ပိုကြီးတဲ့ browser များ၏စွမ်းရည်မဆုံးရှုံးဖို့ခေါင်းစီးများ, Footer နှင့်ဘေးထွက်ကော်လံကိုပိုမိုပြောင်းလွယ်ပြင်လွယ်စေရန်လေ့ရှိပါတယ်။
တချို့ကက်ဘ်ဆိုက်များသင့် browser window size ကိုဆုံးဖြတ်ရန်, ပြီးတော့အညီ Display ရဲ့ element တွေကိုပြောင်းလဲပစ်ရန် script များကိုအသုံးပြုပါ။ သင်တစ်ဦးသည်အလွန်ကျယ်ပြန့် window တွင်ထိုကဲ့သို့သော site တစ်ခုဖွင့်လှစ်ပါလျှင်ဥပမာ, သငျသညျသေးငယ်မော်နီတာနှင့်အတူဖောက်သည်ကိုမမွငျစခွေငျးငှါ, လက်ဝဲဘက်အပေါ်လင့်များတစ်ဦးအပိုဆောင်းကော်လံရပေမည်။ ဒါ့အပြင်ကြော်ငြာန်းကျင်ကစာသားထုပ်သင့် browser window ကိုဘယ်လောက်ကျယ်ပြန့်အပေါ်သို့မှီခိုသည်။ ဒါကြောင့်လုံလောက်အောင်ကျယ်ပြန့်ဖွင့်လျှင်, ်ဆိုက်မဟုတ်ရင်ကကြော်ငြာအောက်ကဆောင်းပါးကိုစာသားအပြပေးလိမ့်မယ်, ဒါကြောင့်ပတ်ပတ်လည်ကစာသားခြုံပါလိမ့်မယ်။ အများဆုံးဆိုဒ်များရှုပ်ထွေး၏ဤအဆင့်ကိုမလိုအပ်ပါဘူးနေစဉ်, ကသေးငယ်ဖန်သားပြင်ပေါ်တွင်ခင်းကျင်းပြသထိခိုက်ခြင်းမရှိဘဲပိုကြီးတဲ့ Screen ၏အားသာချက်ယူတဲ့နည်းလမ်းပြသသည်။