♥ လင္​့​ေဒါင္​းနည္​း DOWNLOAD or အၫႊန္​းစာသား​ေနရာကိုနိပ္​ပါ​ေနာက္​တဆင္​့မယ္​ ၅ စကၠန္​႔​ေစာင္​့​ေပးပါ SKIP ADဆိုတဲ့အဝါ​ေလး​ေပၚလာပါမယ္​နိပ္​လိုက္​ပါတဖက္​မယ္​​ေဒါင္​းရန္​​ေတြ႔ပါမယ္​ ​ေဒါင္​းရင္​းရပ္​​ေနတာမ်ိဳးျဖစ္​ခဲ့ရင္​ phone ရဲ႕ broswer ကို clear data လုပ္​ေပးၿပီးျပန္​​ေဒါင္​းယူပါ♥

Thursday, July 16, 2015

HTML basic (Html ကို စ ေလ့လာ သူမ်ား အတြက္​) ပ+ဒု+တ အစံု

ပ+ဒု+တ အစံု
ဒီ ဘေလာ့ ေလးကို သိသူလဲ ရွိမယ္ မသိေသးတဲ႔ သူလဲရွိမယ္ ဒါေလးကေတာ့ မသိေသးတဲ့သူ ေတြ
အတြက္ ရည္ရြယ္ ျပီးေတာ့ တင္းေပးထား တာပါ။ အရမ္းေတာ္ လို႔တတ္ လို႔မဟုတ္ပါဘူး ကိုယ့္တတ္
သိထားတဲ႔ ပညာကို တျခားသူကို ျပန္လည္ ေ၀မွ်တဲ႔ သေဘာပါ။ အားလံုးကို တတ္ေစ ခ်င္ပါတယ္။
Tag ဆိုတာဘာလဲ
Tag ဆိုတာကေတာ့ ရိုးရိုး Text ေတြနဲ႕ HTML code ေတြကို ခြဲျခားလို႕ရေအာင္လုပ္ထားတာပါ။
ဘယ္လိုမ်ဳိးလဲဆိုရင္ေတာ့ <b>This is bold </b> ဆိုရင္ web browser နဲ႕ ၾကည့္ရင္ စာလံုးဟာ bold
ျဖစ္ေနပါလိမ့္မယ္။ အဲဒီမွာ <b> နဲ႕ </b> တို႕ဟာ tag ေတြပါ။ အမ်ားအားျဖင့္ tag ေတြဟာ အဖြင့္ နဲ႕ အပိတ္ပါ
ပါတယ္။ အပိတ္ဆိုရင္ / ေလးခံထားေပးရပါတယ္။
HTML အတြက္ Editor
HTML အတြက္ Editor ေတြ IDE ေတြအမ်ားၾကီးရိွပါတယ္။ ကၽြန္ေတာ္ကေတာ့ Dreamweaver အၾကိဳက္ဆံုးပါပဲ။
သူက HTML မတတ္ရင္ေတာင္ Website တစ္ခုဆြဲလို႕ရပါတယ္။ ဒါေပမယ့္ Dreamweaver ကိုသံုးရင္ေတာ့ HTML
code ေတြသိလာမွာ မဟုတ္သလို တျခား website ေတြကို ျပင္ရတာလည္းခက္ပါလိမ့္မယ္။ ကၽြန္ေတာ္တို႕ေတြ
သူမ်ားေတြေပးထားတ့ ဲ website template ကိုျပင္ခ်င္တယ္။ ကိုယ္ပိုင္ေသေသခ်ာခ်ာ HTML code
ေတြကိုသိခ်င္တယ္။ ဒါဆိုရင္ေတာ့ ေလ့လာကာစမွာ Notepad သံုးျပီးေလ့လာပါ။ ေလ့က်င့္ပါ။ HTML က web siteဆြဲရတ့ ဲ အထမဲ ွာ အလြယ္ဆုံးနဲ႕ အေျခခံအက်ဆုံးပဲ။ သူ႕ကိုေသေသခ်ာခ်ာနားလည္ထားမွ တျခား web
programming ေတြျဖစ္တ့ ဲ PHP, ASP.NET , JSP , Ruy On Rail တို႕မွာ အေထာက္အကူျဖစ္မွာပါ။HTML ကိုေလ့လာမယ္
1.Starting To Creat and Edit Webpage
Notepad ျဖင့္စတင္ျခင္း
၁. Windows Key + R ကို ႏိွပ္လိုက္ပါ။ Run Dailog Box တက္လာပါမည္။ ထို႕ေနာက္ notepad လုိ႕ရိုက္လိုက္ပါ။
ျပီးလွ်င္ OK ကို ႏိွပ္လိုက္ပါ။ ဒါဆိုရင္ notepad တက္လာပါလိမ့္မယ္။
၂. Notepad ထဲတြင္ Format ေအာက္က word warp ကို check လုပ္ထားပါ ။ ဘာျဖစ္လို႕လည္းဆိုရင္ေတာ့ Word
Warp က Notepad မွာစာရိုက္တာ ျပည့္သြားရင္ ေအာက္တစ္ေၾကာင္း ဆင္းသြားရန္အတြက္ ျဖစ္သည္။
HTML စတင္ေရးသားျခင္း
၁. Notepad ထဲတြင္ အခုလိုေရးသားလိုက္ပါ။

<html>
<head>
<title>This is title</title>
</head>
<body>
This is body
</body>
</html>
HTML နဲ႕ စျပီး HTML နဲ႕ျပန္ပိတ္ရပါတယ္။ အဲဒီၾကားမွာ html code
ေတြေရးရပါတယ္။ Head Tag နဲ႕ Head Tag အပိတ္ၾကားတြင္ Title
ထည့္ထားသည္ကို ေတြ႕ရမည္။ Title သည္ Browser ၏ ထိပ္ bar တြင္
ေတြ႕ျမင္ရန္ျဖစ္သည္။ Body အဖြင့္ နဲ႕ အပိတ္ၾကားမွာ မိမိ၏ ႏွစ္သက္ရာ
စာမ်ားေရးသားႏိုင္သည္ ။

၂. အဲဒါကို ကိုၾကိဳက္ တဲ႔ေနရာ မွာ save သြင္းလိုက္ပါ။ Save Dialog box
တက္လာရင္ filetype ကို All file လို႕ေပးလိုက္ပါ။ file name ကို yourname.html လို႕ေပးလိုက္ပါ။ yourname သည္
မိမိ၏ ႏွစ္သက္ရာ နာမည္ေပးႏိုင္သည္။ .html သည္ file extension ျဖစ္သည္။ HTML ေရးထားေသာ page မ်ားကို
.html ႏွင့္ .htm လို႕ေပးမွသာ browser တြင္ ေပၚပါလိမ့္မည္။
၃. Save သြင္းလိုက္ေသာ file လမ္းေၾကာင္းကို သြားလိုက္ပါ ။ first.html file
ေလးကို double click လုပ္ျပီး ဖြင့္လိုက္ပါ ။
ဒါဆို page ေလးတစ္ခုတက္လာတာကို ျမင္ရပါမယ္။

ထိပ္ပိုင္းတြင္ File ပတ္လမ္းေၾကာင္းကို address bar
တြင္ေတြ႕ရမည္ျဖစ္သည္။ title tag ထဲတြင္ ေရးထားေသာ This is tile
ဆိုေသာ စာကို Windos ၏ Title bar ႏွင့္ Tab Title bar တို႕တြင္
ေတြ႕ရမည္။ Body tag ထဲတြင္ ေရးထားေသာ This is body ဆိုေသာ
စာသားကို စာမ်က္ႏွာအျဖဴေပၚတြင္ ေပၚေနသည္ကို ေတြ႕ရမည္ျဖစ္သည္။
ျပင္မယ္ဆိုရင္ေတာ့
IE7 မွာဆိုရင္
Page > View Source ကိုႏိွပ္လိုက္ပါက Notepad န႕ဲ ကိုယ္ေရးထားတ့ ဲ HTML ပြင့္လာပါမယ္။
IE 6 မွာဆိုရင္
View > Source ကို ႏိွပ္လိုက္ပါက Notepad နဲ႕ ကိုယ္ေရးထားတ့ ဲ HTML ပြင့္လာပါမယ္။
အဲဒီမွာ ေရးထားတ့ ဲ codeေတြကို ဖတ္ႏိုင္သလို ကိုယ့္စက္ထဲမွာေရးထားတ့ ဲ page ဆိုရင္ေတာ့ ျပင္ျပီး တစ္ခါတည္း
save လုပ္ႏိုင္ပါတယ္။ Internet ေပၚက Web site ေတြကိုေတာ့ view > source ကေနဖြင့္ျပင္ျပီး save
လုပ္လို႕မရပါဘူး။
Header Tag

notepad ထဲမွာ ဒီလိုရိုက္လိုက္ပါ
<html>
<head>
<title>Example Of Header</title>
</head>
<body>
<h1>This is Header</h1>
This is normal text
</body>
</html>
အဲဒီ code ေလးကို notepad ထဲမွာထည့္ေရး.. ျပီးေတာ့ run ၾကည့္လိုက္ပါ။ Head Tag က
h1 ကေန h6 အထိ ရိွပါတယ္။ နံပါတ္ၾကီးေလေလ ေသးသြားေလေလပဲ။ h6 ဆိုအေသးဆံုးကို ေရာက္သြားျပီ။ ကဲ
လက္ေတြ႕ စမ္းၾကည့္ရေအာင္။ notepad ထဲမွာ ေအာက္ကလို ရိုက္ျပီး save လုပ္လိုက္။ ျပီးရင္ ဖြင့္ၾကည့္လိုက္ရင္
ေတြ႕ရပါလိမ့္မယ္။
<html>
<head>
<title>Example</title>
</head>
<body>

<h1>H1</h1>
<h2>H2</h2>
<h3>H3</h3>
<h4>H4</h4>
<h5>H5</h5>
<h6>H6</h6>
</body>
</html>
အခုဆို html အေၾကာင္းနည္းနည္း နားလည္လာေလာက္ပါျပီ။ တကယ္တန္းေတာ့ မခက္ပါဘူး။ ဒါကအစပ ဲ
ရိွပါေသးတယ္။ ဒီေလာက္ေလးန႕ဲ ပင္ စာေတြပဲပါတ့ ဲ page တစ္ခုေရးလို႕ရေနျပီ။
ဘယ္ code ပဲေရးေရး <html><head><title></title></head><body></body></html>
သူတို႔ေတြကို ထည့္ေပးပါ ေနာက္ ပိုင္းတြင္ ကၽြန္ေတာ္ အေရွ့မွာ ရွင္းျပျပီး ျပီ မို သူတို႔ေတြကို ထပ္မ
ထည့္ေတာ့ ပါဘူး။
Alignment(စာအေန အထားခ်ိန္ ျခင္း)
Alignment မွာ Left, Right, Center, Justify ဆိုျပီးေတာ့ ရွိပါတယ္။
(ဥပမာ) notepad ထဲမွာ <h1 align=”center”>Example</h1>  လို႔ရိုက္ျပီး save လုပ္လုိက္ပါ။
ျပီးရင္ save file ကို run လုိက္ပါ။ စာလံုးက အေရွ့မွာ ကၽြန္ေတာ္ တို႔ ရိုက္ထား သလို စာလံုးက ၾကီး
ေပမယ့္ အလယ္ကုိ ေရာက္သြား တာကိုေတြ႔ ရမွာပါ။ အနီ ေရာင္နဲ႔ ေရးထားတဲ႔ေနရာမွာ ကိုယ့္ ၾကိဳက္
သလိုေျပာင္းလဲ ေရးသားႏိုင္ပါတယ္။ သတိ - h1 နဲ႔ align ၾကားမွာ space တစ္ခ်က္ ျခားရပါ့မယ္။
Paragraph (စာပိုဒ္ ေရးသားျခင္း)
Website ေတြမွာ စာပိုဒ္ေတြ ပါတဲ႔ webpage ေတြကို ေတြ႔ဖူးပါလိမ့္မယ္ စာပိုဒ္ေတြ ကညီ ျပီးေတာ့
ၾကည့္လို႔ ေကာင္းပါတယ္။ အဲ႔ဒီလိုေလး ေရးခ်င္တယ္ ဆိုရင္ေတာ့.........
<p align=”justify”>ဒီေနရာမွာ စာပိုဒ္ေရးပါ</p>  ဒီလိုေလး ေရးျပီးေတာ့ save လုပ္လုိ္က္ပါ။
<p align=”justify”></p> နဲ႔ ေရးမယ္ဆို ရင္ေတာ့ သူက စာပိုဒ္တစ္ပိုဒ္ ခ်င္းကို ပဲညီ ေအာင္ လုပ္
ေပးျပီး ေနာက္ စာပိုဒ္ေတြ ကိုဆက္ေရးလို႔မရပါဘူး။ ေနာက္စာပိုဒ္ေရးမယ္ ဆိုရင္ ေတာ့အစက
<p align=”justify”> နဲ႔စ ျပီးေတာ့ ျပန္ေရးရပါ့မယ္ ျပီးရင္ </p> နဲ႔ ျပန္ပိတ္ ပါ.....
ေနာက္တစ္မ်ိဳးကေတာ့.....
<div align=”justify”>ဒီေနရာမွာ စာပိုဒ္ေရးပါ</div> ျပီးရင္ save လိုက္ပါ။
<div align=”justify”></div> နဲ႕ ေရးမယ္ဆို ရင္ေတာ့ သူက စာပိုဒ္ေတြအားလံုးကို ညီေအာင္လုပ္
ေပးပါတယ္။ တစ္ပိုဒ္ျပီး ရင္တစ္ပိုဒ္ကို <br> ခြဲျပီးေတာ့ ေရးရပါ့မယ္။ <br> ဆိုတာကေတာ့
စာေၾကာင္းတစ္ေၾကာင္း (သို႔) စာတစ္ပိုဒ္နဲ႔တစ္ပို္ဒ္ ကို ခြဲျခားျပီးေရးတာပါ။ စာတေၾကာင္းေရးျပီး
<br> ထည့္ေနာက္တစ္ ေၾကာင္းေရးၾကည့္လိုက္ပါ ေအာက္ကိုဆင္းသြားတာကိုေတြ႔ ရပါလိမ့္...ဒီ
လိုပါပဲ <div align=”justify”>............<br>
          ...........................................<br>
          ျပီးရင္ေတာ့ </div> ျပန္ပိတ္ ပါ။
ဒီေလာက္ဆို ရင္ေတာ့ html  အေျခခံနဲ႔ ပတ္သက္ျပီး ေတာ္ေတာ္ေလး သိေလာက္ျပီထင္ပါတယ္ ။
စိတ္၀င္းစားသူမ်ားကေတာ့ ဖတ္ျပီးရင္ စမ္းၾကည့္ပါလို႔ မွာေစခ်င္ပါတယ္။ စမ္းသပ္တာကေတာ့
ေကာင္းတဲ့အလုပ္ပါ။ code ေတြကို ေရးရတာေပ်ာ္ လာပါလိမ့္မယ္။ ကိုယ္ဖန္းတီးထားတဲ့ webpage ေလးကိုၾကည့္ ျပီးေတာ့ ၾကည္ႏူးလာပါလိမ့္မယ္။ ေပ်ာ္စရာေကာင္းပါတယ္..........
ဒီေနကေတာ့ ဒီေလာက္ပါပဲ ေနာက္လဲက်ေနျပီ ဆိုေတာ့ ျပန္ရေတာ့မယ္ ေနာက္ေန႔ မွာေတာ့
(ဒုတိယ) ပိုင္းကို ဆက္ျပီး တင္ေပးသြားပါ့မယ္။ စမ္းသပ္လိုိ႔ မရဘူးဆိုရင္ေတာ့
bravit.james@gmail.com ကုိ ဆက္သြယ္ျပီး ေမးျမန္ ႏိုင္ပါတယ္။ ကၽြန္ေတာ္ သိသေလာက္ အကုန္
ေျဖေပးပ့ါမယ္ :P  ။ လစ္ျပီ ဘိုင္းဘိုင္။။။။။။။။။။။။။။။။အဆင္ေျပႏိုင္ ၾကပါေစ။

HTML basic (ဒုတိယ ပိုင္း)

ဒီ တခါ ဒုတိယ ပိုင္းကို ေရာက္ျပီဆိုေတာ့ ပထမ ပိုင္းကို ဖတ္ျပီးေလာက္ျပီ ထင္ပါတယ္။ ပထမ ပုိင္း
ကို မဖတ္ရေသးသူမ်ား အေရွ႕ မွာ ကၽြန္ေတာ္ တင္ေပးခဲ ့ျပီးပါျပီ ဖတ္လိုက္ပါဦး ... ျပီးေတာ့ မွ
ဒုတိယ ပိုင္းကို ဖတ္ပါ ဒါမွ နားလည္ပါလိမ့္မယ္။ ေျပာ ေနၾကာတယ္ ဒုတိယ ပိုင္းကို ခပ္ သြက္သြက္
ေလးသြားလိုက္ေတာ့မယ္........
Horizontal lin <hr> မ်ဥ္းတားျခင္း.........
ဒါေလးကေတာ့ မိမိ webpage မွာ လိုင္းေလ ေတြတားခ်င္တယ္ ဆိုရင္ေတာ့...............
<hr color=red> ဒါကေတာ့ color အတြက္ပါ.......
<hr size=5> ဒါကေတာ့ လိုင္းရဲ႕ ဆိုဒ္ပါ......... ဒီ အထဲ မွာ အက်ယ္ကိုလဲ ထည့္လို႔ရပါေသးတယ္.
<hr color=red size=5 width=50%> ဒါကေတာ့ အက်ယ္ ကိုထည့္လုိက္တာပါ .....
ဒါေလးေတြကုိ notepad ထဲ ထည့္ျပီးေတာ့ run ၾကည့္လိုက္ပါ ကြဲ ျပားသြားတာကိုေတြ႔ ရပါလိမ့္မယ္..
Attribute <4> .............
ဒါကေတာ့ code ေတြ ထဲမွာ ထည့္ျပီး သံုးလို႔ ရတာေလးေတြပါ.......
(1) size
(2) color
(3) width
(4) Align
color ရဲ႕ ေနာက္ မွာ(၂) မ်ိဳးလိုက္ပါတယ္...
(1) color ကို rgb(...,...,..) ဒီလိုလဲ ေရးလို႔ ရသလို..
(2) color cote (စိတ္ၾကိဳက္) # နဲ႔ေရး လဲ ရတယ္...
# ေနာက္မွာ Character 6 လံုးထိ လိုက္လို႔ရတယ္...
(ဥပမာ) color=#FUSVLA
           color=#298410
A to Z (ဒါမွမဟုတ္) 1 to 9 အထိလဲ ရွိပါတယ္ ၾကိဳက္တဲ႔ code နဲ႔ ေရးလို႔ပါတယ္။
Background color ( ေနာက္ခံအေရာင္ထည့္ျခင္း)<bg color>
<html>
<body bgcolor=blue></body>
</html>
color code ကိုေတာ့ ကၽြန္ေတာ္ အေပၚ မွာ ေဖာ္ျပထားတဲ႔ အတိုင္း ေရးလုိက္ပါ။ color ေတြကို
အေရာင္နာမည္ နဲ႔ လည္းထည့္လို႔ ရပါတယ္။
Character Emphasis (စာအေနအထားျပင္ျခင္း)
<b>Bold</b>  စာလံုးကို ထူေအာင္လုပ္တဲ႔ code ပါ။
<i>Itilic</i>  စာလံုး အေစာင္းေလးေတြ လုပ္တဲ့ code ပါ။
<u>Under</u> underline ေလးတားတာပါ။
<strong>Strong</strong> ဒီေကာင္က bold နဲ႔ တူပါတယ္။
<cite>Cite</cite> ဒီေကာင္လဲ itilic နဲ႔တူပါတယ္။
<em>Exphasis</em> သူလဲ အေစာင္း code ေလးပါ။
<strike>Strikethrough</strike> စာလံုးေတြကို ဖ်က္ခ်င္တဲ႔ အခါ သံုးပါတယ္။
<big>Bigger</big> ပံုမွန္ထက္ ပိုၾကီးပါတယ္။
<small>Smaller</small> ပံုမွန္ထက္ ပိုေသးပါတယ္။
<tt>Type writen text</tt> သူကေတာ့ font မပါပဲ text သီးသန္းေရးတာပါ။
<scrp>Superscript</scrp> သူကေတာ့ စာလံုးေတြကို ေပၚတင္တာပါ။(ဥပမာ-2nd)ဒီလိုပါ။
<sub>Subscript</sub> သူက စာလံုးကိုေအာက္ ကို ခ်တဲ့ေကာင္ပါ။(ဥပမာ-H2o)အဲ့လိုပါ...
List (Number and Bullets) တပ္ျခင္း
list မွာ order list နဲ႔ unorder list ဆိုျပီးေတာ့ ႏွစ္မ်ိဳးရွိပါတယ္။
Order list ကေတာ့ နံပါတ္ေတြကို တပ္တဲ႔ list ပါ...
ကၽြန္ေတာ္ တို႔ တစ္ခုေလာက္ ေရးၾကည့္ ရေအာင္ဗ်ာ.........
1.Chapter One
2.Chapter Two  ကိုေရးၾကည့္ရေအာင္............
<ol type=1>
          <li>Chapter One</li>
          <li>Chapter Two</li>
</ol>
ဒါဆိုရပါ ျပီ.............(1) ေနရာမွာ မိမိ စိတ္ၾကိဳက္ နံပါတ္ ေျပာင္းလို႔ရပါတယ္..A တို႔ I,II,III တို႔လို
ေျပာင္းလို႔ ရပါတယ္..
unorder list ကေတာ့ သေကၤတ တပ္ျခင္းပါ.....<ul>..</ul>
သူ႔ မွာေတာ့ (၃) မ်ိဳးရွိပါတယ္......
dist ရယ္ circle ရယ္ square ဆိုျပီးေတာ့ (၃)မ်ိဳးရွိပါတယ္............
. One
. Two
. Three ကိုေရး ၾကည့္ရေအာင္........
<ul type=dist>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ul>
ဆိုရင္ေတာ့ ရပါျပီ.........
ဒါဆိုရင္ေတာ့ စာေလးေတြကို list ေလးေတြ တပ္ျပီးေတာ့ ေရးလို႔ ရျပီေပါ့.. အားလံုး အဆင္ေျပမယ္
လို႔ ေမွ်ာ္လင့္ပါတယ္...... ကၽြန္ေတာ္ လဲေက်ာင္းတက္ေနရတယ္ ဆိုေတာ့ မအားတာနဲ႔ ဒုတိယ တစ္ခုု
ကိုမတင္ျဖစ္ေသးတာ ေနာက္တတိယ ပိုင္းကိုေတာ့ အားရင္ထပ္တင္ေပးသြားပါ့မယ္....ကၽြန္ေတာ္လဲ
အိပ္ခ်င္ေနျပီ ဒီေန႔ေတာ့ ဒီေလာက္ပဲေနာ္.....တတိယ ပိုင္းကို ဆက္လက္ ဖတ္ၾကတာ ေပါ့...
အဆင္မေျပ ရင္ ကၽြန္ေတာ့္ account ကို ဆက္သြယ္ေမးျမန္ ႏိုင္ပါတယ္.. ပထမ ပိုင္းမွာေတာ့ ေျပာျပ
ထားပါတယ္...ေမ့သြားရင္ ျပန္ေျပာျပပါ့မယ္...bravit.james@gmail.com ပါ ကၽြန္ေတာ္ facebook
မွာလဲ page ေလးလုပ္ထားပါတယ္ နာမည္ကေတာ့ “နည္းပညာဆိုင္ရာေလ့လာဖို႔” ပါ။အဲ႔ မွာလဲ ေမး
လို႔ရပါတယ္ ....ဘိုင္းဘိုင္............

Html basic (တတိယ ပိုင္း)

ဒါေလးကေတာ့....Html basic (တတိယ ပိုင္း) ေပါ့ .... ကၽြန္ေတာ္ အေရွ႕မွာ (ပထမ ပိုင္း) နဲ႔ (ဒုတိယ ပိုင္း) ကို
ေရးခဲ႔ ျပီးပါျပီ မဖတ္ရေသးရင္ ဖတ္ၾကည့္လိုက္ ပါဦးေနာ္ .. ဖတ္ျပီးေတာ့ မွဒါကို ဖတ္ေပါ့ ဗ်ာ..ကၽြန္ေတာ္ လဲ
ဒီရက္ ပိုင္းမွာဗ်ာ ေတာ္ေတာ္ ကံဆိုးေနတယ္... ကၽြန္ေတာ္ ေရးထားတဲ႔ webpag ေလးပ်က္စီးသြားလို႔ ....
နည္းနည္း အလုပ္ရႈပ္ေနတာနဲ႔ ပဲ....မတင္ျဖစ္တာ ...အခုေတာ့ ဖတ္လိုက္ပါဦး....ျပီးရင္စမ္းၾကည့္ေပါ့ဗ်ာ့...
Virus အႏ ၱရယ္ေတာ့ သတိထားေပါ့...ကၽြန္ေတာ္လဲ အဲ့ဒါ နဲ႔ ခံစားခဲ႔ ရတာေလ.....ဖတ္ၾကည့္လိုက္ပါဦး...
Image (ပံုတင္ ျခင္း)....
Webpage ေတြမွာ ပံုေလးေတြတင္ထား တာကိုေတြ႔ ဖူးၾကပါလိမ့္မယ္....website တစ္ခုမွာ ပံုကလဲ အေရးပါပါ
တယ္...ႏို႔မို႔ဆို  plane ၾကီးျဖစ္ေနမွာေပါ့...ဒီေတာ့ ကိုယ္ႏွစ္သက္တဲ႔ ပံုေလးေတြကို ထည့္ရေအာင္ ဒီ code
ေလးေတြကို သံုးေပါ့ဗ်ာ..
<img src=“ ဒီေနရာမွာ URL ထည့္ ရမယ္ ”> src ကေတာ့ ပံု ရဲ႕ source ေပါ့ဗ်ာ..
ပံုေတြကို အလယ္ပို႔ခ်င္ရင္ <center><img src=“ ဒီေနရာမွာ URL”></center>
ပံုေတြကို ျခားခ်င္ရင္ hspace=“ ကိုယ္ၾကိဳက္သေလာက္ထည့္ ” ဒါကေတာ့ အလ်ားလိုက္ေပါ့...
                         Vspace=“ ကိုယ္ၾကဳက္သေလာက္ထည့္ ” ဒါကေတာ့ ေဒါင္လုိက္ေပါ့....
သူတို႔ ကို URL ရဲ႕ေနာက္မွာ ထည့္ေပးရပါ့မယ္...
(ဥပမာ...<img src=“ ဒီေနရာမွာ URL” hspace=“ ကိုယ္ၾကိဳက္သေလာက္ထည့္ ” >) ဒီလိုေရးရပါ့မယ္...
ပံုကို ေဘာင္ခပ္ ခ်င္ရင္..<img src= “ ဒီေနရာမွာ URL ထည့္ ရမယ္ ” border=“1”>
Border ကို 0,1,2 ဆိုျပီးေတာ့ .. ထည့္ႏိုင္ပါတယ္...
မွတ္ခ်က္... ပံုတင္တဲ႔ file type ေတြကေတာ့..gif, jpg, jepg, png တို႔ကိုသာ တင္လို႔ရပါတယ္......
Table....
Webpage တစ္ခု အတြက္ table ကလဲ မရွိမျဖစ္ပါပဲ ..စာေတြကို table ထဲထည့္မွာ ေသေသ သပ္သပ္
ရွိမွာ ျဖစ္ပါတယ္...
Table ဆြဲ ရာတြင္ သိထားရမွာေတြကေတာ့....
1.Table - ဆြဲရင္ row အလုိက္ေရးရမယ္...
2.Table - အကြက္ေတြကို cell ေတြလို႔ ေခၚတယ္....
3.tr = table row
4.td = table data
5.Cell ကြက္ေတြကို အကြာအေ၀းထားလိုက cell spacing
6.Cell ကြက္ေတြကို ခ်ဲ႕ရင္ cellpadding
7.Row တစ္ခုလံုးကို အေရာင္ ထည့္ရင္ <tr> မွာထည့္
8.Cell တစ္ကြက္ ျခင္းကို color ထည့္ရင္ <td> မွာထည့္ရ
9.ေခါင္းစဥ္ တပ္ရင္ <caption>
Table တစ္ခုေလာက္ ကၽြန္ေတာ္ နဲ႔ အတူတူ ဆြဲ ၾကည့္ရေအာင္....
<html>
<head><title>Table</title>
</head>
<body>
<table align=”center” border=”1” cellspacing=”0” bordercolor=”blue” cellpadding=”3”
 Width=”20” height=”30”>
<tr align=”center” bgcolor=”blue”>
<td bgcolor=red> ဒီၾကားထဲ မွာ အေၾကာင္းအရာေရးပါ</td>
</tr></table>
</body></html>
ျပီးရင္ save လိုက္ေပါ့ဗ်ာ .... ဒါဆို table တစ္ခု ဆြဲျပီးသြားျပီေပါ့...
Width ကေတာ့ column နဲ႔ ဆိုင္တယ္...
Height ကေတာ့ row နဲ႔ ဆိုင္တယ္...
ဇယား ကြက္ထဲရွိ စာကိုထိပ္ကို ကပ္ရင္...
Valign=top,middle,bottom ဆိုျပီးထည့္လို႔ ရပါတယ္...
Table ဇယားကို အလြတ္ လိုခ်င္ရင္ <td>&nbsp;</td> ဆိုျပီးေရးပါ...
Frame..
internal frame <iframe>...</iframe>
ဒါကေတာ့ Link ေဘးမွာ သူနဲ႔ဆိုင္တဲ႔ page ကို ေပၚေစခ်င္ရင္ေရးတာပါ....
<iframe name=a>
<iframe src=”URL” name=a>
</iframe>
Attribute ....width,height တို႔ထည့္လို႔ရပါတယ္...
ကၽြန္ေတာ္ နဲ႔အတူတူ iframe တစ္ခုေလာက္ ေရးၾကည့္ရေအာင္...
<html>
<head><title>Iframe</title></head>
<body>
<a href=”URL” target=right>ဒီေနရာမွာေတာ့ ကိုယ္ၾကိဳက္တ့ဲနာမည္ေရးေပါ့</a>
<iframe name=right></iframe>
</body></html>
ဒါဆို ရပါျပီ.....
Frame.<body text မသံုးရ>
Frame ဆိုတာကေတာ့ page ကို ပိုင္းျပီးေတာ့ ေရးတာပါ....
ဥပမာ- စာမ်က္ႏွာက 100% ရွိပါတယ္ အဲ့ဒါကို frame နဲ႔ ႏွစ္ပိုင္းပိုင္းခ်င္တယ္ ဆိုရင္ 50%,50% ျဖစ္သြား
ပါလိမ့္မယ္......အဲ့ လိုေလးျဖစ္ေအာင္ေရးၾကည့္ရေအာင္....
<html>
<head><title>Frame</title></head>
<frameset rows=”50%,50%”>
<frame src=”URL” name=a>
<frame src=”URL” name=b>
</frameset>
</html>
ဒါဆို webpage မွာ 50% စီ ပိုင္းသြားပါလိမ့္မယ္......rows ကေတာ့ အလ်ားလိုက္ ပိုင္းခ်င္လို႔သံုးတာျဖစ္ပါ
တယ္...
အသံုးအမ်ားဆံုး frame ပံုစံေလးပါ....
<frameset rows=”20%,*”>
<frame src=”URL” name=a>
<frameset cols=”20%,*”>
<frame src=”URL” name=b>
<frame src=”URL” name=c>
</frameset></frameset>
</html>
ျပီးရင္ save ျပီးေတာ့ run ၾကည့္လိုက္ဗ်ာ... အဲ့ ပံုစံေလးကေတာ့ ေတာ္ေတာ္ အသံုး၀င္တယ္...
ဒီေနေတာ့... ဒီေလာက္ပဲေနာ္ ေနာက္ပိုင္းဆက္တင္ေပးပါဦးမယ္...အာလံုးအဆင္ေျပမယ္လို႔ ေမွ်ာ္လင့္
ပါတယ္...အဆင္မေျပရင္ ကၽြန္ေတာ့္ account bravit.james@gmail.com ကိုေမးလို႔ရပါတယ္..

Html Marquee

Html ရဲ႕ေနာက္တစ္ဆင့္ေပါ့...အေရွ႕ က (ပထမပိုင္း) ၊ (ဒုတိယပိုင္း) နဲ႔ (တတိယပိုင္း) ကိုအရင္
ဖတ္ၾကည့္ေစခ်င္ပါတယ္....မဖတ္ရေသးရင္..ဖတ္ၾကည့္လိုက္ပါ....ဖတ္ျပီးရင္ စမ္းၾကည့္ေပါ့ဗ်ာ
ေပ်ာ္စရာေကာင္းပါတယ္...အကယ္၍ မွားတာရွိရင္ ခြင့္လႊတ္ေပးေစခ်င္ပါတယ္..ကၽြန္ေတာ္လဲ အရမ္း
အကၽြမ္းၾကီးမဟုတ္လို႔ပါ..ကိုယ္တတ္ထားတဲ့ ပညာကို မွ်ေ၀တဲ႔သေဘာပါ...
Marquee <marquee>....</marquee>
ဟိုဘက္သြားလိုက္ ဒီဘက္သြားလိုက္ မွိတ္တုတ္ မွိတ္တုတ္ေလးေတြ ျဖစ္လိုက္
စာလံုးေတြေျပးတာ ေလးေတြနဲ႔ ကိုယ့္ရဲ႕ web ကုိ အလွဆင္မယ္ဆိုရင္ေတာ့
Marquee ကိုသံုးရပါတယ္။ အခုအေျခခံေလးစေျပာပါ့မယ္။ Ning ဆိုဒ္ေတြမွာ
ဒီ Marquee ေလးေတြနဲ႔ တခ်ိဳ႕ အလွဆင္ ၾကတာေတြကိုေတြ႔ျမင္ၾကရမွာပါ
ေအာက္က အတိုင္းေလးေရးၾကည့္လိုက္ပါ.........
<marquee>ဒီေနရာမွာ နာမည္ထည့္ပါ</marquee>
ပံုမွန္ အတိုင္းဆိုရင္ေတာ့ ညာဖက္က 100% ထြက္တယ္....ဘယ္မွညာဖက္သို႔ထြက္ခ်င္ရင္
<marquee  width=100% direction=right>ဒီေနရာမွာ နာမည္ထည့္ပါ</marquee>
Right ေနရာမွာ down ဒါမွမဟုတ္ up တို႔ကိုထည့္လို႔ရတယ္....width တို႔ height တို႔ ထည့္လို႔ရတယ္
Loop ကေတာ့အၾကိမ္အေရအတြက္ပါ...behavior မွာ alternate,slide,scroll တို႔ထည့္လို႔ ရတယ္..
Scroll delay=200 ကေတာ့ သြားႏႈန္းပါ..နဲေလျမန္ေလ ေပါ့....
ေအာက္က code ေလးေတြကိုစမ္းၾကည့္လိုက္ပါ........
မွိတ္တုတ္မွိတ္တုတ္

<blink> ဒီေနရာမွာ နာမည္ထည့္ပါ</blink>

ဘယ္ညာႏွစ္ဘက္ ဟိုသြားလိုက္ဒီသြားလိုက္ျဖစ္ခ်င္ေနလား ။
ေအာက္ကပံုအတိုင္းေရးၾကည့္လိုက္ပါ။
<marquee behavior="alternate"> ဒီေနရာမွာ နာမည္ထည့္ပါ</marquee>

ေႏွးေႏွးေလးေရြ႕ခ်င္လား ျမန္ျမန္ဆန္ဆန္သြားေစခ်င္လား
ခ်ိန္လို႔ရတယ္
<marquee behavior="scroll"direction="left"scrollamount="1"> ဒီေနရာမွာ နာမည္ထည့္ပါ </marquee>
right ေနရာမွာ
သြားခ်င္တဲ့ဖက္ကို ခ်ိန္ေပါ့၊ 1ေနရာမွာေတာ့အေႏွးအျမန္ကိုခ်ိန္ေပါ့။
ဓါတ္ပံုေလးေတြကုိေကာ လႈပ္လႈပ္ရွားရွားေလးျဖစ္သြားေစခ်င္လား
ဒီလိုလုပ္လို႔ရပါတယ္။
<marquee behavior="scroll" direction="left"><img <br><br>src="/pix/smile.gif" width="100" height="100"
alt="smile" /></marquee>
img src= ဆိုတာက ပံုရဲ့ direct link ပါပဲ။
အဲဒီေနရာမွာ ကိုယ္ထည့္ခ်င္တဲ့ပံုရဲ့ link ကိုထည့္ေပးရံုပါပဲ။
ပံုလင့္ဘယ္လိုယူရလဲေမးေနၾကဦးမယ္ ကဲပါမထူးေတာ့ပါဘူး
တစ္ခါတည္းေျပာျပမယ္ ပံုလင့္ကိုလိုခ်င္ရင္ ကိုယ္လုိခ်င္တဲ့ပံုေပၚကို
right ကလစ္ တစ္ခ်က္ႏွိပ္လိုက္ ျပီးရင္ Copy Image Location
ဆိုတာေလးကို ကလစ္လိုက္ပါ ျပီးရင္ Paste လုပ္လိုက္ေပါ့ အဲ့ဒါ
အေပၚမွာေျပာထားတဲ့ direct link ပါပဲ
လာပါျပီေနာက္ထပ္တစ္မ်ိဳး
<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80
style="Text-align;filter:wave(add=0,phase=1,
freq=1,strength=15,color=.FFFFFF)"><center> ဒီေနရာမွာ နာမည္ထည့္ပါ </center></marquee>
ဒါေလးကေနာက္ထပ္တမ်ိဳး။
"Text-align;filter:wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)"> <marquee
behavior="alternate"><marquee width="150"> ဒီေနရာမွာ နာမည္ထည့္ပါ </marquee></marquee>

<MARQUEE behavior=alternate direction=left scrollAmount=3 width="4%"><font
face=Webdings> ဒီေနရာမွာ နာမည္ထည့္ပါ </font></MARQUEE><MARQUEEscrollAmount=1
direction=left width="2%">| | |</MARQUEE> ဒီေနရာမွာ နာမည္ထည့္ပါ <MARQUEE scrollAmount=1direction=right
width="2%">| | |</MARQUEE><MARQUEE behavior=alternate
direction=right scrollAmount=3 width="4%"><font
face=Webdings> ဒီေနရာမွာ နာမည္ထည့္ပါ </font></MARQUEE>

<marquee behavior="alternate" width="10%">>></marquee> ဒီေနရာမွာ နာမည္ထည့္ပါ <marquee
behavior="alternate"width="10%"></marquee

<marquee scrollAmount="3" width="10%"></marquee>Myanmar Ning Creator
Groups<marquee
direction="right"scrollAmount="3"width="10%">>>>></marquee>
အေပၚေအာက္သြားဦးမလား။
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right"> ဒီေနရာမွာ နာမည္ထည့္ပါ </marquee></marquee>
  အထက္ ေအာက္ ဘယ္
ညာအကုန္သြားမယ္
<marquee behavior="alternate"direction="up" width="80%"><marquee direction="right"
behavior="alternate"> ဒီေနရာမွာ နာမည္ထည့္ပါ</marquee></marquee>
  ေဘာင္ခတ္ရင္
<marquee style="border:green 2px SOLID"> ဒီေနရာမွာ နာမည္ထည့္ပါ</marquee>
green
ဆိုတဲ့ေနရာမွာေတာ့ကိုယ္ေျပာင္းခ်င္တဲ့အေရာင္ေျပာင္းေပါ့ဗ်ာ။ 3px
ဆိုတာကလိုင္းအထူ၊အပါးညိွတာေလးပါႀကိဳက္သလိုေျပာင္းလုိ႔ရပါတယ္။ ေနာက္ခံ
background color ေလးထည့္ရန္
<font color="#FFFFFF"><marquee direction="left" style="background:blue"> ဒီေနရာမွာ နာမည္ထည့္ပါ</marquee></font>

#FFFFFF ေနရာက font color
ကုတ္ေလးပါကိုယ္ၾကိဳက္တဲ့အေရာင္ကုတ္ေလးေျပာင္းထည့္လို႔ရပါတယ္ေနာ္။blueေနရာကေတာ့
background အေရာင္ပါ။
အားလံုးအဆင္ေျပမယ္လို႔ ေမွ်ာ္လင့္ပါတယ္............အဆင္မေျပရင္ bravit.james@gmail.com ကို
ေမးလို႔ရပါတယ္... ကၽြန္ေတာ္ သိထားသေလာက္ ေျဖေပးပါ့မယ္....








Bo Bo lin မွမ်ွ​ေ၀သည္​။


1 comment:

  1. အကို​ေရ
    ကိုယ္​လိုျခင္​တဲ့ စတိုင္​တခုကို Htlm မွာထည္​့ၿပီး
    Save လိုက္​ရင္​ error ျဖစ္​ၿပီး လက္​မခံတာ
    ဘာ့​ေၾကာင္​့လဲ အကို အဲ့တာကို ဘယ္​လို​ေျဖ႐ွင္​းရင္​ ကိုယ္​ထည္​့ျခင္​တဲ့ ကုဒ္​ကိုထပ္​ထည္​့လို႔ ရႏိုင္​ပါသလဲ ခင္​ဗ်ာ....
    ခုမွ ​ေလ့လာ ခါစမို႔ နယးမလည္​့​ေသးလို႔ ကူညီ
    ​ေျဖၾကား​ေပးပါ အကို႔တို႔ ခင္​ဗ်ာ.. ..

    ReplyDelete