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<<<

No comments: