HTML ကို - hypertext ကို markup ကြှနျုပျတို့သိအဖြစ်အင်တာနက်ကိုဖန်ဆင်းတော်မူပြီအဲဒီဘာသာစကားနှင့်ချစ်ခြင်း။ ဒါဟာအံ့သြစရာ tool ကိုက်ဘ်ဆိုက်များမှကျေးဇူးတင်စကားကောင်းတဲ့နှင့်ခေတ်မီကြည့်ရှုခြင်းနှင့်၎င်းတို့၏အသုံးပြုမှုအဆင်ပြေကိုထောက်ပံ့ပေးသည်။ HTML ကိုရိုးရှင်းစွာအသုံးပြုသူတစ်ဦး-ဖော်ရွေ option ကိုအတွက်ဝဘ်စာမျက်နှာ၏ဒြပ်စင်ကိုစုဝေးဖြစ်ပါတယ်။ သူ့အလုပ်လုပ်ပေးဆိုတဲ့အချက်ကိုနှိုင်းယှဉ်ဖြစ်ပါတယ် စာသားကိုအယ်ဒီတာများ ထိုကဲ့သို့သောက MS Word သို့မဟုတ် OpenOffice အဖြစ်။ သူတို့ကအပိုဒ်, ရဲရင့်သောစာသား, စာလုံးစောင်း, စားပွဲ, ပင်ပုံရိပ်တွေရှိတယ်တဲ့စာရွက်စာတမ်းများတွင်အက္ခရာများတစ် faceless အစုလိုက်အပြုံလိုက်လှည့်။ အကြမ်းအားဖြင့်အတူတူပါပဲတစ်ခုတည်းသောခြားနားချက်က၎င်း၏စာရွက်စာတမ်းများကို browser တွင်ပြသလျက်ရှိသောဖြစ်ခြင်းနှင့်အတူ HTML ကိုမှန်ကန်စေသည်, ဤ tool ကို၏ဖြစ်နိုင်ခြေစာသားအယ်ဒီတာထက်အများကြီးကျယ်ပြန့်သည်။ ဝဘ်စာမျက်နှာဖွဲ့စည်းပုံကိုဖော်ပြရန်အထူးပညတ်တော်တို့ကို - tags များ marking များအတွက်တပတ်ရစ်။ သူတို့ကထောင့်ကွင်းခတ်အတွက်ပူးတွဲကြသည် - , browser ကိုစာသားစုစုပေါင်းဒြပ်ထုအနေဖြင့်သူတို့ကိုခွဲခြားနိုင်ပါတယ်။ နောက်တစ်ခုကျွန်တော်အရင်ကဆိုရင်များအတွက် HTML ကို၏အခြေခံမှာကြည့်ရှုမည်။

အမြင်အာရုံအယ်ဒီတာများ

သာက HTML ရဲ့လေ့လာမှုအဘို့အလမ်း Beginners မကြာခဏဆိုပညာအတတ်မရှိဘဲက်ဘ်ဆိုက်များကိုဖန်တီးရန်အစီအစဉ်များနှင့်အတူ၎င်းတို့၏အလုပ်စတင်ဖို့။ သူတို့က browser မှာပေါ်လာပါလိမ့်မယ်အဖြစ်သူတို့ကရိုးရှင်းစွာမျက်နှာပြင်ပေါ်ရှိပစ္စည်းများကိုနေရာချလို့ရပါတယ်။ ထာဝရကျေးဇူးတရား၏အရင်းအမြစ်ဝဘ် developer များအများစုဖယ်ရှားပစ်ရရန်ခွင့်ပြုသည် - ဒီမှာကဖြစ်ပါသည်, ထင်ရပေသည်။ သို့သော်မရဒါကြောင့်ရိုးရှင်းတဲ့သည်အမြင်အာရုံအယ်ဒီတာများကမဖြစ်နိုင်လေးနက်စီမံကိန်းများတွင်သူတို့ကိုသုံးစွဲဖို့လုပ်များစွာကိုချို့ယွင်းချက်ရှိသည်ကြောင့်။

ဤရွေ့ကားအစီအစဉ်များစာမျက်နှာ၏နောက်ဆုံးဗားရှင်းနှေးကွေးနေသေးတယ်နှင့် suboptimal စေမလိုအပ်သော tags များအများကြီးဖန်တီးပါ။ ဟုတ်ပါတယ်, မြန်နှုန်းမြင့်အင်တာနက်များ၏ဤအသက်အရွယ်၌အတိတ်ကာလထက်လျော့နည်းအရေးပါမှု၏ဖြစ်ပါသည်, သို့သော်စုံစုံနှင့်ကောင်းစွာ-ကျမ်းစာ၌ရေးထားက်ဘ်ဆိုက်ဟာအမြင်အာရုံအယ်ဒီတာဖန်တီး၎င်း၏ရှိသော counterpart ထက်ပိုပြီးလက်တွေ့ကျတဲ့သည်အဘယ်ကြောင့်အကြောင်းပြချက်များစွာရှိပါတယ်။ ထိုကဲ့သို့သောအစီအစဉ်တွင်လုပ် web page ကိုဆိုးဆိုးရွားရွားခဲမြည်းစမ်းဖို့သူတို့ကိုရှိသည် semantic အမှားများကိုတစည်းနှင့်အတူ code နှင့်ခက်ခဲသည့်ကိစ္စနှင့်ယုတ္တိမတန်ကုဒ်အမှုအမျိုးမျိုးရှိသမျှကီလိုဘိုက်သူတို့ကိုရန်အရေးကြီးပါသည်အဖြစ်ရှာဖွေရေးအင်ဂျင်ကကုသပါလိမ့်မည်။ ထို့အပြင်ခုနှစ်, မကြာခဏကြိမ်နောက်ကွယ်မှအယ်ဒီတာများ, ဆီလျှော်ဖြစ်လာ, သူတို့ရဲ့ဖွံ့ဖြိုးတိုးတက်မှုအပေါ်အရင်းအမြစ်များကိုဖြုန်းဖို့အဘယ်သူမျှမပရော်ဖက်ရှင်နယ်ထိုထုတ်ကုန်ကိုမသုံးပါလိမ့်မယ်ဘာဖြစ်လို့လဲဆိုတော့လက်တွေ့ဖြစ်ပါတယ်။ ထို့ကြောင့်, အင်တာနက်ဆိုက်များတွင်ဖန်ဆင်းခြင်းအလုပ်လုပ်လိုသူမည်သူမဆို, HTML ကို၏အခြေခံကိုသိသင့်ပါတယ်။

tags များ

အထက်တွင်ဖော်ပြခဲ့သည့်အတိုင်း, tags များဝဘ်ဘရောက်ဇာကိုစာမျက်နှာ၏ဖွဲ့စည်းပုံကိုဖော်ပြရန်။ သူတို့ထဲကအများစုဟာဖွင့်လှစ်ခြင်းနှင့်ပိတ်ပွဲ tags များရှိသည်, ဒါပေမယ့်အားလုံးမဟုတ်။ ဥပမာအားဖြင့်, <ခေါင်းစဉ်> ... အစားမှတ်များ၏ content သည်အဘယ်မှာရှိ။ အဆိုပါ tag ကိုစတင်ရှိရာထိုအရှိုး၏ပထမဦးဆုံး, ဒုတိယကပိတ်။ အခြားဒြပ်စင်အတွင်းမှာပဲသူတို့ nesting များနမူနာအရုပ်နဲ့တူအသိုက်စေခြင်းငှါစာမျက်နှာအပြင်အဆင်အတွက်ဖြစ်လိမ့်မည်။ ဒီနေရာတွင်ကစာမျက်နှာကိုမှန်ကန်စွာပြသသော tags များပိတ်ဖို့ရန်အရေးကြီးသည်။

အပိတ်ခံရဖို့မလိုအပ်ပါဘူးအရာတစ်ခုတည်း tags များသည်လည်းရှိပါသည်။ သူတို့ကို၌အတွင်းအပြင်ဖြစ်ခဲ့သည်အဖြစ် attribute တွေ။ attribute HTML ကို-tags များအများစုတို့အတွက်စတင်တည်ထောင်ခဲ့ပြီးနှင့်ဒြပ်စင်များ၏ဂုဏ်သတ္တိများသတ်မှတ်နိုင်ပါသည်။ ဒါဟာပွင့်လင်း tag ကိုဒီတူအတွက်သတ်မှတ်ထားသောဖြစ်ပါတယ်: attribute ကို = " ... " အစားအချက်များ၏ attribute တန်ဖိုးသည်အဘယ်မှာရှိ။ အဆိုပါ tag ရဲ့အသိပညာက HTML ၏ဖွံ့ဖြိုးတိုးတက်မှုများအတွက်ပထမဦးဆုံးနှင့်အရေးပါဆုံးခြေလှမ်းဖြစ်ပါတယ်။ ဒီအနုပညာအခြေခံလည်းဝဘ်စာမျက်နှာဖွဲ့စည်းပုံတစ်ခုနားလည်မှုဆိုလို။

စာရွက်စာတမ်းဖွဲ့စည်းပုံမှာ

တစ်ခုချင်းစီက HTML document တစ်ခုသက်ဆိုင်ရာ extension ကိုဥပမာ, index.html ရှိပါတယ်။ ဒါကြောင့်ဘရောက်ဇာကိုသူလုပ်ဖို့ရှိပါတယ်နားလည်နိုင်ပြီး, မှန်ကန်စွာစာမျက်နှာဖော်ပြရန်။ ဆိုက်ဖန်တီးရန်အသုံးပြုဖိုင်တွေအားလုံးကိုကအနာဂတ်၌အလွန်သင်၏အသက်တာသက်သာလိမ့်မည်ဟုအတူတူ directory ထဲတွင်စောင့်ရှောက်ဖို့အကြံပြုလိုတယ်။ Hypertext Markup Language က HTML ၏အမှီတကဲစာရွက်စာတမ်းများ၏ဖွဲ့စည်းတည်ဆောက်ပုံ၏တစ်ဦးရှင်းရှင်းလင်းလင်းနားလည်မှုပါဝငျသညျ။ ဒါဟာ tag နဲ့စတင်သည် ဤစာရွက်စာတမ်းများတွင်အသုံးပြုသည့်က HTML ၏ဘရောက်ဇာကိုဗားရှင်းပြောပြသည်။ ယခုအချိန်တွင်ယင်းဘာသာစကား၏လိမ်းပဉ္စမဗားရှင်း, ဒါကြောင့်ဘာမှတီထွင်ရန်မလိုပါရဲ့, ငါတို့လုံလုံခြုံခြုံမဆိုစာမျက်နှာ၏ထိပ်မှအထက် tag ကိုထည့်သွင်းနိုင်ပါတယ်။

ထိုအခါထို site ၏ "အရိုးစု" ဖွဲ့စည်းရန်, အဓိကတွဲဖွဲ့စည်းပုံကိုသွားပါ။ အားလုံးကြွင်းသောအရာတည်စေရာဘို့အတွက်ပထမဦးဆုံး tag ကို - ... ။ ကစာရွက်စာတမ်းဖွင့်လှစ်ခြင်းနှင့်ပိတ်နိုင်အောင်ကျော်လွန်ကြောင်းအားလုံး, ဝဘ်စာမျက်နှာအဖြစ် browser ကိုအသိအမှတ်ပြုမထားပေ။ ဤသည် tag ကိုမဆိုစာရွက်စာတမ်းဘို့လိုအပ်ပါသည်။ ဒါဟာအစကိုအောက်တွင်ဆွေးနွေးကြမည်သည့်တော်တော်များများမဖြစ်မနေ tags များ, ပါရှိသည်။

ဦးခေါင်း

အဆိုပါ tag ကိုအတွင်းပိုင်း ... စာမျက်နှာပေါ်တွင်ဖော်ပြပေးမည်မဟုတ်ပါသောနည်းပညာပိုင်းဆိုင်ရာသဘောသဘာဝ၏သတင်းအချက်အလက်များပါဝင်သည်, ဒါပေမယ့်, လက်ထက်, စာရွက်စာတမ်းက HTML ၏အရေးပါသောအစိတ်အပိုင်းတစ်ခုဖြစ်ပါတယ်။ ဤအရပ်ဌာန၌ထားဆိုက်ကိုအသိပေးစာ, စာမျက်နှာနာမတျော၏ encoding ကသို့မရွေးနဲ့မိတ်ဆက်ကြသည်။ ဒါဟာမဖြစ်မနေ tag ကို <ခေါင်းစဉ်> ... အတွင်းပါရှိသောဖြစ်ပါတယ်။ ဒါဟာသင်ကိုလည်းစာမျက်နှာတွင်ပါဝင်သောအကြောင်းအရာများကိုသေးငယ်တဲ့ icon ကိုနေရာချလို့ရပါတယ်ဘယ်မှာသင့် browser ၏ထိပ်မှာနာမညျကိုဖော်ပြပေးမှာဖြစ်ပါတယ်။ ဒါဟာချက်ချင်း၎င်း၏မှန်ကန်သော display ကိုအဘို့အစာရွက်စာတမ်း encoding ကသတ်မှတ်အကြံပြုလိုတယ်။ ဒါက tag ကို နှင့်အတူလုပ်ဆောင်နိုင်တယ်။ စာမကျြနှာပျေါတှငျ meta data တွေကိုဖွဲ့စည်းပုံများကိုပုံမှန်အားဖြင့်ဦးခေါင်းအတွင်း၌တည်ရှိသည်။

link ကို

HTML ကိုအခြေခံအသိပညာကိုလည်းတန်းဒေသတွေစတိုင်များအသုံးပြုမှု, ဒါမှမဟုတ် css ပါဝငျသညျ။ သူတို့စာမျက်နှာပေါ်တွင်ဖော်ပြပေးပါလိမ့်မည်သောဒြပ်စင်၏ဂုဏ်သတ္တိများထားကြ၏။ ဤပြဿနာကိုမှခေတ်သစ်ချဉ်းကပ်မှုကဆက်ပြောသည်အဆင်ပြေပြင်ပဖိုင်, ပစ္စည်းများ၏အရောင်, အရပ်နှင့်တည်နေရာကဲ့သို့သောလက္ခဏာများ၏စည်းကြပ်ပါဝငျသညျ။ အဆိုပါ css-file ကိုချိတ်ဆက်ဖို့ အဆိုပါ tag ကိုအသုံးပြုသည်။ href ညွှန်ပြပေးသောချော form မှာ, ကဤကဲ့သို့သောအရာတစ်ခုခုကိုကြည့် အဆိုပါဖိုင်ရဲ့တည်နေရာ, နှင့်အမျိုးအစားပေါ် - က၎င်း၏အမျိုးအစားပေါ်။

ကိုယ်ခန္ဓာ

ဒါဟာစာမျက်နှာ၏မြင်နိုင်တစ်စိတ်တစ်ပိုင်းအသုံးပြုနေသူများကဖန်တီးအတွက် HTML ကို-စာရွက်စာတမ်း၏ဤအပိုငျး၌တည်ရှိ၏။ က "ခန္ဓာကိုယ်" အထဲမှာပြုသမျှသော browser ကိုအားဖြင့်ပြသပါလိမ့်မည်။ ထဲမှာ HTML တဂ်၏ကြီးမားသောငွေပမာဏကိုအသုံးပြုခဲ့သည်။ အခြေခံ - ဤ စာသားကို Formatting, လင့်များနှင့်တစ်ဦးဝဘ်စာမျက်နှာ structuring များအတွက်ရိုးရှင်းသော tool ကိုအတူအလုပ်။ အခြေခံ tags များသိရန်အလုံအလောက်က HTML အတွက်အလုပ်လုပ်ဖို့နဲ့သူတို့ကိုအသုံးချနိုင်မှရရန်။ အောက်ကလူကြိုက်အများဆုံးသူများဖြစ်ကြ၏:

• - css မှာဖော်ပြထားတဲ့တစ်ဦးအထူးသဖြင့်စတိုင်မှတာဝန်ပေးအပ်ခံရဖို့, တစ်ဦး substring extract ရန်အသုံးပြုလျက်ရှိ၏
• - ဝက်ဘ်စာမျက်နှာပေါ်ရှိ link တစ်ခုဖန်တီး; ခုန်လိပ်စာ attribute က href သတ်မှတ်ထားသောလျက်ရှိ၏
• - လူကြိုက်အများဆုံးခေတ်သစ် tags များထဲကတစ်ခု; ဒါကြောင့်ဒီနေ့ရဲ့ဝက်ဘ်ဆိုက်များ၏ခြင်္သေ့ရဲ့ဝေစု၏အခြေခံပေါ်မှာဖန်ဆင်းသောပိတ်ပင်တားဆီးမှုဒြပ်စင်, (ပိတ်ပင်တားဆီးမှုများအတွက် parameters တွေကို

  css ထဲမှာ set နေကြသည်နှင့်အခြားယူနစ်ဒီ tag ကိုအတွင်းအပြင်နေရာချနိုင်ပါသည်) ကြောင့် HTMLl, ကအထူးအာရုံစိုက်သင့်ပါတယ်ဘာသာစကားရဲ့အခြေခံကိုသင်ယူဖို့ဆုံးဖြတ်လိုက်တယ်သူမည်သူမဆို;

• - စာသားတစ်အပိုဒ်ရွေးချယ်; အဆိုပါအပိုဒ်ရဲ့ contents ဖွင့်ပွဲနှင့်ပိတ်ပွဲ tags များအကြားတည်ရှိသည်;

• - တစ်ဦးကိုရေတွက်စာရင်း, tag ကို pair တစုံအဖြစ်နေသော၏ဒြပ်စင်
  1. ;
  2. - တစ် bulleted စာရင်း ဟာ tag ကို
     • အားဖြင့်ခေါ်လိုက်ပါမယ်နေကြသည်သောအဖြစ်ကိုရေတွက်ဒြပ်စင်ပြခြင်း,

     • -

       - စာရွက်စာတမ်းခေါင်းစီး (ထိုကိန်းဂဏန်း

       ကဆိုလိုသည်မှာ, ထိုခေါင်းစဉ်များ၏အဆင့်ကိုညွှန်ပြ - ပင်မခေါင်းစဉ်, နှင့်နောက်ဆက်တွဲမူကွဲယင်း၏စာတန်းထိုးဖြစ်ကြသည်လမ်းဖြင့်, ခေါင်းစဉ်၏အဆင့်ဆင့်,

       အင်တာနက်ကိုဖွင့်လှစ်နေရာများပေါ်တွင်တွေ့ရှိရန်မဖြစ်နိုင်သလောက်

       ဖြစ်ပါတယ်) ကစာမျက်နှာတစ်ဦးတည်းသာ header ကို

       ကရှိနိုင်သည်ကိုမှတ်မိဖို့လည်းအရေးကြီးပါတယ်;

     • - ရဲရင့်သောစာသား;
     • - စာလုံးစောင်း;
     • - (ကတစ်ခုတည်း tag ကိုဖြစ်တယ်, ဒါကြောင့်ပိတ်ပစ်ရန်မလိုအပ်ပါဘူး, ဒါပေမယ့်သူကပုံတစ်ပုံကိုများအတွက်စာသားသတ်မှတ်ပါတယ်သော alt attribute မှာ, specify လုပ်ဖို့လိုအပ်ပါသည်) ဝဘ်စာမျက်နှာပေါ်တွင်ဓာတ်ပုံများကိုထည့်သွင်း;
     • <ဗီဒီယို> - ဝဘ်စာမျက်နှာပေါ်တွင်တစ်ဦးကိုဗီဒီယိုထည့်သွင်း;
     • <အသံ> - tag ကိုစာရွက်စာတမ်းအသံဖိုင်သို့ဖြည့်စွက်ထားပါသည်။

     ဒါဟာသင့်ကိုယ်ပိုင်ဝဘ်စာမျက်နှာကိုဖန်တီးရန်လိုအပ်သောအပေါငျးတို့သ tags များသည်မဟုတ်, သူတို့ကအခုမှစများအတွက် HTML ကို၏အခြေခံအုတ်မြစ်လုံလောက်ရှိပါတယ်။

     CSS ကို

     HTML ကိုဘာသာစကားဖွံ့ဖြိုးတိုးတက်မှုအသီးအသီး tag ကို obzavolsya အလေးချိန် attributes ဆိုတဲ့အချက်ကိုမှဦးဆောင်ခဲ့ပြီးနဲ့ Web စာမျက်နှာများကို၏အသွင်အပြင်အတွက်လိုအပ်ချက်များကိုသိသိသာသာတိုးမြှင့်ဆိုလို။ Code ကိုအဲဒါကိုဖတ်ရှုဖို့, ကုန်အံ့တစ်ဦးတည်းလိုက်လျောညီထွေဖြစ်အောင်သို့မဟုတ်ပြောင်းလဲပစ်ရန်ခက်ခဲခဲ့နှေးကွေးနေသေးတယ်နှင့်အဆင်မပြေဖြစ်လာသည်။ အပြင်, ထို့နောက်အစိမ်းရောင်မှတ်သားခေါင်းကြီးပိုင်းတွင်၏အရာပေါ်မှာအများကြီး, သင့် site ကိုတစ်ဆယ်စာမျက်နှာများ, လျှင်တိုင်းလက်ပြောင်းလဲနေတဲ့ချွေးရန်ရှိသည်, သင်သူတို့ကိုအမှတ်တမဲ့တိုက်အနီရောင်စေချင်တယ်။ ကက်စကိတ်ပုံစံစာရွက်များ၏ထွန်းနှင့်အတူဤဖြစ်စဉ်ကိုရိုးရှင်းပြီးယုတ္တိဖြစ်လာသည်နှင့်, HTML ကို-code ကိုပိုပြီးဖတ်လို့လွယ်ဖြစ်လာသည်။

     CSS ကိုလျှောက်ထားခြင်း

     ဝက်ဘ်စာမျက်နှာများကိုဖန်တီးရန်, သင်က HTML နဲ့ CSS ၏အခြေခံကိုသိရမယ်, ဒါကြောင့်ဒီဒေသမှာလုပ်ပေးများသို့ကစ်ကိတ်ဒစတိုင်စာရွက်များ၏ပညာအတတ်မရှိဘဲယခုအချည်းနှီးဖြစ်၏။ သူတို့ဟာတစ်ခုလုံးကိုစာရွက်စာတမ်းမှလျှောက်ထားရာတစ်ခုချင်းစီကိုဒြပ်စင်အဘို့အ attribute တွေ, ထားကြ၏။ ထို့ကြောင့်သင်ကတစ်ဦးတည်းသာစည်းမျဉ်းရေးသားခြင်း, ရှိသမျှ

     element သို့မဟုတ် များအတွက်တစ်ချိန်ကအရောင်သတ်မှတ်နိုင်သည်။ web စာမျက်နှာ၏အသွင်အပြင်များအတွက်လက်ရှိလိုအပ်ချက်များကိုပေးထား, ကက်စကိတ်ပုံစံစာရွက်များ၏အသုံးပြုမှုကိုတစ်ဦးမဖြစ်မနေဖြစ်ပါတယ်။

     စာရွက်စာတမ်းဖို့ css ဖိုင်ချိတ်ဆက်နိုင်ရန်အတွက်တစ်ဦး tag ကို link ကိုလည်းမရှိ။ အနည်းငယ်ကအထက်က၎င်း၏အသုံးပြုမှုနိယာမဖော်ပြထားပေမယ့်တစ်နေရာတည်းတွင်အားလုံးစတိုင်များပေါင်းစပ်ပြီးတစ်ခုတည်းသောရွေးချယ်စရာမဟုတ်ဘူး။ စာရွက်စာတမ်း၏ "ဦးခေါင်း" ထဲမှာတည်ရှိပါတယ်နှငျ့သငျ CSS ကိုဖိုင်တွေမသုံးဘဲစတိုင်များမှတ်ပုံတင်ရန်ခွင့်ပြုသည့် tag ကို <စတိုင်> ရှိပါသည်။ မဟုတ်သေချာပေါက်တစုံတယောက်သောသူသည်နည်းလမ်းသို့မဟုတ်အခြားသုံးစွဲဖို့။ သူတို့ကအောင်မြင်စွာအကောင်းဆုံးရလဒ်ထုတ်လုပ်ရန်ပေါင်းစပ်နိုင်ပါတယ်။ စတိုင်စာရွက်များနှင့်အတူဖိုင်တစ်ခုဖန်တီးရန်ဥပမာ extension ကို .css နှင့်အတူဖိုင်တစ်ခုဖန်တီးရန်ကိုနှိပ်ပြီးလိုအပ်ပါတယ်။

     JavaScript ကို

     မကြာခဏက်ဘ်စာမျက်နှာများကိုဖွံ့ဖြိုးဆဲစတင်ရန်ဆုံးဖြတ်ခဲ့သည်သူ, သူ့တာဝန်က HTML ကကမ်းလှမ်းရန်ပုံငွေမလုံလောက်ဘူးကြောင်းသိထားသညျ။ အခြေခံအဆင်းလှသောစာမျက်နှာဖန်တီးပါလိမ့်မယ်, ဒါပေမယ့်သင်ကရုတ်တရက်သူကအပြန်အလှန်စေရန်အဘယ်အရာကိုလိုအပ်တယ်ဆိုရင်? ဤအရည်ရွယ်ချက်များအဘို့, HTML ကိုနှင့်အတူကောင်းစွာအပြန်အလှန်ဆက်သွယ်တဲ့ထူးခြားတဲ့မြင်ကွင်း programming language ကိုလည်းမရှိ။ ကပေါ်ပြူလာဂျာဗားဘာသာစကား၏တစ်ဦးညီငယ်အဖြစ်ပဋိသန္ဓေယူသောကြောင့်က JavaScript ကိုလို့ခေါ်ပါတယ်။ ယနေ့ထိုအဘာသာစကားများသိသိသာသာကွဲပြားခြားနားမှုရတယ်, သူတို့အကြားကွာဟချက်ကိုသာပေါက်နေသည်။

     JavaScript က HTML လုပ်ပိုင်ခွင့်နိုငျသညျ, သင် tags များဖန်တီးပြင်ဆင်ရန်ခွင့်ပြုသည်။ ဒါ့အပြင်ဒီအံ့သြစရာ tool ကို၏အကူအညီနှင့်အတူသင်ခွင့်ပြု HTML ကိုစွမ်းရည်ထက် site ကိုပိုပြီးအပြန်အလှန်အောင်စာမကျြနှာပြန်တင်စရာမလိုဘဲဆာဗာကနေဒေတာတွေကိုဒေါင်းလုပ်, Cokie နှင့်အတူအလုပ်လုပ်နိုင်ပါတယ်။ ဒါဟာလုံခြုံရေးနှင့်ဆက်စပ်သောဘာသာစကားနှင့်ကန့်သတ်ထားပါတယ်။ JavaScript ကိုဆာဗာဘက်မှာအသုံးမသည်ဆိုပါကအဆိုပါတိုက်ခိုက်သူမဆိုကွန်ပျူတာပေါ်မှာအန္တရာယ်ရှိတဲ့ကုဒ်ကိုသုံးပါနိုင်ကြောင်း၎င်း၏စွမ်းရည်ကိုကန့်သတ်ကြောင်းအခြေအနေများအတွက်ထွက်သယ်ဆောင်ပါလိမ့်မည်။

     အယ်ဒီတာများ

     အဆိုပါအစပြုသူများအတွက် HTML ကိုအခြေခံ web စာမျက်နှာများဖန်တီးအများဆုံးအဆင်ပြေပြေနဲ့လက်တွေ့ကျတဲ့အစီအစဉ်၏အသိပညာယူဆ။ အထက်တွင်ဖော်ပြခဲ့သည့်အတိုင်း, ထိုကဲ့သို့သော Dreamweaver နှင့်တူသောအဖြစ်အမြင်အာရုံအယ်ဒီတာများ, ဤရည်ရွယ်ချက်အဘို့အသင့်လျော်မရှိကြပေ။ ဒီတော့သာမန်မှတ်စုစာအုပ်ထဲမှာ tags များရေးရန်? စံမှတ်စုစာအုပ် layout ကိုများအတွက်မဆိုအထူး tools များရှိသည်ပါဘူးကတည်းကဒီ option ကိုလည်းမေးခွန်းထုတ်စရာဖြစ်ပါတယ်။ ဤသည်တာဝန်ကောင်းစွာ Notepad ++ ရင်ဆိုင်ဖြေရှင်းနိုင်လိမ့်မည်။ ဒီထုတ်ကုန်များ၏ကြီးမားသောပေါင်းကပွင့်လင်းအရင်းအမြစ်တစ်ခုဖြစ်သည်နှင့်တာဝန်ခံအခမဲ့ဖြန့်ဝေကြောင်းဖြစ်ပါတယ်။ ဒါကြောင့်တစ်ဦးအဆင်ပြေ syntax ထင်သာမြင်သာနဲ့ Auto-ပိတ်ပွဲ tags များရှိသေး၏။ notepad ++ စတဲ့ကျယ်ပြန့် interface ကိုဘာသာစကားများအကွာအဝေးနှင့်အလွယ်တကူမြောက်မြားစွာဖြည့်စွက်၏အကူအညီဖြင့်ချဲ့ထွင်ရန်၎င်း၏စွမ်းရည်ကိုပေးပါသည်။

     သူတော်ကောင်းတရားစာသား 3 - Notepad ++ အလားတူ program တစ်ခု, ဒါပေမယ့်တစ်အခကြေးငွေအခြေခံပေါ်မှာပြန့်နှံ့။ သူမအရှိဆုံး developer များ၏စိတ်နှလုံးကိုအနိုင်ရသော။ JavaScript ကို, CSS နဲ့ HTML တို့အတွက်သူတော်ကောင်းတရားစာသား 3 စံပြ။ ဒါကြောင့်အတူလုပ်ကိုင်၏အခြေခံမိမိတို့ကိုယ်ပိုင်အပေါ်လေ့လာသင်ယူရန်ရှိသည်လိမ့်မယ်, ဒါပေမဲ့အဲဒါကိုတန်ဖိုးရှိပါတယ်။ ဒါဟာသင့်ရဲ့လိုအပ်ချက် fit ဖို့အစီအစဉ်ကိုညှိကောင်းလာတာပါကြောင့်ဒဏ်ငွေ-tuning များအတွက်အမှန်တကယ်အဆမဲ့ဖြစ်နိုင်ချေပါရှိသည်။

     အရင်ကဆိုရင်များအတွက် HTML နဲ့ CSS ကို၏အခြေခံ

     သင်တို့ကိုတွေ့မြင်နိုင်သကဲ့သို့, ဝက်ဘ်စာမျက်နှာများအတွက်အနုပညာကိုသင်ယူကပထမတစ်ချက်မှာပုံရသည်သကဲ့သို့ခက်ခဲသည်မဟုတ်။ ကိုယ့်လအနည်းငယ်လက်တွေ့ကျတဲ့လေ့ကျင့်ရေးဆော့ဖ်ဝဲရေးသားသူတစ်ကြောက်အတွေ့အကြုံမရှိသေးသောအသုံးပြုသူထံမှသင်တို့လှည့်ပါလိမ့်မယ်။ Vorstke ဆို programming language ကိုသို့မဟုတ် Linux သင်ယူဖို့ထက်အများကြီးပိုလွယ်သင်ယူကြသည်။ တကယ်တော့, HTML တဂ်ဤမျှလောက်အရေးကြီးသောသူတို့၏လျှောက်လွှာ၏လက်တွေ့ရှုထောင့်ကိုနားလည်သဘောပေါက်ရန်မရှိကြပေ။

     Adobe က Photoshop မှာအလုပ်ကျွမ်းကျင်မှုဖြစ်ပါတယ်ဒီစီးပွားရေးလုပ်ငန်းမှာလွဲဖြစ်မနေပါနဲ့။ ဒီပရိုဂရမ်ကိုသင်ဓါတ်ပုံ, ရုပ်ပုံတွေနဲ့ web စာမျက်နှာများတွင်တခြားဂရပ်ဖစ်ဒြပ်စင်နှင့်အတူအလုပ်လုပ်ရန်ခွင့်ပြုပါတယ်။ ယခုအချိန်တွင်သူက "Photoshop ကို" ဒီလိုပြဿနာတွေနဲ့ရင်ဆိုင်ဖြေရှင်းနိုင်တာကအကောင်းဆုံးဖြစ်တယ်, ထိုပြိုင်ဘက်နည်းနည်းရှိခဲ့ပါတယ်။ ကုမ္ပဏီ၏ကို Adobe ထုတ်ကုန်များမှာသောသူတို့အဘို့အလားတူလုပ်ငန်းဆောင်တာနှင့်အတူ၎င်းတို့၏အကြိုက်ရှိ Lightroom, GIMP, Illustrator နှင့်အခြားအစီအစဉ်များမှရောက်လာသည်မဟုတ်။

     အဲဒီက HTML ၏အသိပညာပေးသည်

     အင်တာနက်ကိုအနားသတ်ခြင်းဖြင့်တိုးချဲ့ခြင်းဖြစ်သည်အဖြစ် web စာမျက်နှာများဖန်တီးခြင်းအတွက်ကျွမ်းကျင်မှု, ယနေ့အလွန်သက်ဆိုင်ရာဖြစ်ပါတယ်။ တိုင်းစီးပွားရေးလုပ်ငန်းမဆိုတောင်မှအသေးဆုံးဆိုင်, အလုပ်ရုံဆွေးနွေးပွဲများနှင့်အားကစားကလပ်အသင်း - အားလုံးသင့်ကိုယ်ပိုင်ဘ်ဆိုဒ်ရှိသည်ဖို့ချင်တယ်။ နှင့်သင်တန်း၏, ဤအများအတွက်သူတို့ CSS ကိုနဲ့ HTML ကိုပိုင်ဆိုင်သူတစ်ဦး developer လိုအပ်ပါတယ်။ လေ့လာသင်ယူရန်လွယ်ကူအခြေခံ, ပြီးတော့သူကအလေ့အကျင့်မှတက်ပါတယ်။ အဆိုပါ layout ကိုနည်းပညာအဆက်မပြတ်အဆင့်ဆင့်ပြောင်းလဲဖြစ်ပေါ်လာဖြစ်ပါတယ်ကတည်းက Front-အဆုံး developer များဝယ်လိုအားအတွက်အမြဲရှိပါတယ်။ ဒီစိတ်လှုပ်ရှားဖွယ်စက်မှုလုပ်ငန်းမှသူ့ကိုယ်သူမွှုပျနှံရန်ဆုံးဖြတ်သည်သူမည်သူမဆို, အလုပ်မပါဘဲဖြစ်ဘယ်တော့မှပါလိမ့်မယ်။