Showing posts with label Websiteေရးနည္းသင္ခန္းစာ. Show all posts
Showing posts with label Websiteေရးနည္းသင္ခန္းစာ. Show all posts

Tuesday, July 28, 2015

website-template-2

Website​ေရးနည္​းသင္​ခန္​းစာ-၂

​ေ႐ွ႕မွာ​ေတာ့အ​ေျခခံ​ေလး​ေတြတင္​​ေပးၿပီးၿပီျဖစ္​တဲ့အတြက္​ၾကည္​့ၿပီး​ေလာက္​ၿပီလို႔ထင္​ပါတယ္​
မၾကည္​့ရ​ေသးပဲဒီသင္​ခန္​းစာကိုမၾကည္​့ပါနဲ႔႐ႈပ္​သြားပါလိမ္​့မယ္​ ​ေ႐ွ႕သင္​ခန္​းစာကိုအရင္​နားလည္​​ေအာင္​ျပန္​ၾကည္​့ပါ ပထမဆံုးမ​ေန႔က
Website​ေရးနည္​းသင္​ခန္​းစာကိုျပန္​ၾကည္​့လိုက္​ပါဒါကိုလင္​့​ေတြခ်ိတ္​ၿပီးhosting​ေပၚတင္​မွာျဖစ္​ပါတယ္​


<!--DOCTYPE html-->
<html>
  <body style="background-color:black;">
 <table style="
   background-color:black;
   mergin-left:0px;
   mergin-right:0px;
   width:1600px;
   height:auto;
   color:white;">
<!--This is page title---->
   <caption style="
  background-color:blue;
  text-align:center;
  color:green;
  font-size:90px;
  width:auto;
  height:150px">
  NgaBwa NgaAngel(IT STORE)
   <!--This is page menu bar---->
   <div style="
  width:1600px;
  height:auto;
  color:orange;
  font-size:40px;
  background-color:green;
  text-align:left;">
  Home
  &nbsp;&nbsp;&nbsp;
  Books
  &nbsp;&nbsp;&nbsp;
  Application
  &nbsp;&nbsp;&nbsp;
  News
   </div>
   </caption>
<!--This is content---->
   <tr style="
  background-color:black;
  color:white;
  font-size:30px;
  cell-padding:2px;
  cell-spacing:4px;
  width:1600px;
  height:auto;
  text-align:left;">
<!--This is left content side---->
  <td style="
    width:600px;
    height:auto;">
    1.Lession1<br>
    2.Lession2<br>
    3.Lession3<br>
    4.Lession4<br>
    5.Lession5<br>
    6.Lession6<br>
    7.Lession7<br>
    8.Lession8<br>
    9.Lession9<br>
    10.Lession10
  </td>
<!--This is right content---->
  <td style="
    width:1000px;
    height:auto;">
    My name is Naing Linn.I'm Navy Soldier.<br>
    I'm from Central Naval Armment Depot,<br>
    Thanlyin,Yangon.My age is 21yr.I'm crazy <br>
    in Scientic Technology.So when I'm not<br>
    busy,I learn all Technology that is HTML,<br>
    CSS,Js and etc...I learn it on facebook<br>
    by NgaBwa NgaAngel,username without PC.<br>
    I haven't PC.I have learned by phone.There,<br>
    all facebook's friend are my teacher.<br>
    In addition,I'm searched books on google.<br>
    I thick that if we are crazy in any teachnology<br>
    ,we will be perfect by trying.Thank for<br>
    your read.
  </td>
   </tr>
 </table>
  </body>
</html>


Okမွတ္​မိလား​ေတာ့မသိဘူး ကဲhosting​ေပၚတင္​ဖို႔ပထမဆံုးလင္​့​ေတြစခိ်တ္​ပါမယ္​
ပထမဆံုးcodeကိုcopyကူးယူလိုက္​ပါပီးရင္​hostingအ​ေကာင္​့႐ွိတဲ့သူကcpanal>>filemananger>>public-htmlထဲဝင္​ၿပီးmywebpageဆိုတဲ့folderတစ္​ခု​ေဆာက္​လိုက္​ပါ အ​ေကာင္​့မ႐ွိတဲ့သူက​ေတာ့filemananger>>sdcardထဲဝင္​ၿပီးfolder​ေဆာက္​​ေပါ့ အ​ေပၚကcode​ေတြကိုျပန္​ၾကည္​့ပါ
Menu barမွာHome,Books,Application,Newsဆိုၿပီး​ေတြ႔ပါတယ္​​ေနာ္​ ဒါကကိုတင္​မယ္​့ပို႔​ေတြကိုအမ်ိဳးအစားခြဲထားတာသ​ေဘာ​ေပါက္​မွာပါ အဲ့အမ်ိဳးအစားအလိုက္​folderထပ္​​ေဆာက္​ပါမယ္​ mywebpageထဲဝင္​ၿပီးhome,book,application,newဆိုတဲ့folder​ေလးခု​ေဆာက္​ပါ ပီးရင္​​ေတာ့အ​ေကာင္​့သမားက​​ေတာ့new fileကိုႏိွပ္​ၿပီး​အ​ေပၚကcodeကိုထည္​့ၿပီးsaveလိုက္​ပါhome folder​ေအာက္​မွာhome.htmlပါbook folderရဲ႕​ေအာက္​မွာbook.htmlပါapplication folderရဲ႕​ေအာက္​မွာapk.htmlပါnew folderရဲ႕​ေအာက္​မွာnew.htmlဆိုၿပီးcode​ေတြထည္​့ၿပီးsaveလိုက္​ပါ ok ဒါကဖိုင္​​ေတြfolder​ေတြထည္​့ၿပီးသြာၿပီ​ေပါ့​ေနာ္​
Okလင္​့​ေခၚနည္​းစပါမယ္​
ခုက်​ေနာ္​တို႔ရဲ႕home.htmlဆိုတဲ့ဖိုင္​​ေလးကhomeဆိုတဲ့folderထဲမွာ​ေနာ္​ က်န္​တဲ့ဖိုင္​​ေတြလည္​းသူတို႔သက္​ဆိုင္​ရာfolderထဲမွာအသီးသီး႐ွိ​ေနၾကတယ္​
ပထမဆံုးအ​ေကာင္​့႐ွိသူ​အ​ေနနဲ႔မိမိရဲ႕domainကို
http://www.yoursitename.comလို႔သ​ေဘာထားလိုက္​ပါ
ဒါဆိုလင္​့​ေခၚရမယ္​့ပံုစံက
home.htmlအတြက္​
<a href="http://www.yoursitename.com/mywebpage/home/home.html">Home</a>

book.htmlအတြက္​

<a href="http://www.yoursitename.com/mywebpage/book/book.html">Book</a>

apk.htmlအတြက္​

<a href="http://www.yoursitename.com/mywebpage/application/apk.html">Application</a>

new.htmlအတြက္​

<a href="http://www.yoursitename.com/mywebpage/new/new.html">
New</a>
ဆိုၿပီး​ေခၚရပါတယ္​ အ​ေကာင္​့မ႐ွိတဲ့သူ​ေတြက​ေတာ့domain name​ေနရာမွာ
../
ဆိုတဲ့သင္​​ေကတထည္​့ၿပီးmywebpageပါဖ်က္​လိုက္​ပါ ../ ဆိုတဲ့သင္​​ေကတကfolderမတူၾကဘူးလို႔အဓိပၸါယ္​ရရပါတယ္​

<a href="../home/home.html">Home</a>အဲ့လို​ေျပာင္​း​ေခၚရမွာျဖစ္​ပါတယ္​ ဒီ​ေလာက္​ဆိုလင္​့​ေခၚတတ္​ၿပီထင္​ပါတယ္​ ကဲအဲ့ဒီcode​ေလးခုကိုcopyကူးၿပီး
Fileတစ္​ခုခ်င္​းစီကိုျပန္​ဖြင္​့ၿပီး
<!--This is menu bar---->​ေအာက္​က<div></div>ျကားကစာ​ေတြအားလံုးကိုဖ်က္​ပီးဒီcode​ေလးခုကိုထည္​့ပီးျပန္​​saveလိုက္​ပါ ကဲခုဆိုmenu barအတြက္​လင္​့​ေခၚၿပီးပါၿပီ
ခုဆိုwebsiteစာမ်က္​ႏွာတစ္​ခုဖန္​တီီိးပီးပါၿပီ postတင္​မယ္​ဆို home folderကလြဲၿပီးက်န္​တဲ့folderမွာfileထပ္​​ေဆာက္​codeထည္​့ ဒါ​ေပမယ္​့ဒီတစ္​ခါလင္​့​ေခၚရမွာကပို႔​ေနာ္​ menu barအတြက္​မဟုတ္​တဲ့အတြက္​ link code​ေတြကို
<!--This is left content side---->
​ေအာက္​td​ေအာက္​က​ေနလင္​့ကုဒ္​တစ္​ခုၿပီးတို္​င္​းbr​ေလး​ေတခံၿပီးထည္​့ရမွာပါ ပို႔ကိုေတာ့right content sideအျခမ္​းမွာ​ေရးရမွာျဖစ္​ပါတယ္​
ကဲ႐ႈပ္​သြားၿပီလားမသိဘူး​ဗ် တကယ္​​ေတာ့လြယ္​ပါတယ္​​ဗ် ပါးစပ္​က​ေျပာ​ေနလို႔ခက္​တယ္​ထင္​ရတာ ပို႐ွင္​းသြား​ေအာင္​​ေအာက္​မွာfolder​ေဆာက္ၿပီးသား file​ေတြထည္​့ၿပီးသား zipဖိုင္​​ေလး​ေဒါင္​းသြားပါခမ်ာ ပီးzipျဖည္​ၿပီးဖိုင္​​ေတြrunၾကည္​့လင္​့​ေတြႏိွပ္​ၾကည္​့​ေပါ့ ဘာcode​ေတနဲ႔​ေရးလည္​းသိခ်င္​ရင္​​ေတာ့ ဥပမာ home.htmlကိုhome.txtလို႔renameျပန္​​ေပးၿပီးၾကည့္​ပါခမ်ာ အ႐ွင္​းဆံုးျဖစ္​​ေအာင္​​ေရးထားပါတယ္​ခမ်ာ
​ေအာက္​မွာ​ေဒါင္​းပါ ကဲcokကို​ေျပးလိုက္​ဦးမယ္​​ဗ်ိဳ႕ ငိငိ

>>>Download Here<<<

Friday, July 24, 2015

Website-template-1

Website ေရးနည္းသင္ခန္းစာ-၁

မဂၤလာပါ ခုသင္​ခန္​းစာကစၿပီး website​ေရးနည္​းကိုစတင္​မွာျဖစ္​ပါတယ္​ ​ေ႐ွ႕မွာသင္​ၿပီးသားသင္​ခန္​းစာ​ေတြနဲ႔ပဲ​ေရးသြားမွာျဖစ္​ပါတယ္​ ခုသင္​ခန္​းစာမွာ​ေတာ့ <table>tagကိုအသံုးျပဳၿပီး​ေရးသြားမွာျဖစ္​ပါတယ္​
pageေရးဆြဲရာမွာလည္း ျပန္လည္ျပင္ဆင္တဲ႔အခါမွာရွာရလြယ္ကူေအာင္
html commentကိုထည့္ေရးသင့္ပါတယ္ ပထမဆံုးသင္​ခန္​းစာျဖစ္​တဲ့အတြက္​codeဖတ္​ရာမွာ႐ွင္​း​ေအာင္​လင္​့ခ်ိတ္​တာ​ေတြလံုးဝမထည္​့​ေသးပါဘူးစာသီးသန္​႔ပဲ​ေရးမွာပါ 
ပထမဆံုး​ေ႐ွ႕သင္​ခန္​းစာ​ေတြမွာမသင္​ၾကားရ​ေသးတဲ့tagတစ္​ခုကို​ေျပာျပပါမယ္​ သူက​ေတာ့
divပါ divဆိုတာ(divider=ခြဲျခားျခင္း)လို႔အဓိပၸါယ္​ရပါ​တယ္​ စာပိုဒ္​​ေတြခြဲတဲ့​ေနရာ​ေတြ အကန္​႔အပိုင္​းလိုက္​ခြဲတဲ့​ေနရာ​ေတြမွာသံုးပါတယ္​ <p>နဲ႔ဆင္​တူပါတယ္​ သူ႔ရဲ႕ထူးျခားခ်က္​က​ေတာ့ မည္​သည္​့​ေနရာတြင္​မဆိုထည္​့​ေရးႏိုင္​တာ​ေၾကာင္​့divကို​ေတာ္​​ေတာ္​မ်ားမ်ားအသံုးျပဳၾကပါတယ္​
ကဲစရ​ေအာင္​​ဗ်ာ
ပထမဆံုစာမ်က္​ႏွာတစ္​ခုကိုျမင္​​ေယါင္​လိုက္​ပါ
အဲ့စာမ်က္​ႏွာမွာ​ေခါင္​းစဥ္​ပါမယ္​ userကclickလုပ္​လို႔ရမယ္​့menuဘားပါမယ္​
ပီးရင္​​ေတာ့​ေအာက္​မွာ ကိုယ္​ကuserကိုျပလိုတဲ့အခ်က္​အလက္​contactပါပါမယ္​
ေနာက္ျပီးကိုယ့္စာမ်က္နွာကိုbrowserတိုင္းနဲ႔အဆင္ေျပေအာင္အလ်ား1600pxထားပါမယ္ အေရးျကီးပါတယ္ဒီအလ်ားကိုသူ႔ေနရာနဲ႔သူခြဲသံုးရမွာမို႔သတိထားပါ အနံကိုေတာ့အကန္႔အသတ္မရွိautoထားပါမယ္
မဆြဲခင္ပံုစံေလးျကည့္သြားပါ


ပထမဆံုး​ေခါင္​းစဥ္​အပိုင္​းကိုစဆြဲပါမယ္​​ ​ေနာက္​ခံအ​ေရာင္​ကိုအျပာ​ေရာင္​ထားမယ္​ စာအ​​ေရာင္​​အစိမ္း ​စာကိုအလယ္​မွာတပ္​မယ္​ အဲ့ပံုစံ​ေခါင္​းစဥ္​ကို
<caption style=" background-color:blue; text-align:center; color:green; font-size:90px;"> NgaBwa NgaAngel(IT STORE) <caption>
ခုလိုမ်ိဳး​ေလး​ေရးလိုက္​ပါမယ္​ tableသင္​ခန္​းစာထဲကcaption tagကိုအသံုးျပဳသြားတာပါ ​ေနာက္​တစ္​ခါ​​ေနာက္ခံအ​ေ​ရာင္​အစိမ္းစာအေရာင္လိေမၼာ္ေရာင္ရွိတဲ႔menu barတစ္​ခုထပ္​​ေရးပါမယ္ တစ္ဖန္စာတစ္ခုစီကို &nbsp; &#8203;လို႔ေခၚတဲ့non-brake spacစာလံုျခားရာမွာအသံုးျပဳတဲ႔codeေလးကိုထည့္ပါမယ္ htmlမွာစာလံုးျခားခ်င္ရင္keyboardနဲ႔ျခားလို႔မရပါဘူး &nbsp; ဆိုတဲ႔codeေလးကိုသံုးေပးရပါတယ္ အဲ့ဘားကိုdivကိုအသံုးျပဳၿပီး​ေခါင္​းစဥ္​captionၾကားထဲထည္​့လုိက္​ပါမယ္​
<caption style=" background-color:blue; text-align:center; color:green; font-size:90px;"> NgaBwa NgaAngel(IT STORE) <!--This is menu----> <div style="width:1600px; height:auto; color:orange; font-size:40px; background-color:green; text-align:left;"> Home &nbsp;&nbsp;&nbsp; Books &nbsp;&nbsp;&nbsp; Application &nbsp;&nbsp;&nbsp; News </div> <caption>
ဒီတစ္ခါ ေပ့ရဲ႕အၾကီးဆံုးအစိပ္အပိုင္းျဖစ္တဲ႔contactအပိုင္းကိုဆြဲပါမယ္ အဲ့ဒီအပိုင္းကိုအလယ္ကေနထက္ေအာက္နွစ္ျခမ္းျခမ္းလိုက္မယ္ ဘယ္ကိုအလ်ား500pxညာကိုအလ်ား1100pxထားမယ္ ဘယ္တစ္ျခမ္းမွာအလ်ား500pxထားမယ္ကိုေဖာ္ျပခ်င္တဲ့ေခါင္းစဥ္linkေတြစုထားမယ္ ညာဘက္အျခမ္းမွာအလ်ား1100pxထားမယ္ကိုယ္ျပခ်င္တဲ့စာေတြထားမယ္ေပါ့ ေနာက္ခံအေရာင္အနက္ေရာင္ထားမယ္ စာအေရာင္အျဖဴေရာင္ထားမယ္ ကဲဒီလိုနွစ္ျခမ္းပါတဲ႔contactကိုဘာနဲ႔ဆြဲရင္ေကာင္းမလဲစဥ္းစားျကည့္ရေအာင္ လြယ္ပါတယ္ tableထဲက trနဲ႔tdကိုအသံုူးျပဳလိုက္ရံုပါပဲ ခုလိုမ်ိဳးေလးေရးလိုက္မယ္ <tr style=" background-color:black; color:white; font-size:30px; cell-padding:2px; cell-spacing:2px; width:1600px; height:auto; text-align:left;"> <!--This is page's left side----> <td style=" width:500px; height:auto; float:top left;"> This is title </td> <!--This is page's right side----> <td style=" width:1100px; height:auto;"> This is blog post </td> </tr> အဲ့လိုမ်ိဳးေလးေရးလိုက္ပါမယ္ ok ဒါဆို codeေတအားလံုးေပါင္းျပီးအေျဖျကည့္လိုက္ျကရေအာင္
<!--DOCTYPE html--> <html> <body style="background-color:black;"> <table style=" background-color:black; mergin-left:0px; mergin-right:0px; width:1600px; height:auto; color:white;"> <!--This is page title----> <caption style=" background-color:blue; text-align:center; color:green; font-size:90px; width:auto; height:150px"> NgaBwa NgaAngel(IT STORE) <!--This is page menu bar----> <div style=" width:1600px; height:auto; color:orange; font-size:40px; background-color:green; text-align:left;"> Home &nbsp;&nbsp;&nbsp; Books &nbsp;&nbsp;&nbsp; Application &nbsp;&nbsp;&nbsp; News </div> </caption> <!--This is content----> <tr style=" background-color:black; color:white; font-size:30px; cell-padding:2px; cell-spacing:4px; width:1600px; height:auto; text-align:left;"> <!--This is left content side----> <td style=" width:600px; height:auto;"> 1.Lession1<br> 2.Lession2<br> 3.Lession3<br> 4.Lession4<br> 5.Lession5<br> 6.Lession6<br> 7.Lession7<br> 8.Lession8<br> 9.Lession9<br> 10.Lession10 </td> <!--This is right content----> <td style=" width:1000px; height:auto;"> My name is Naing Linn.I'm Navy Soldier.<br> I'm from Central Naval Armment Depot,<br> Thanlyin,Yangon.My age is 21yr.I'm crazy <br> in Scientic Technology.So when I'm not<br> busy,I learn all Technology that is HTML,<br> CSS,Js and etc...I learn it on facebook<br> by NgaBwa NgaAngel,username without PC.<br> I haven't PC.I have learned by phone.There,<br> all facebook's friend are my teacher.<br> In addition,I'm searched books on google.<br> I thick that if we are crazy in any teachnology<br> ,we will be perfect by trying.Thank for<br> your read. </td> </tr> </table> </body> </html>
ကဲအေပၚကcodeကိုrunျကည့္ပါဦး