ျမန္မာေတြကြန္ပ်ဴတာကုိ ကေလးကစားစရာလုပ္ၾကမယ္။
website ပိုင္းနားမလည္ေသးတဲ့သူေတြအတြက္ဒါဟာအေၿခခံေလးပါေသေသခ်ာခ်ာလုပ္ၾကည့္ၾကပါ။
website တည္ေဆာက္မယ္ဆိုရင္ပထမဆံုးအေနနဲ.ေလ့လာရမွာ ေတြရွိပါတယ္
1.html
2.css
3.javascript
4.photoshop
5.flash
ပထမဆံုး html (hypertext mark-up language) ေလ့လာမယ္ဆိုရင္သိထားသင့္တာကေတာ့code ေတြစေရးမယ္ဆိုရင္ notepad ထဲမွာ စေရးပါမယ္။
notepad ထဲမွာ html tag ကိုရုိက္ထည့္ရပါမယ္။ဒီလိုေပါ့
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
ကိုယ္ရဲ.စိတ္ၾကိဳက္ထည့္မယ္ဆိုရင္ ေခါင္းစဥ္ေနရာမွာ စာေပၚခ်င္ရင္ title tag အဖြင့္ အပိတ္ၾကားထဲမွာ ထည့္ၿပီးေရးလို.ရပါတယ္website တည္ေဆာက္မယ္ဆိုရင္ပထမဆံုးအေနနဲ.ေလ့လာရမွာ ေတြရွိပါတယ္
1.html
2.css
3.javascript
4.photoshop
5.flash
ပထမဆံုး html (hypertext mark-up language) ေလ့လာမယ္ဆိုရင္သိထားသင့္တာကေတာ့code ေတြစေရးမယ္ဆိုရင္ notepad ထဲမွာ စေရးပါမယ္။
notepad ထဲမွာ html tag ကိုရုိက္ထည့္ရပါမယ္။ဒီလိုေပါ့
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
ဥပမာ - <title>html</title>
စာကိုယ္ေနရာမွာထည့္ခ်င္ရင္လဲ body tag အဖြင့္အပိတ္ၾကားထဲမွာ ထည့့္္ၿပီးေရးလို.ရပါတယ္။စာသားကို bold ၿဖစ္ခ်င္ရင္ <b></b> tag ထဲမွာေရးပါ။ေအာက္မွာေဖာ္ၿပထားပါတယ္
ဥပမာ - <body><b>This is my first homepage.</b></body>
<br>ကေတာ့စာတေၾကာင္းေက်ာ္တာပါဘဲ။<hr>စာကေၾကာင္းရဲ.ေအာက္မွာမ်ဥ္းေၾကာင္းေလးေပၚလာမွာပါ။
html tag ထဲက body tag ထဲမွာ ပံုထည့္ခ်င္ရင္ <img src="...........jpg"> ကိုယ္ထည့္ခ်င္တဲ့ပံုရင္ name ကို "........." ထဲမွာထည့္ပါ ကိုယ္ယူတဲ့ပံုနဲ.html သိမ္းမယ့္ file နဲ.folder တူမွပံုေပၚပါမယ္
save မယ္ဆိုရင္ Ctrl+S နဲ. file ကို html နဲ. save ပါမယ္။
body ကိုအမ်ိဳးေၿပာင္းခ်င္ရင္ <body></body> attributes လို.ေခၚရပါတယ္ အဲဒါကေတာ့ body ရဲ. background စသည့္တို.ကိုေၿပာင္းလဲပစ္တာပါ။ေအာက္မွာေဖာ္ၿပထားပါတယ္
ဥပမာ - <body background="url"></body> background ေနရာမွာ bgcolor="color" color ေနရာမွာ ၾကိဳက္တာထည့္ပါ "blue" "#000000" စသည့္ၿဖင့္ေၿပာင္းလို.ရပါတယ္
စာလံုးေတြအၾကီးအေသးေၿပာင္းခ်င္ရင္
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
စသည့္ၿဖင့္တၿဖည္းၿဖည္းေသးလာပါမယ္။စာလံုးအၾကီးဆုံးကေတာ့အေပၚဆံုးက <h1>Heading 1</h1> ဘဲၿဖစ္ပါတယ္။ကိုယ္ဘာသာစိတ္ၾကိဳက္သံုးၾကည့္ၾကပါ။
creating paragraph စာပိုဒ္တစ္ခုၿပဳလုပ္မယ္ဆိုရင္ body tag ထဲမွာဘဲ
<p></p> attributes: Align="left|center|right|justify"
<div></div> attributes: Align="left|center|right"
<font></font> attributes: Face="Time|Verdana|Arial" Size="number" Color="color"
<marquee></marquee> attributes: behavior="slide|alternate|scroll" စာသားေတြကိုေရြ.သြားေစပါတယ္။
direction="left|down|top|right"
bgcolor="color"
height="number" numberေနရာမွာ 1,2,3,................စသည့္တို.ေပါ့
width="number"
list ပံုစံၿဖစ္ခ်င္ရင္ <ul><li>Monday
<li>Tuesday
<li>Wednesday
</ul> list attributes: type="disc|square|circle"
<ol><li>Monday
<li>Tuesday
<li>Wednesday
</ol>
<ol> list attributes: type="1|A|a|i|I" start="number"
<li> list attributes: type="1|A|a|i|I" value="number"
html link
link ေလးဖန္တီးမယ္ဆိုရင္ <a href="...........html">Go to Home</a> လုပ္ၾကည့္ၾကပါ။
table ခြဲမယ္ဆိုရင္
<table border=0 width=150>
<tr><td width=150 bgcolor="#b7b7b7"></td></tr>
</table>
notepad ကို save မယ္ .html နဲ. save ၾကတာေပါ့။
html အေၾကာင္းအမ်ားၾကီးရွိပါတယ္။အေၿခခံေလာက္ဘဲေရးထားတာပါ။
ကဲ example ေလးတခုေလာက္လုပ္ၾကည့္ရေအာင္ေအာက္ပါ code ကို notepad မွာေရးလိုက္ပါ။
<html>
<head>
<title>Website Page
</title>
</head>
<body bgcolor="#000000">
<font color="pink">
<marquee behavior="alternate">IT Speakers</marquee><br>
<h1>Making a Website</h1>
<i>include</i>
<ul>
<li>html
<li>css
<li>javascript
<li>photoshop
<li>flash
</ul>
<hr>
</font>
<table boder=1 width=1300 height=80 bgcolor="skyblue" align="center">
<tr>
<td width="300" height="30" ><a href=".html">Home</a></td>
<td width="300" height="30" ><a href=".html">Page</a></td>
<td width="300" height="30" ><a href=".html">Style</a></td>
<td width="300" height="30" ><a href=".html">News</a></td>
<td width="300" height="30" ><a href=".html">IT</a></td>
<td width="300" height="30" ><a href=".html">Link</a> </td>
</tr></table>
</body>
</html>
.html နဲ. save ၿပီးစမ္းၾကည့္ၾကပါ။
က်န္ေသာအပိုင္းမ်ားကို ေနာက္တေခါက္က်ရင္ post တင္ပါမယ္။
ေက်းဇူးတင္ပါတယ္။
ေက်းဇူးတင္ပါတယ္။
