အားလုံးဝက်ဘ်ဆိုက်များဖွဲ့စည်းပုံ, စတိုင်နှင့်အပြုအမူပေါင်းစပ်ဖြင့်တည်ဆောက်ကြသည်အဘယ်ကြောင့်
Front-အဆုံးဘ်ဆိုဒ်ဖှံ့ဖွိုးတိုးတဖော်ပြရန်အသုံးပြုသောကြောင်းတစ်ဘုံတစ်ခုနဲ့နှိုင်းယှဉ်ပါက 3-အတော်များများကမျက်စိမစင်ကဲ့သို့ဖြစ်၏ဖြစ်ပါတယ်။ ဒါ့အပြင်ကို web ဖွံ့ဖြိုးတိုးတက်မှု၏ 3 အလွှာအဖြစ်လူသိများနေသောဤ 3 ခြေထောက်, ဖွဲ့စည်းပုံ, စတိုင်နှင့်အပြုအမူဖြစ်ကြသည်။
Web ကိုဖွံ့ဖြိုးရေးကောင်စီ၏အလွှာသုံးလွှာ
- ဖွဲ့စည်းပုံသို့မဟုတ်အကြောင်းအရာအလွှာ
- ဝဘ်စာမျက်နှာ၏ဖွဲ့စည်းပုံသို့မဟုတ်အကြောင်းအရာအလွှာကြောင်းစာမျက်နှာ၏နောက်ခံက HTML ကုဒ်ဖြစ်ပါတယ်။ အိမ်တအိမ်ရဲ့ frame ကိုအိမျတျော၏ကျန် built သောအပေါ်သို့ခိုင်မာတဲ့အုတ်မြစ်ဖန်တီးလိုပဲဒါကြောင့် HTML ကိုတစ်ဦးအစိုင်အခဲအခြေခံအုတ်မြစ် website တစ်ခုဖန်တီးနိုင်သည့်ပေါ်မှာပလက်ဖောင်းဖန်တီးပါဘူး။ HTML ကိုဖွဲ့စည်းပုံစာသားသို့မဟုတ်ပုံရိပ်တွေရှိရေးနိုင်ပြီးကြောင့်ဧည့်သည်များကြောင့် web site ကိုလှည့်ပတ်သွားလာရန်အသုံးပြုပါလိမ့်မယ်သော hyperlink များပါဝင်သည်။
- စတိုင်သို့မဟုတ်တင်ဆက်မှုအလွှာ
- အဆိုပါစတိုင်သို့မဟုတ်တင်ဆက်မှုအလွှာကိုစနစ်တကျ HTML ကိုစာရွက်စာတမ်းမယ့် site ရဲ့ဧည့်သည်များမှကြည့်ရှုမည်ကိုမည်သို့ဆိုထားသည်။ ဤအလွှာ (Cascading Style Sheet များ) CSS ကိုသတ်မှတ်ပါတယ်။ ဤဖိုင်များကိုစာရွက်စာတမ်းဝဘ်ဘရောက်ဇာထဲမှာဖော်ပြပါတယ်ရပါမည်ကိုဘယ်လိုညွှန်ပြကြောင်းစတိုင်များဆံ့။ ယနေ့ရဲ့ Web တွင်, စတိုင်အလွှာလည်းပါဝင်နိုင်ပါသည် media query ကွဲပြားခြားနားအပေါ်အခြေခံပြီး site တစ်ခုရဲ့ Display ကိုပြောင်းလဲနိုင်သော မျက်နှာပြင်အရွယ်အစားနှင့်စက်ကိရိယာများ ။
- အပြုအမူ
- အဆိုပါအပြုအမူအလွှာမတူညီတဲ့အသုံးပြုသူလုပ်ရပ်တွေကိုတုံ့ပြန်သို့မဟုတ်အခြေအနေများအစုတခုအပေါ်အခြေခံတဲ့စာမျက်နှာမှစသောအပြောင်းအလဲဖြစ်စေနိုင်ပါတယ်တဲ့ web page ကို၏ layer ဖြစ်ပါတယ်။ အများဆုံးဝက်ဘ်စာမျက်နှာများအဘို့, အပြုအမူအဆင့်အထိစာမကျြနှာပျေါမှာ JavaScript ကို interaction ကပါလိမ့်မယ်။
အဘယ်ကြောင့်သင်က Layers ရွေးချယ်ခွဲထားသငျ့သလော
သင်တစ်ဦးဝဘ်စာမျက်နှာကိုဖွင့်သောအခါ, တတ်နိုင်သမျှကွဲကွာအဖြစ်အလွှာစောင့်ရှောက်ဖို့နှစ်လိုဖွယ်ဖြစ်ပါသည်။ ဖွဲ့စည်းပုံ, သင့် HTML ကိုဖို့ CSS ကိုမှအမြင်အာရုံစတိုင်များခိုလှုံနှင့်ဆိုက်တစ်ခုကိုမဆို script များမှအပြုအမူတွေရပါမည်။
ယင်းအလွှာခွဲထုတ်၏အကျိုးကျေးဇူးများအချို့သည်နေသောခေါင်းစဉ်:
- shared အရင်းမြစ်များ
- သငျသညျပြင်ပ CSS ကိုဖိုင်သို့မဟုတ် JavaScript ကိုဖိုင်ကိုရေးလိုက်တဲ့အခါမှာ, သင်သည်သင်၏ဝဘ် site ပေါ်တွင်မည်သည့်စာမကျြနှာက file ကိုသုံးနိုင်သည်။ သငျသညျဖြစ်ကောင်းတချို့ update လုပ်ဖို့, အဲဒီဖိုင်ကိုအပြောင်းအလဲတစ်ခုလုပ်ဖို့လိုအပျပါလျှင် သတ်ပုံစတိုင်များ ဝက်ဘ်ဆိုက်ပေါ်တွင်ကြောင်းကိုနှိပ်ပြီးအသုံးပြုတိုင်းစာမျက်နှာအပြောင်းအလဲကိုလိမ့်မယ်။ ပိုကြီးတဲ့ site ကိုများအတွက်ပင်ပန်းကြမ်းတမ်းခြင်းလုပ်ငန်းများဆောင်ရွက်လျက်ရှိပါသည်ဖြစ်နိုင်ပါတယ်သောတစ်ဦးချင်းစီဝက်ဘ်ဆိုက်အမျိုးမျိုးရှိသမျှစာမျက်နှာကိုတည်းဖြတ်ရန်မလိုအပ်ရှိပါသည်။
- ပိုမိုမြန်ဆန် downloads,
- ဇာတ်ညွှန်းသို့မဟုတ်ကိုနှိပ်ပြီးသင့်ရဲ့ဖောက်သည်များကပထမဦးဆုံးအကြိမ်ဒေါင်းလုပ်လုပ်ထားပြီးပြီးတာနဲ့သူတို့ရဲ့ web browser ကိုအားဖြင့် cached ဖြစ်ပါတယ်။ ထိုအမျှဝေအရင်းအမြစ်များကိုယခုခြုံငုံစာမျက်နှာအမြန်နှုန်းနှင့်စွမ်းဆောင်ရည်ကိုတိုးတက်ကောင်းမွန်သည့် cache ကိုပိုမိုလျင်မြန်စွာ browser ကိုဝန်အတွက်မေတ္တာရပ်ခံဖြစ်ကြောင်းအခြားစာမျက်နှာများတွင်, တွင်ပါရှိသောနေကြတယ်လို့ပဲ။
- multi-လူတစ်ဦးအဖွဲ့များ
- သငျသညျတခါမှာက web site ပေါ်တွင်အလုပ်လုပ်လူတစ်ဦးထက် ပို. ရှိသည်ဆိုလျှင်, သင် "တွင်စစ်ဆေး" နှင့် "ထုတ်စစ်ဆေး" ဖိုင်များကိုများအတွက်အသင်းအပေါ်လူတိုင်းကဤဖိုင်များကို၏နောက်ဆုံးဗားရှင်းနဲ့အလုပ်လုပ်ကြောင်းသေချာစေရန်ကြောင်းစနစ်များကိုသုံးနိုင်သည်။ ဤသည်စတိုင်များနှင့်အပြုအမူဖွဲ့စည်းပုံမှာစာရွက်စာတမ်းများနှင့်အတူရောယှက်နေလျှင်လုပ်ဖို့အများကြီးပိုခက်သည်။
- SEO ဆိုသည်မှာ
- စတိုင်နဲ့ဖွဲ့စည်းပုံမှာရှင်းရှင်းလင်းလင်းခွဲခြာရှိကြောင်းတစ်ဦးက site ကိုဖျော်ဖြေဖို့ဖွယ်ရှိသည် ရှာဖွေရေးအင်ဂျင်များအတွက်ပိုကောင်း သူတို့အားက်ဘ်ဆိုက်များကိုပိုမိုထိရောက်စွာအမြင်အာရုံစတိုင်သို့မဟုတ်အပြုအမူသတင်းအချက်အလက်နှင့်အတူဆင်းနှံခြင်းမရှိဘဲအကြောင်းအရာကိုတွားနှင့်စာမျက်နှာနားလညျနိုငျကတည်းက။
- Accessibility
- external style စာရွက်များနှင့် script ကိုဖိုင်များကိုလူများနှင့် browser ပိုမိုသုံးစွဲနိုင်ကြသည်။ စတိုင်နဲ့ဖွဲ့စည်းပုံမှာ၏ခွဲခြာလည်းမရှိသောကြောင့်, screen ကိုစာဖတ်သူများနဲ့တူ software ကိုပိုမိုလွယ်ကူစွာသူတို့ဘာပဲဖြစ်ဖြစ်မသုံးနိုငျသောစတိုင်များကျနှံခြင်းမရှိဘဲဖွဲ့စည်းပုံအလွှာကနေ content တွေကိုစီမံဆောင်ရွက်နိုင်ပါတယ်။
- နောက်ပြန် compatibility
- သငျသညျဖှံ့ဖွိုးတိုးတကျရေးအလွှာနှင့်အတူဒီဇိုင်းပြုလုပ် site တစ်ခုရှိသည့်အခါအချို့သော CSS ကိုစတိုင်များကိုမသုံးနိုငျသောသို့မဟုတ် JavaScript ကို disabled ရှိစေခြင်းငှါအရာ browser များသို့မဟုတ် device ကိုဆဲ HTML ကိုကြည့်ရှုနိုင်ပါသည်ကြောင့်၎င်း, ပိုနောက်ပြန်သဟဇာတဖြစ်လိမ့်မည်။ သင့်ရဲ့ web site ကိုပြီးတော့တဖြည်းဖြည်းသူတို့ကိုထောကျပံ့သော browser များအဘို့အင်္ဂါရပ်တွေနှင့်အတူတိုးမြှင့်စေနိုင်သည်။
HTML ကို - ထိုဖွဲ့စည်းပုံအလွှာ
သင်သည်သင်၏ဖောက်သည်များဖတ်ခြင်းသို့မဟုတ်ကိုကြည့်ချင်သမျှသောအကြောင်းအရာသိုလှောင်ရှိရာဖွဲ့စည်းပုံအလွှာဖြစ်ပါတယ်။ ဒါဟာစံချိန်စံညွှန်းကိုက်ညီ HTML5 ကိုအတွက် coded မည်ဖြစ်ပြီးကြောင့်စာသားနဲ့ပုံရိပ်တွေအဖြစ်မာလ်တီမီဒီယာ (ဗီဒီယို, အသံဖိုင်, etc) ပါဝင်နိုင်ပါသည်။ ဒါဟာသင့်ရဲ့ site ရဲ့အကြောင်းအရာအမျိုးမျိုးရှိသမျှအသှငျအပွငျဖွဲ့စည်းပုံအလွှာတွင်ကိုယ်စားပြုကြောင်းသေချာစေရန်အရေးကြီးပါတယ်။ ဤသည် JavaScript ကိုပိတ်ထားကြသူသို့မဟုတ်နေဆဲတစ်ခုလုံးကို web site ကိုလျှင်မ site ၏အပေါငျးတို့သလုပ်ဆောင်ချက်ကိုမှဝင်ရောက်ခွင့်ရှိသည်ဖို့ CSS ကိုမရှုမွငျနိုငျသောမည်သည့်ဖောက်သည်များခွင့်ပြုပါတယ်။
CSS ကို - ထို Styles အလွှာ
သငျသညျအနေနဲ့ external style sheet ၌သင်တို့၏ web site ကိုအားလုံးကိုသင့်ရဲ့အမြင်အာရုံစတိုင်များဖန်တီးပါလိမ့်မယ်။ သငျသညျမျိုးစုံ Stylesheets ကိုသုံးပါ, ဒါပေမယ့်တိုင်းသီးခြား CSS ကိုဖိုင်ကို site ကို performance ကိုထိခိုက်စေ, ဆွဲယူဖို့သည် HTTP တောင်းဆိုချက်ကိုလိုအပ်သည်မှတ်မိနိုင်ပါတယ်။
JavaScript ကို - ထိုအပြုအမူအလွှာ
JavaScript ကိုအပြုအမူအလွှာများအတွက်အသုံးအများဆုံးဘာသာစကားဖြစ်တယ်, ဒါပေမဲ့ကျွန်မရှေ့မှာဖော်ပြခဲ့တဲ့အတိုင်း, CGI နဲ့ PHP ကိုလည်း web page ကိုအပြုအမူတွေကို generate နိုင်ပါတယ်။ ဒါကသူတို့က web browser မှတိုက်ရိုက် activated ဖြစ်ပါတယ်ကြောင်းကိုအလွှာဆိုလိုအများစု developer များအပြုအမူအလွှာကိုရည်ညွှန်းတဲ့အခါမှာကပြောသည်ခံရ - ဒါကြောင့် JavaScript ကိုနီးပါးအမြဲရွေးချယ်မှု၏ဘာသာစကားကိုဖြစ်ပါတယ်။ သင်က DOM သို့မဟုတ်စာရွက်စာတမ်း Object ကိုမော်ဒယ်နှင့်တိုက်ရိုက်ဆက်ဆံဖို့ဒီအလွှာကိုအသုံးပြုပါ။ ခိုင်လုံသော HTML ကိုရေးသား အကြောင်းအရာအလွှာအတွက်ကိုလည်းအပြုအမူအလွှာတွင် DOM interaction ကအတှကျအရေးပါသည်။
သင်အပြုအမူအလွှာတွင်တည်ဆောက်တဲ့အခါမှာ, သင်ရုံ CSS နဲ့တူသောပြင်ပ script ကိုဖိုင်များကိုအသုံးပြုသင့်ပါတယ်။ သငျသညျအနေနဲ့ external style sheet ကို အသုံးပြု. အပေါငျးတို့သတူညီအားသာချက်များရ။