စကာလံုးမ်ားျဖင့္ကစားျခင္း ( ကုိယ္တုိင္ေလ့လာ မွတ္စု ၂ )

    ကၽြန္ေတာ္ နည္းပညာနဲ. ပတ္သက္တဲ့ Post ေတြ မတင္ခ်င္ပါဘူး။ ဘာလိုလဲ ဆုိေတာ့ ကၽြန္ေတာ္က နည္းပညာနဲ. ပတ္သတ္လို. ဘာမွ မသိလို.ပါ။ ခုတင္တဲ့ Post ေလးကလဲ ကၽြန္ေတာ့္ ဘေလာ့အတြက္ ေလ့လာထားတဲ့ မွတ္စုေလးမုိ. တင္ျဖစ္သြားတာပါ။ ကၽြန္ေတာ္ကုိယ္တုိင္ ေမ့သြားရင္ျပန္ဖတ္ရလြယ္ေအာင္ တင္ထားျခင္းျဖစ္ပါတယ္။

     အရင္ရက္က ကၽြန္ေတာ္ ဘေလာ့တစ္ခုရယူျခင္းတုိတဲ့ မွတ္စု ၁ ကုိ တင္ထားပါတယ္။ ကၽြန္ေတာ့္မယ္ ကုိယ္ပုိင္ ဘေလာ့တစ္ခု ရွိေနျပီေပါ့။ ကၽြန္ေတာ္ပုိင္ ဘေလာ့ရွိသြားေတာ့ ဒီဘေလာ့ေလးကုိ ဒီဇိုင္းေတြ ျပင္ခ်င္လာတယ္။ Template ေတြျပင္ခ်င္လာတယ္။ အဲလိုျပင္ဖုိ. ကၽြန္ေတာ့္မယ္ ဘာပညာ ၊ဘာအျမင္မွ မရွိပါဘူး။ ဒီေတာ့ပထမဆံုး သူမ်ားဘေလာ့ေတြ ၊ဆုိက္ေတြကုိ လိုက္ၾကည့္ပါတယ္။ ေလ့လာပါတယ္။ ဒိလို ေလ့လာတယ္ ၊ၾကည့္တယ္ဆုိလို. ဒီဇိုင္းေတြ ၊Template ေတြဘယ္လုိေရးတယ္ဆုိတာ ေလ့လာတာမဟုတ္ပါဘူး။ ဘယ္လိုေရးတယ္တုိတာလဲ ဘယ္နားရွိမွန္းမသိပါဘူး။ ပံုေလးေတြ လုိက္ၾကည့္တာပါ။ ဒီဇုိင္းေလးေတြ ၊Template ေလးေတြ လိုက္ၾကည့္တာပါ။ ဒိလိုလုိက္ၾကည့္ေနရင္း လႈပ္ရွားေနတဲ့ စလံုးေလးေတြကုိ ေတြ.ျပီး ၾကိဳက္မိသြားတယ္။ ေအာက္မွာ ေျပးေနသလိုမ်ိဳးေလးေပါ့။

မဂၤလာပါ

     ကၽြန္ေတာ့ ဘေလာ့ထဲမွာလဲ ဒိလိုေျပးေနတဲ့ စာလံုးေလးေတြ ၊လႈပ္ရွားေနတဲ့ စာလံုးေလးေတြ ေရးခ်င္လာပါတယ္။

     ဒါနဲ. ကၽြန္ေတာ့္ အသိုင္းအ၀ုိင္းထဲက သူငယ္ခ်င္းေတြကုိ လုိက္ေမးၾကည့္ေတာ့ Website ထဲမွာ စာလံုးေလးေတြ ျပင္ခ်င္၊ ေရးခ်င္တယ္ဆုိ HTML နဲ.ေရးရတာလို. သိရပါတယ္။ ဒါနဲ့ထက္ေမးမိပါတယ္။ မင္းေရးလားလို.။ ဘယ္လိုေရးရလဲေမးေတာ့ သူကမတက္ပါဘူးတဲ့။ မေရးတက္ပါဘူးတဲ့။ ဒီမယ္ကၽြန္ေတာ္လမ္းဆံုးသြားျပီ ထင္ေနတာ။ ကၽြန္ေတာ္ အင္တာနက္သံုးေနတာပဲ။ Google ကေန about html ဆုိျပီးရုိတ္ထည့္ ၊ခ်ေပးတဲ့ လိပ္စာေတြ တစ္ခုျပီးတစ္ခု လိုက္ဖြင့္ၾကည့္ေတာ့ ဒီ http://www.w3schools.com/ ဆိုက္ေလးကုိသြားေတြ.ပါတယ္။ ဒိဆုိက္ေလးက HTML ဘယ္လိုေရးရမယ္ဆုိတာကုိ အေျခအခံကစ သင္ေပးတဲ့ ဆုိက္ေလးျဖစ္ေနတယ္။ လက္ေတြေလ့က်င့္ခန္းနဲ့ေပါ့။ HTML ေလ့လာဖုိ. အင္မတန္ေကာင္းတဲ့ ဆုိက္ေလးပဲ။ Self Study ေတာင္ ေတာ္ေတာ္ေလးနားလည္ႏိုင္တယ္။ ဆရာတစ္ေယာက္ေလာက္မ်ားရွိရင္ ခ်က္ခ်င္းတက္လာႏိုင္တယ္။ အတုိင္းအတာ တစ္ခုထိေပါ့။ ဒါေပမယ္ ကၽြန္ေတာ္ ကံဆုိးတာက အဂၤလိပ္စာ ေကာင္းေကာင္း မဖတ္တက္တာပဲ။ အမွန္ကေတာ့ ကၽြန္ေတာ္ပ်င္းတာပါ။ အဂၤလိပ္စာ မေတာက္တစ္ေခါက္တက္ရံဳနဲ. ေလ့လာလို.ရပါတယ္။ ဒိဆုိက္ထဲမယ္ ရွင္းျပထားတာေတြက အင္မတန္ လြယ္ကူတဲ့ Sentence ေတြနဲ.ပါ။ သင္လဲ HTML ေလ့လာမယ္ဆုိ ဒိဆုိက္ေလးကုိ မွတ္ထား ေလ့လာေစခ်င္ပါတယ္။

     ကၽြန္ေတာ္လဲ စိတ္ညစ္ညစ္နဲ့ စာလံုးေလး ေျပးေနတဲ့ ဆုိက္ေလးကုိျပန္သြားျပီး ၾကည့္ေနပါတယ္။ မဂၤလာပါဆုိတဲ့ စာလံုးေလးက အေပၚဖတ္မယ္ ဘယ္မွညာ ေျပးလြားေနပါတယ္။ ဒိစာတန္းေလးကုိ ေငးေနမိပါတယ္။ အဲလုိေငးေနရင္း လက္က ေမာက္စ္ပိြဳင္တာနဲ. သြားကလစ္မိတယ္။ အဲမယ္ ကံေကာင္းမႈတစ္ခုေရာက္လာတယ္။ အဲစာတန္းေလးကုိ ကလစ္လုိက္ေတာ့ ဒိ http://www.crazyprofile.com/marquee_effects/Marqueeeffects.asp ဆုိက္ေလး က်လာတယ္။

     ဒိထဲမယ္ စာလံုးေတြက အေပၚေအာက္ ၊ဘယ္ညာ စသည္ျဖင့္ နည္းမ်ိဳးစံုနဲ. ေျပးေနတယ္။ စာလံုးေလးေတြရဲ. ေအာက္မွာလဲ စာေရးလိုရမယ့္ ကြတ္လပ္ေလးတစ္ခုရယ္ Code ဆုိတဲ့ Button ဆုိတာေလးရယ္ ေတြရပါတယ္။ ဒါနဲ. ကၽြန္ေတာ္ ဘယ္ညာေျပးေနတဲ့ စာလံုးေအာက္က ကြတ္လပ္ေလးမယ္ မဂၤလာပါဆုိတဲ့ စာေရးျပီး Code ဆုိတဲ့ Button ကိုကလစ္ုလိက္ပါတယ္။ အဲေတာ့ လက္ရွိစာမ်တ္နွာေလးက Reload လုပ္မိသလိုမ်ိဳး ျဖစ္သြားျပီး ခဏေနေတာ့ ကၽြန္ေတာ္ မဂၤလာပါလို ေရးထားခဲ့တဲ့ေနရာမယ္ ဒိုကုတ္ <a href="http://www.crazyprofile.com/marquee_effects/Marqueeeffects.asp" target="_blank" style="text-decoration:none"><marquee>မဂၤလာပါ</marquee></a>
ေလးေတြေပၚလာပါတယ္။ေအာက္ကပံုေလးအတုိင္းေပါ။

     ပံု ( ၁ )

     ဒိေလာက္ ကၽြန္ေတာ္ မအပါဘူး။ ဒီ ကုတ္ေတြက မဂၤလာပါဆုိတဲ့ စာလံုးေလေတြကုိ ဘယ္ညာေျပးေစတဲ့ ကုတ္ဆုိတာ ကၽြန္ေတာ္သိလိုက္ပါတယ္။ ကဲ... ကုိယ္လုိခ်င္တဲ့ ေျပးေနတဲ့ စာလံုးကုတ္ေလးေတာ့ ရျပီ။ ဒိကုတ္ကုိ ဘယ္မွာသြားထည့္မလဲ။

     ဒိလိုေတြးေနတုန္း ကၽြန္ေတာ္ကဗ်ာေတြ တင္ခဲ့စဥ္က Post ေရးတဲ့ေနရာမယ္ Compose/Html ဆုိတဲ့ Button ေလးေတြကုိ သြားျမင္မိတယ္။ ဒါနဲ. ကၽြန္ေတာ္ ဘေလာ့ထဲက New Post ကုိ ကလစ္၊ Post တင္တဲ့ ေနရာေရာက္ေတာ့ HTML ဆုိတဲ့ Button ကုိ ကလစ္လုိက္တယ္။ အဲလုိကလစ္ေတာ့ ျမင္ကြင္းကျဖတ္ကနည္းျဖစ္ပိး ဘာမွမေျပာင္းလဲဘူး။ မထူးပါဘူးဆုိျပီး ခုနကုတ္ေလးေတြကုိ Copy/Paste လုပ္ ၊ Publish ကုိကလစ္လုိက္ပါတယ္။ အဲလိုကလစ္လုိက္ေတာ့ ျမင္ကြင္းေျပာင္းသြားျပီး Post တင္ျခင္း ျပီးသြားပါတယ္။ View Blog ကုိ ကလစ္လုိက္ေတာ့ မဂၤလာပါဆုိတဲ့ စာလံုးေလးက Post ထဲမယ္ ဘယ္ညာေျပးေနပါေတာ့တယ္။

    Design > Layout > Add a Gadget >HTML / Java Script ဒိလိုအဆင္ဆင္သြားျပီး HTML ထဲမယ္ေရးလို့လဲရတယ္။

စာလံုးမ်ားကုိ ဆတ္လက္ေလ့လာျခင္း

     ဆတ္ေလ့လာခဲ့ေတာ ့လႈပ္ရွားေနတဲ့ စာလံုးေတြအတြက္ ကိုယ္တုိင္ ကုတ္ေရးတက္လာခဲ့တယ္။ http://www.crazyprofile.com/marquee_effects/Marqueeeffects.asp ထဲကနည္းေတြေပါ့။ ဒိဆုိက္ထဲက ရယူထားတဲ့ ဒိလိုမ်ိဳး  <a href="http://www.crazyprofile.com/marquee_effects/Marqueeeffects.asp" target="_blank" style="text-decoration:none"><marquee>မဂၤလာပါ</marquee></a> ကုတ္အကုန္ မေရးပဲ စာလံုးနဲ. ပတ္သတ္တဲ့ ကုတ္သီးသန္.ကုိေပါ့။

     Marquee

     marquee ဆုိတာ HTML ကုတ္ (attribute) လားေတာ့ ကၽြန္ေတာ္မသိဘူး။ ထားပါ HTML ကုတ္ (attribute) ပဲ။ marquee ဆုိတာ HTML ကုတ္ (attribute) ဆုိရင္ သူမယ္ Definition ဒါမဟုတ္ Meaning ရွိရမယ္။ ဒီေလာက္ထိေတာ့ ကၽြန္ေတာ္မသိဘူး။ ကၽြန္ေတာ္ေတာ့ ဒိလိုပဲမွတ္ထားတယ္။ marquee ဆုိတာ စာလံုးေတြကုိ အသက္သြင္း (လႈပ္ရွား)ေအာင္ လုပ္ေပးႏိုင္တဲ့နတ္ဆုိးေလးလို.။ အရာ၀တၳဳမ်ာ၏ ၀ိညာဥ္။ Soul of everthing ။ နာမည္ေလးကလွတယ္ေနာ္။ marquee ကုိ ကၽြန္ေတာ္ဒိနာမည္ေပးခဲ့သလိုပဲ သူက စာလံုးေတြ ပံုေတြကုိ စသျဖင့္ေပါ့ အကုန္လႈပ္ရွားေပး ႏုိင္တယ္ေလ။ ေအာက္မွာကၽြန္ေတာ္ကူးထားတဲ့ marquee ေတြပါ။

စာလံုးမ်ားကုိ ဆတ္လက္ေလ့လာျခင္း

     ဆတ္ေလ့လာခဲ့ေတာ ့လႈပ္ရွားေနတဲ့ စာလံုးေတြအတြက္ ကိုယ္တုိင္ ကုတ္ေရးတက္လာခဲ့တယ္။ http://www.crazyprofile.com/marquee_effects/Marqueeeffects.asp ထဲကနည္းေတြေပါ့။ ဒိဆုိက္ထဲက ရယူထားတဲ့ ဒိလိုမ်ိဳး  <a href="http://www.crazyprofile.com/marquee_effects/Marqueeeffects.asp" target="_blank" style="text-decoration:none"><marquee>မဂၤလာပါ</marquee></a> ကုတ္အကုန္ မေရးပဲ စာလံုးနဲ. ပတ္သတ္တဲ့ ကုတ္သီးသန္.ကုိေပါ့။

     Marquee

     marquee ဆုိတာ HTML ကုတ္ (attribute) လားေတာ့ ကၽြန္ေတာ္မသိဘူး။ ထားပါ HTML ကုတ္ (attribute) ပဲ။ marquee ဆုိတာ HTML ကုတ္ (attribute) ဆုိရင္ သူမယ္ Definition ဒါမဟုတ္ Meaning ရွိရမယ္။ ဒီေလာက္ထိေတာ့ ကၽြန္ေတာ္မသိဘူး။ ကၽြန္ေတာ္ေတာ့ ဒိလိုပဲမွတ္ထားတယ္။ marquee ဆုိတာ စာလံုးေတြကုိ အသက္သြင္း (လႈပ္ရွား)ေအာင္ လုပ္ေပးႏိုင္တဲ့နတ္ဆုိးေလးလို.။ အရာ၀တၳဳမ်ာ၏ ၀ိညာဥ္။ Soul of everthing ။ နာမည္ေလးကလွတယ္ေနာ္။ marquee ကုိ ကၽြန္ေတာ္ဒိနာမည္ေပးခဲ့သလိုပဲ သူက စာလံုးေတြ ပံုေတြကုိ စသျဖင့္ေပါ့ အကုန္လႈပ္ရွားေပး ႏုိင္တယ္ေလ။ ေအာက္မွာကၽြန္ေတာ္ကူးထားတဲ့ marquee ေတြပါ။

<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>Wave Marquee မဂၤလာပါ<br>Wave Marquee မဂၤလာပါ</center></marquee>

အေပၚကလို Code ေတြေရးရင္ ဒိလိုလႈပ္ရွားမယ္

Wave Marquee မဂၤလာပါ
Wave Marquee မဂၤလာပါ


<marquee behavior="alternate"><marquee width="150">Hiding Text မဂၤလာပါ</marquee></marquee>

အေပၚကလို Code ေတြေရးရင္ ဒိလိုလႈပ္ရွားမယ္

Hiding Text မဂၤလာပါ

<MARQUEE behavior=alternate direction=left scrollAmount=3 width="4%"><font face=Webdings>4</font></MARQUEE><MARQUEE scrollAmount=1 direction=left width="2%">| | |</MARQUEE>High Tech Text မဂၤလာပါ<MARQUEE scrollAmount=1 direction=right width="2%">| | |</MARQUEE><MARQUEE behavior=alternate direction=right scrollAmount=3 width="4%"><font face=Webdings>3</font></MARQUEE>

အေပၚကလို Code ေတြေရးရင္ ဒိလိုလႈပ္ရွားမယ္

4| | |High Tech Text မဂၤလာပါ| | |3

<MARQUEE behavior=alternate direction=left scrollAmount=3 width="4%"><font face=Webdings>3</font></MARQUEE><MARQUEE scrollAmount=1 direction=left width="2%">| | |</MARQUEE>High Tech Text မဂၤလာပါ 2<MARQUEE scrollAmount=1 direction=right width="2%">| | |</MARQUEE><MARQUEE behavior=alternate direction=right scrollAmount=3 width="4%"><font face=Webdings>4</font></MARQUEE>

အေပၚကလို Code ေတြေရးရင္ ဒိလိုလႈပ္ရွားမယ္

3| | |High Tech Text မဂၤလာပါ 2| | |4

<marquee behavior="alternate" width="10%">>></marquee>Highlight Text မဂၤလာပါ<marquee behavior="alternate" width="10%"><<</marquee>

အေပၚကလို Code ေတြေရးရင္ ဒိလိုလႈပ္ရွားမယ္

>>Highlight Text မဂၤလာပါ<<


<marquee scrollAmount="3" width="10%"><<<<</marquee>Opposite Highlight Text မဂၤလာပါ<marquee direction="right" scrollAmount="3" width="10%">>>>></marquee>

အေပၚကလို Code ေတြေရးရင္ ဒိလိုလႈပ္ရွားမယ္

<<<<Opposite Highlight Text မဂၤလာပါ>>>>

<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">Zig Zag Text မဂၤလာပါ</marquee></marquee>

အေပၚကလို Code ေတြေရးရင္ ဒိလိုလႈပ္ရွားမယ္

Zig Zag Text မဂၤလာပါ

<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">Alternate Zig Zag Marquee မဂၤလာပါ</marquee></marquee>

အေပၚကလို Code ေတြေရးရင္ ဒိလိုလႈပ္ရွားမယ္

Alternate Zig Zag Marquee မဂၤလာပါ

<marquee style="border:#00FF00 2px SOLID">Color Border Marquee မဂၤလာပါ အစိမ္းေရာင္</marquee>

အေပၚကလို Code ေတြေရးရင္ ဒိလိုလႈပ္ရွားမယ္

Color Border Marquee မဂၤလာပါ အစိမ္းေရာင္

<font color="#FFFFFF"><marquee direction="left" style="background:#00FF00">Background Marquee မဂၤလာပါ အစိမ္းေရာင္</marquee></font>

အေပၚကလို Code ေတြေရးရင္ ဒိလိုလႈပ္ရွားမယ္

Background Marquee မဂၤလာပါ အစိမ္းေရာင္

<marquee direction="up">Up Text မဂၤလာပါ</marquee>

အေပၚကလို Code ေတြေရးရင္ ဒိလိုလႈပ္ရွားမယ္

Up Text မဂၤလာပါ

<marquee direction="down">Down Marquee မဂၤလာပါ</marquee>

အေပၚကလို Code ေတြေရးရင္ ဒိလိုလႈပ္ရွားမယ္

Down Marquee မဂၤလာပါ

<marquee direction="up" behavior="alternate">Up/Down Alternate Marquee</marquee>

အေပၚကလို Code ေတြေရးရင္ ဒိလိုလႈပ္ရွားမယ္

Up/Down Alternate Marquee

<marquee behavior="alternate">Alternate Text မဂၤလာပါ</marquee>

အေပၚကလို Code ေတြေရးရင္ ဒိလိုလႈပ္ရွားမယ္

Alternate Text မဂၤလာပါ


<marquee direction="right">Left to Right Marquee မဂၤလာပါ</marquee>

အေပၚကလို Code ေတြေရးရင္ ဒိလိုလႈပ္ရွားမယ္

Left to Right Marquee မဂၤလာပါ

<marquee>Right to Left Text မဂၤလာပါ</marquee>

အေပၚကလို Code ေတြေရးရင္ ဒိလိုလႈပ္ရွားမယ္

Right to Left Text မဂၤလာပါ

     အေပၚက ကူးထားတဲ့ ကုတ္ေတြကုိ ၾကည့္ျပီး ထူးျခားတာကုိ ေတြ.လား။

     <marquee direction ="right">your print</marquee>

     <marquee direction ="right"><marquee width ="150">your print</marquee></marquee>

     ဒိမယ္ ထူးျခားတာက <  >သေကၤတထဲက ပထမဆံုးစာလံုး marquee တစ္ခုဆုိတစ္ခု ၊ႏွစ္ခုဆုိႏွစ္ခု အဆံုးမယ္ </marquee> ဆုိျပီးေတာ့ တစ္ခုဆုိတစ္ခု ၊ႏွစ္ခုဆုိနွစ္ခုျဖစ္ေနတာပါပဲ။

     ဒိေတာ့ ကၽြန္ေတာ္ဘာသိသြားလဲ ဆုိေတာ့ marquee တစ္ခု ၊ႏွစ္ခု ၊သံုးခု ဘယ္လိုပဲပါပါ။ျပီရင္ ကုိယ္ေဖၚျပခ်င္တာကုိေရး။ ဒိစာလံုးရဲ.ေနာက္မွာ   /   သေကၤတေလးခံျပီး တစ္ခုဆုိတစ္ခု ၊ႏွစ္ခုဆုိႏွစ္ခု ၊အစမယ္ေရးခဲ့သေလာက္ marquee ေတြျပန္ပိတ္ထားတာပါပဲ။

     ဥပမာ

     <a ဘာညာဘာညာ><b ဘာညာဘာညာ> ကိုယ္ေဖၚျပခ်င္းေသာစာလံုး </b></a>

     a ဘာညာဘာညာ ႏွင့္စတယ္။ b ဘာညာဘာညာ နဲ.စတယ္။ </b> နဲ.ဆံုးတယ္။ </a> နဲ.ဆံုးတယ္။ a ေတြ b ေတြေနာက္ကဘာညာဘာညာေတြ မခိုေတာ့ဘူး။ အစစာလံုး a ,b ကုိ   /   ေလးခံျပီး ပိတ္ထားတယ္။

     ကုိယ္ေဖၚျပခ်င္တဲ့စာလံုးကုိ <.....> စတယ္။ </.....>ဆံုးတယ္။ ဒိၾကားထဲမယ္ေရးရတာပါပဲ။

     ဒါက HTML ေရးနည္း Sentence ပဲထင္တာပဲ။

     အလြယ္ဆံုးသေကၤတနဲ.မွတ္ရင္     [  {  (  <  >  )  }  ] ဒိလိုမ်ိဳး အဆင့္ဆင့္ပိတ္သြားတယ္ထင္တာပဲ။

     အဂၤလိပ္ Sentence မွာ SVO

     ျမန္မာ Sentence မွာ SOV

     HTML Sentence မွာ

<တစ္ခုခု>ေဖၚျပခ်င္ေသာ</တစ္ခုခု> ဆုိျပီး     Start   Print    /Start   ဆိုျပိးရွီတယ္ထင္တယ္။

     <a>..........</a>

     <p>..........</p>

     <h>..........</h>

     <ul>..........</ul>

     <div>..........</div>

     <span>..........</span>

     <marquee>..........</marquee>

     <div><ul><a><marquee>.....................</marquee></a></ul></div>