HTML UniForm Resource Locator မ်ား

---

URL ဆိုတာကေတာ့ web လိပ္စာရဲ့ တျခားနာမည္တစ္မ်ိဳးပါ။
URL ေတြကုိ စာလုံးေတြနဲ႔ ေရးႏုိင္ပါတယ္။ "soemoeaung.com" လုိမ်ိဳးပါ၊ အင္တာနက္Protocol (IP) လိပ္စာနဲ႔လည္း ေရးႏုိင္ပါတယ္။ ............... ျဖစ္ပါတယ္။ လူအမ်ားစုကေတာ့ ကိန္းဂဏန္းေတြထက္ မွတ္ရလြယ္တဲ့ စာလုံးနာမည္ကုိ ပဲ ရုိက္ရွာတတ္ပါတယ္။

---

 

URL - UniForm Resource Locator  

HTML စာမ်က္ႏွာ ကလင့္ခ္ Link တစ္ခုကုိ ႏွိပ္လုိက္ရင္၊ မ်ဥ္းတားထားတဲ့ <a> tag က world wide web ေပၚက လိပ္စာတစ္ခုကုိလွမ္းညႊန္ပါတယ္။
UniForm Resource Locator (URL) ေတြကုိ world wide web ေပၚက document (ဒါမွမဟုတ္ data) ေတြကုိ လိပ္စာတပ္ခ်င္ရင္သုံးပါတယ္။
web လိပ္စာကေတာ့ ဒီလုိပဲျဖစ္ပါတယ္။
http://www.soemoeaung.com/default.html

Scheme ://host.domain:port/path/filename

 

ရွင္းလင္းခ်က္

• scheme - ေတြကအင္တာနက္service  အမ်ိဳးအစားျဖစ္ပါတယ္။ အမ်ားစုကေတာ့ http ျဖစ္ပါတယ္။
• host - domain host အမည္ျဖစ္ပါတယ္။( default host ကေတာ့ www ျဖစ္ပါတယ္)။
• domain -အင္တာနက္ domain name ျဖစ္ပါတယ္။ soemoeaung.com
• port - host  မွာပါတဲ့ port number ျဖစ္ပါတယ္။ ( default port number ကေတာ့ 80 ျဖစ္ပါတယ္)။
• path -  server မွာရွိတဲ့ path ျဖစ္ပါတယ္။ (တကယ္လုိ႔မပါခဲ့ရင္ document ဟာ ဝဘ္ဆိုဒ္ ရဲ့ directory ရဲ့ေအာက္ဆုံးမွာ ထားရမွျဖစ္ပါတယ္)။
• filename - document/resource ရဲ့အမည္ျဖစ္ပါတယ္။

---

 

Common URL Scheme မ်ား

ေအာက္ကဇယား ကေတာ့ ျမင္ေတြ႔ေနၾက scheme ေတြျဖစ္ပါတယ္။

Scheme	short for ....	Which Pages will  scheme be Used for ...
http	Hypertext Transfer Protocol	ဝဘ္စာမ်က္ႏွာ အမ်ားစုက http:// နဲ႔စပါတယ္။ encrypte လုပ္မထားပါ။
https	Secure Hypertext Transfer Protocol	လုံျခဳံေသာ ဝဘ္စာမ်က္ႏွာ  ျဖစ္ပါတယ္။ ေပးပုိ႔တဲ့ အခ်က္လက္အားလုံးကုိ encrypte လုပ္ထားပါတယ္။
ftp	file Transfer Protocol	ဝဘ္ဆုိဒ္ ထဲကုိ ဖိုင္ ေတြတင္ဖုိ႔ site ထဲကဖုိင္ကုိျပန္ယူဖို႔သုံးပါ တယ္။ ဝဘ္ဆုိဒ္ ထိန္းသိမ္းဖုိ႔သုံးပါတယ္။
File		သင့္ကြန္ျပဴတာက ဖိုင္ ျဖစ္ပါတယ္။

http://www.soemoeaung.com

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
လယ္တီေျမသားသို႕{ ဒီမွာ } သြားလိုက္ပါ
စာေပနန္းေတာ္သို႕{ ဒီမွာ } သြားလိုက္ပါ

Read More

Dropdown Menu လွလွေလးနဲ႕ ဘေလာ့ကိုအလွဆင္ၾကစို႕

 မဂၤလာပါ  သည္နည္းပညာေလးကေတာ့ နိဳင္ငံျခားဆိုဒ္တစ္ခုမွ ျပန္လည္ မွ်ေ၀ျခင္းျဖစ္ပါတယ္..

အဆင္ေျပၾကမယ္လို႕ ယုံၾကည္ပါတယ္ေနာ္...ေအာက္မွာ ေလ့လာ နိဳင္ပါတယ္ေနာ္

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

သည္ေဘာက္ေလး တိုင္းကလ္စျပီး က်လာတဲ့ ေဘာက္ထဲမွာ ေအာက္က ကုဒ္ေတြ ထည့္ေပးလုိက္ပါ။

သည္ေခါင္းစဥ္ေလးရဲ႕ ပုံစံကို နမူနာ ၾကည့္လိုပါက   သည္မွာ   သြားလုိက္ပါေနာ္။

                <style type="text/css">@charset 'UTF-8';#cssmenu{border:none;border:0;margin:0;padding:0;font-family:verdana,geneva,arial,helvetica,sans-serif;font-size:14px;font-weight:bold;color:#8e8e8e;width:auto}#cssmenu > ul{margin-top:6px !important}#cssmenu ul{background:#CDCDCD;background:-webkit-linear-gradient(#cdcdcd 0%,#e2e2e2 80%,#cdcdcd 100%);background:linear-gradient(#cdcdcd 0%,#e2e2e2 80%,#cdcdcd 100%);border-top:1px solid #A8A8A8;-webkit-box-shadow:inset 0 1px 0 #e9e9e9,0 1px 0 #a80329,0 2px 0 #b81c40,0 8px 0 #a80329,0 9px 0 #7b021e,0 -1px 1px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 0 #e9e9e9,0 1px 0 #a80329,0 2px 0 #b81c40,0 8px 0 #a80329,0 9px 0 #7b021e,0 -1px 1px rgba(0,0,0,0.1);box-shadow:inset 0 1px 0 #e9e9e9,0 1px 0 #a80329,0 2px 0 #b81c40,0 8px 0 #a80329,0 9px 0 #7b021e,0 -1px 1px rgba(0,0,0,0.1);height:27px;list-style:none;margin:0;padding:0}#cssmenu ul ul{border-top:6px solid #a80329;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#cssmenu ul ul a{line-height:43px}#cssmenu ul ul ul{left:100%;top:0}#cssmenu li{float:left;padding:0 8px}#cssmenu li a{color:#666;display:block;font-weight:bold;line-height:30px;padding:0 25px;text-align:center;text-decoration:none}#cssmenu li a:hover{color:#000;text-decoration:none}#cssmenu li ul{background:#e0e0e0;border-left:2px solid #a80329;border-right:2px solid #a80329;border-bottom:2px solid #a80329;display:none;height:auto;filter:alpha(opacity=95);opacity:0.95;position:absolute;width:225px;z-index:200;/*top:1em;/*left:0;*/}#cssmenu li:hover > ul{display:block}#cssmenu li li{display:block;float:none;padding:0;position:relative;width:225px}#cssmenu li ul a{display:block;font-size:12px;font-style:normal;padding:0 10px 0 15px;text-align:left}#cssmenu li ul a:hover{background:#949494;color:#000;opacity:1.0;filter:alpha(opacity=100)}#cssmenu p{clear:left}#cssmenu .active > a{background:#a80329;-webkit-box-shadow:0 -4px 0 #a80329,0 -5px 0 #b81c40,0 -6px 0 #a80329;-moz-box-shadow:0 -4px 0 #a80329,0 -5px 0 #b81c40,0 -6px 0 #a80329;box-shadow:0 -4px 0 #a80329,0 -5px 0 #b81c40,0 -6px 0 #a80329;color:#fff}#cssmenu .active > a:hover{color:white}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --> <!-- customize your menus Links --> <div id="cssmenu"> <ul> <li class="active"><a href="index.html"><span>Home</span></a></li> <li class="has-sub"><a href="#"><span>Products</span></a><ul> <li class="has-sub"><a href="#"><span>Product 1</span></a><ul> <li><a href="#"><span>Sub Item</span></a></li> <li class="last"><a href="#"><span>Sub Item</span></a></li> </ul> </li> <li class="has-sub"><a href="#"><span>Product 2</span></a><ul> <li><a href="#"><span>Sub Item</span></a></li> <li class="last"><a href="#"><span>Sub Item</span></a></li> </ul> </li> </ul> </li> <li><a href="#"><span>About</span></a></li> <li class="last"><a href="#"><span>Contact</span></a></li> </ul> </div>

မွတ္ခ်က္ ။             ။  ကုဒ္အတြင္းမွ ေခါင္းစဥ္အမည္မ်ားကို   မိမိႏွစ္သက္သလို ေျပာင္းလည္းအမည္ေပးကာ လိုအပ္သလို ပြါးမ်ားနိဳင္ပါတယ္ေနာ္..

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

Read More