Jump to content

အိတ်ဆ်တီအဲမ်အယ်လ်/အဝဖုံႏ

From Wikiversity

အဝ (frame) ယို အမာꩻဖေႏအီ ကဏ္ဍအမျိုꩻမျိုꩻ ဝဲဘ်လိတ်မဲ့ငါတဗာႏကိုတာႏ။ အဝယို မာꩻအီ ထာꩻခြွိုင်းအွောန်ႏယီးလွေꩻမိုးဖေႏထာꩻဖုံႏလꩻ။ ဥပမာ ဖရိမ် (အဝထာꩻ)တဗာႏနောဝ်ꩻ အွောန်ႏယီးဖေႏအီလဉ့်ခ်၊ ယင်းတဗာႏခေါ်နောဝ်ꩻ မာꩻလုဲင်ႏ ဗွောင်ဖေႏအီလိတ်ခရာႏလꩻ။
အဟောဝ်ဖုံႏနောဝ်ꩻ-

  • မဉ်ႏမာꩻနေးတွမ်ႏဖရိမ်ယို ထွာ ခုမ်မာꩻအီထာꩻမာꩻယိုꩻ။
  • မဉ်ႏမာꩻနေးတွမ်ႏဖရိမ်နောဝ်ꩻ ကေားထွားသား အောဝ်ႏနီဝဲဘ်သုဲတ်ကို ထန်ႏထိုꩻနေးတောဝ်းယောဝ်း အွောန်ႏနယ်ဖေႏလိတ် အွိုးဝဲက်ဘ်သုဲတ်လောင်းလင်ကိုခရာႏလꩻ။


အဟောဝ်တောဝ်းဖုံႏနောဝ်ꩻ-

  • ဖရိမ်ကပါဒါႏ ဝဲဘ်သုဲတ်ဖုံႏယို အဉ်စဉ်ထုမ်ႏဖေႏလိတ် (search engine) ဖုံႏ ရဲန်ꩻခါꩻစဲင်းဖေႏသေꩻအဲန်တောဝ်း
  • ဘရောဝ်သာ အရီးရီးဖုံႏ ရဲန်ꩻခါꩻဖေႏတောဝ်း ဖရိမ်ဖုံႏရာ။

နီမာꩻ <NOFRAME>...</NOFRAME>

ကအီးရဲန်ꩻမာꩻဖေႏ ဝဲဘ်သုဲတ်ထွားဟောဝ်မွေးတဗာႏထွူ နေးတွမ်ႏဖရိမ် ကအီးလွုမ်းထွေနောဝ်ꩻ ကုဲင်းထွာဒါႏ ထာꩻမာꩻခုဲင်ႏခွေါ့ꩻတဗာႏ။

ဖရိမ် တဲဂ် ဝအီထာꩻ

[edit]
  • ဥပမာ ၁- လိတ်မဲ့ငါတဗာႏ ဝခါꩻနီခေါဝ် ၂ ခါႏ
<html>
 <head>
   <title>ဖရိမ် ဥပမာ ၁</title>
   <frameset cols="20%,80%">
     <frame src="left.html">
     <frame src="main.html">
   </frameset>
 </head>
</html>


  • ဥပမာ- လိတ်မဲ့ငါတဗာႏ ဝခါꩻ ၂ ရွယ်ꩻ
<html>
 <head>
   <title>ဖရိမ် ဥပမာ ၂</title>
   <frameset rows="20%,80%">
     <frame src="left.html">
     <frame src="main.html">
   </frameset>
 </head>
</html>
  • ဥပမာ ၃-လိတ်မဲ့ငါတဗာႏ ဝခါꩻ ၂ ခါႏ ၂ ရွေꩻ
<html>
 <head>
   <title>ဖရိမ် ဥပမာ ၃</title>
   <frameset rows="20%,80%">
     <frame src="top.html">
     <frameset cols="20%,80%">
       <frame src="left.html">
       <frame src="main.html">
   </frameset>
 </head>
</html>

ဖရိမ်အဗူႏ လက္ခဏာႏဖုံႏ

[edit]

၁. border နောဝ်ꩻ မာꩻအီ အကူအနား ဖရိမ်ဖုံႏခါႏကို။ အငိုꩻအခန်နောဝ်ꩻ အွောန်ႏစူꩻဖေႏ အဒွိုန်အဗွို ပေက်သဲး (pixel) နေး။

  <frameset cols="   ", border="2">
  .
  .
  </frameset>

၂. bordercolor နောဝ်ꩻ အရဲန်ꩻဖေႏ အကူအနားတာႏ အရောင်ႏ။ ထာꩻယိုနောဝ်ꩻ မဉ်ႏအွောန်ႏထော့ခါꩻ ဖရိမ်အကူအနားမꩻ အီးထီႏ။ ဥပမာ- bordercolor="blue"

၃. frameborder ယို အစူꩻလွေꩻ အီးအွောန်ႏနယ် အကူအနားနဲ့ အွောန်ႏနယ်တောဝ်းနဲ့သွူ။ အငိုꩻအခန်ဖုံႏနောဝ်ꩻ ထွာ "1" တောဝ်းတဲ့ "yes" ယင်း "0" တောဝ်းတဲ့ "no"သွူ။ ဥပမာ- frameborder="1"

၄. framespacing ယို အွောန်ႏခြေင်အီဖေႏ ခင်ႏလမ်း အွိုး ဖရိမ်တွမ်ႏ လိတ်ခါႏကို။ အငိုꩻအခန်နောဝ်ꩻ အအီးအွောန်ႏခါꩻနေးတွမ်ႏ pixel သွူ။ ဥပမာ- framespacing="10"

5. cols တွမ်ႏ rows ဖုံႏယို ထွာ ဖရိမ်အဗူႏ လက္ခဏာႏဖုံႏ။

အဝထာꩻ လက္ခဏာႏဖုံႏ

[edit]

၁. src ယို ထွာ ကအီးဗွောင်အဝခါꩻ (frame) တာႏ ဝဲက်ဘ်လိတ်မဲ့ငါခင်ႏလမ်း

၂. bordercolor ရဲန်ꩻဖေႏ အကူအနား အရောင်ႏ

၃. frameborder, set to ကအီးအွောန်ႏနယ် အကူအနား တွမ်ႏ အကူအရောင်ႏတာႏ တောက်ꩻခါꩻအလက်ꩻ "1" တောဝ်းတဲ့ "yes"

၄. marginwidth ရဲန်ꩻဖေႏ ခင်ႏလမ်းခြေင် ပေက်သဲးနေးစား အွိုး လိတ်ယာႏ တွမ်ႏယင်း အဝခါꩻထာꩻ အစောက်စေႏထွေ နီဖဲ့ꩻခါႏကို

၅. marginheight ရဲန်ꩻဖေႏ ခင်ႏလမ်းခြေင် ပေက်သဲးနေးစား အွိုး လိတ်ယာႏ တွမ်ႏယင်း အဝခါꩻထာꩻ မော့ကီ ယင်း မော့လ နီဖဲ့ꩻခါႏကို

၆. name အွောန်ႏမဉ်ꩻအီ အဝထာꩻ ဖရိမ်တာႏ မဉ်ꩻတဗာႏထွူ မာꩻအီ ကယိုꩻဒါႏ လိတ်မွောန်။ ထာꩻယို မာꩻအီကြွို့ꩻကြꩻဒျာႏ မဉ်ႏရအီးဟွော့ꩻဖေႏ ဟုဲပ္ပါလဉ့်ခ် ( hyperlinks) ဖုံႏ အွိုး ဖရိမ်တဗာႏကို

၇. noresize, နာꩻရဲးကမ်အီခါꩻ ကေားထွားသား ကရအီးရဲန်ꩻတသာတရာꩻတေား နာꩻလိတ်ထဲင်မဲ့ငါ (webpage)၊ ထာꩻယို ထူႏတောဝ်း လိတ်ငိုꩻခန်ဖုံႏ

၈. scrolling ထာꩻယို ထူႏ လိတ်ငိုꩻခန် ၃ ဖြုံႏ (yes, no, auto)

  yes  - နာꩻမဉ်ႏမဉ်ဖေႏ တကြွီႏ တရွောတ်ꩻ  (scrolling) ၊ မဉ်ႏရလိုႏတကြွီႏ တရွောတ်တောဝ်းခန်းစွောန်ႏတဲ့ယောဝ်း ထာꩻကြဲ့ တရွောတ်ꩻအီတာႏ အီးအောဝ်ႏတမ်ꩻဖေႏ 
  no   - ထာꩻယိုဗာႏတဲ့ အောဝ်ႏလိုႏစွောန်ႏလဲ့ယောဝ်း အီးအွောန်ႏပေ့ꩻခါꩻ ထာꩻကြဲ့ တရွောတ်ꩻအီတာႏ (scrollbar)
  auto - ဟောဝ်သော့ꩻခါꩻဖေႏ ထာꩻကြဲ့ တရွောတ်အီ (scrollbar) နဲ့ သော့ꩻတောဝ်းနဲ့ အွောန်ႏဖေႏ ဘရောဝ်သာ (browser) ချင်း

မဉ်ꩻ လက္ခဏာႏ

[edit]

ကအီးထွို့ꩻ ဟုဲပ္ပါလဉ့်ခ် (hyperlinks) ကအောဝ်ႏမာꩻ ဖရိမ် ထာꩻဝ ဝဲပ်ဘ်လိတ်မဲ့ငါ တဗာႏကိုခါ နာꩻလိုႏရဲန်ꩻဖေႏ ဖရိမ် ထာꩻဝတာႏ အမဉ်ꩻ name ။ အီးဗွောင် ဝဲပ်ဘ်လိတ်မဲ့ငါ တမဲ့ငါကို ဗွောင်ဖေႏတွမ်ႏ ဖရိမ် ထာꩻဝ အဗာႏမုဲင်ꩻတာႏ မာꩻအီဒါႏတွမ်ႏ name လက္ခဏာႏသွူ။

  <a href="http://www.google.com" target="   " >

The name နောဝ်ꩻ လိုႏသော့ꩻဖေႏ target လက္ခဏာႏ ( attribute) <a>...</a> ခါႏကို

နာꩻမဉ်ႏမဉ်ဗွောင်လို့လို့ နာꩻဝဲပ်ဘ်လိတ်မဲ့ငါ ဖရိန် ထာꩻဝခါꩻတဗာႏစွို့ꩻကိုနောဝ်ꩻ ရဲန်ꩻအီတွမ်ႏ တဲဂ် ( tag) ယိုဗာႏ <base target="" />

  <html>
    <head>
     <base target=" " />
    </head>
  </html>

Target နောဝ်ꩻ မာꩻအီ ကအီးဖေႏမဉ်ꩻလွေꩻ ဖရိမ် ထာꩻဝခါꩻ။ ကွဲးတွော့ꩻ မာꩻတောဝ်းတွမ်ႏ ဖရိမ်မဉ်ꩻနေး၊ မာꩻတေားလုဲင်ႏ ကထော့ခါꩻဒါႏ values အငိုꩻအခန်နေးစားတဲ့ အောဝ်ႏနေနေ။

  • _blank

Value အခန်ယိုဗာႏ မာꩻ ကအီးအွောန်ႏနယ် လိတ်မဲ့ငါတမဲ့ငါတာႏ ထွားခရာႏ (window) တသာတဗာႏ၊ နောဝ်ꩻကို ဖရိမ် ထာꩻဝခါꩻ ပါသော့ꩻတောဝ်း။

  • _parent

ဗွိုန်ပီ အရီးဗာႏ၊ ကွဲးတွော့ꩻ ယိုနောဝ်ꩻ မာꩻအီခါꩻ ကအီးရဲန်ꩻပွိုင်ဖေႏ အမဉ်ꩻအရွီးအခိုႏကပါဒါႏ ဖရိမ် ထာꩻဝခါꩻ အရီးရီးအထျꩻထျꩻ ( parent frame)ဗာႏ။

  • _self

တေားထင်ႏဖေႏ လိတ်မဲ့ငါ ဖရိမ် ထာꩻဝခါꩻ ဗွိုန်ဝင်ꩻဒျာႏကို

  • _top

ယိုဗာႏအွောန်ႏနယ် လိတ်ရဲန်ႏ window ထွားအီ အတသာတဗာႏ။ မာꩻလွေꩻ ကအီးအွောန်ႏကုဲင် ဖရိမ် ထာꩻဝခါꩻထွူ တေားထင်ႏလိတ်ရဲန်ႏ window ထွားအီ ဗွိုန်ပီဝင်ꩻကို။

  • frame name

ချင်းဖေႏ၊ ပွိုင်ဖေႏ နာꩻကအီးတေားထင်ႏဒါႏ လိတ်မဲ့ငါခင်ႏလမ်း

  • Resource Window

ဗွောင်ဖေႏ လိတ်တဲမ်း window ထွားအီ အတသာ တဗာႏကို

အရဲန်ႏကို အဝ

[edit]

အရဲန်ႏကို အဝနောဝ်ꩻ ထွာ အဝ မာꩻအီထာꩻယောင်ꩻဆျောဝ်ႏတဗာႏ ကလꩻအီဒါႏ အဝ အောဝ်ႏပေါ်ထာꩻတဗာႏသွူ။ မာꩻအီနေး ထာꩻယောင်ꩻဆျောဝ်ႏ ပီနုဲင်း တဲဂ် ခွေါင်းအီခရာႏတဲ့အောဝ်ႏ။

  <iframe></iframe>

အရဲန်ႏကို အဝ လက္ခဏာႏဖုံႏ

[edit]

၁. src ဖဖေႏ လိတ်မဲ့ငါ ကအောဝ်ႏဒါႏ ခင်ႏလမ်း

၂. align အွောန်ႏသျဖေႏ အရဲန်ႏကို အဝ ကပွိုးဝွို့ ထာꩻလောင်းလင် ကပါဒါႏ လိတ်မဲ့ငါကို။ ကအွောန်ႏသျနောဝ်ꩻ ထွာ စေႏ left, ထွေ right, ကီ top, လ bottom, ထဝ middle

၃. height တွမ်ႏ width ဒါဖေႏ အုဲန်ဖရိမ် iframe ဒုဲန်မဲန်းဆျွန်း ပေက်သဲး (pixels) နေးစား

၄. hspace တွမ်ႏ vspace ဒါဖေႏ အတွောင်းတွမ်ႏ အထွိုင်ႏ ခင်ႏလမ်းကအီးအွောန်ႏ iframes အသောင်အထျꩻဖုံႏတာႏ ဂဏန်ꩻငိူꩻ pixels နေးစား

၅. marginheight တွမ်ႏ marginwidth အွောန်ႏထွူအီဖေႏ ပေက်သဲးဆေ့အာ ဖရိမ် စေႏထွေ တွမ်ႏ ကီလအခါႏကို ယင်း ထာꩻနောဝ်ꩻတာႏ လိတ်နမ်းဖုံႏကို (left-right and top-bottom edges of the frame and its contents)

၆. frame border - ဂဏန်ꩻနမ်းဖုံႏရာနောဝ်ꩻ ထွာ 1 တွမ်ႏ 0

၇. scrolling - ထာꩻတကလွီႏငိုꩻဖုံႏနောဝ်ꩻ ထွာဒါႏ yes တောဝါးလဲ့ no

၈. noresize - ရဲးကမ်းခါꩻ ကေားစမ်ႏသား ကရအီးမာꩻအဲန်ႏလုဲင်းတရာꩻဒါႏ အဝ (frame)

၉. name - ဖေႏ ဖရိမ်တာႏ အမဉ်ꩻတဗာႏ