High Quality
Open the downloaded document, and select print from the file menu (PDF reader required).
1
|
P a g e
HTML
BY
SATURNGOD
http://saturngod.mysteryzillion.com
HTML
မိတ္ဆက္
ယေန႕အခါမွ ာ
Internet
ဟာအလြန္ က်ယ္ ျပန္႕လာျပီ း
လူ တိ ုင္ းနီ းပါးအသံ ု းျပဳၾကေပသည္။
ကၽြန္ေတာ္ တိ ု႕ေတြ ဟာလည္ း
Internet
ေပၚမွ ာ
ကိ ု ယ္ ပိ ုင္ေနရာမ်ားကိ ု
ကိ ု ယ္ ပိ ုင္
Homepage
မ်ားကိ ု
အလြ ယ္ တကူ
ယူေဆာင္ႏိ ုင္ေလျပီ။
Internet
ဆိ ု တာကိ ု
အက်ယ္ရွင္ းမေနေတာ့ ပါဘူ း။
အလြ ယ္ရွင္ းရရင္ေတာ့
Internet
ဆိ ု တာ
ကမာၻ
ေပၚရိ ွ
ႏိ ုင္ငံအခ်င္ းခ်င္ း
ခ်ိ တ္ဆက္ ထားေသာ
Network
ကြန္ ယက္ ၾကီ းတစ္ခု ျဖစ္ ပါသည္။
အဲဒီ လိ ု
Information
ေတြ
ဖလွ ယ္ ဖိ ု႕အတြ က္
Web Page
ေတြကိ ု
ေရးဆြဲရပါတယ္။
Web Page
ေရးဆြ ဲ ဖိ ု႕ရာအတြ က္
HTML
ဟာ
အဓိ က
က်ပါတယ္။
ေရးသားထားတဲ ့
Web Page
ေတြ ကိ ု
Web Browser Software
နဲ႕
ၾကည့ ္ရႈရပါတယ္။
Web BroswerSoftware
ေတြ က
Internet Explorer
နဲ႕
Firefox
တိ ု႕က
နာမည္ ၾကီ းေတြပါ။
HTML History
1989
ခု က
Tim Berners-Lee
နဲ႕
Rober Calliau
ဟာ
Research Documents
ေတြ ကိ ု
ပိ ု မိ ု ျမန္ဆန္ေကာင္ းမြန္
မယ္ ့
နည္ းလမ္ းကိ ု
ရွ ာေဖြခဲ ့ ပါတယ္။
၂
ႏွ စ္
ေလာက္ ၾကာေတာ့
Berners-Lee
ဟာ
browser
ေတြ က
ၾကည့ ္ရႈ ဖတ္သားႏိ ုင္ ျပီ း
Tag
မ်ားႏွင္ ့
ဖြ ဲ႕စည္ းတည္ေဆာက္ ထားတဲ ့
နည္ းပညာတစ္ခု ကိ ု
ျပဳလု ပ္ႏိ ုင္ခဲ ့ ပါတယ္။
ထိ ု႕ေနာက္အဲဒီ
tage
ေတြ ထဲမွ ာ
Hyper-Link
နဲ႕
document
အခ်င္ းခ်င္ းခ်ိ တ္ဆက္ႏိ ုင္ တဲ ့
tag
ေတြ ပါထည္ ့သြင္ းႏိ ုင္ခဲ ့ ပါသည္။
Berners-Lee
ရဲ႕
နည္ းပညာကိ ု
Hyber Text Markup Language
ဆိ ု တဲ ့
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
ကိ ုသံ ု းရင္ေတာ့
HTMLcode
ေတြသိ လာမွ ာ
မဟု တ္သလိ ု
တျခား
website
ေတြကိ ု
ျပင္ရတာလည္ းခက္ ပါလိ မ္ ့ မယ္။
ကၽြန္ေတာ္ တိ ု႕ေတြ
သူ မ်ားေတြေပးထားတဲ ့
website template
ကိ ု ျပင္ခ်င္ တယ္။
ကိ ု ယ္ ပိ ုင္ေသေသခ်ာခ်ာ
HTML code
ေတြ ကိ ုသိခ်င္ တယ္။
ဒါဆိ ုရင္ေတာ့
ေလ့ လာကာစမွ ာ
Notepad
သံ ု းျပီ းေလ့ လာပါ။
ေလ့ က်င္ ့ ပါ။
HTML
က
web site
2
|
P a g e
HTML
BY
SATURNGOD
http://saturngod.mysteryzillion.com
ဆြ ဲရတဲ ့
အထဲ မွ ာ
အလြ ယ္ဆံ ု းနဲ႕
အေျခခံအက်ဆံ ု းပဲ။
သူ႕ကိ ုေသေသခ်ာခ်ာနားလည္ ထားမွ
တျခား
webprogramming
ေတြ ျဖစ္ တဲ ့
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
လု ပ္ ထားပါ
။
ဘာျဖစ္ လိ ု႕လည္ းဆိ ုရင္ေတာ့
WordWarp
က
Notepad
မွ ာစာရိ ု က္ တာ
ျပည္ ့သြ ားရင္
ေအာက္ တစ္ေၾကာင္ း
ဆင္ းသြ ားရန္အတြ က္
ျဖစ္သည္။
HTML
စတင္ေရးသားျခင္ း
၁
. Notepad
ထဲ တြင္
အခု လိ ုေရးသားလိ ု က္ ပါ။
3
|
P a g e
HTML
BY
SATURNGOD
http://saturngod.mysteryzillion.com
<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
ကိ ု
firstrun.html
လိ ု႕ေပးလိ ု က္ ပါ။
firstrun
သည္
မိ မိ၏
ႏွ စ္သက္ရာ
နာမည္ေပးႏိ ုင္သည္။
.html
သည္
file extension
ျဖစ္သည္။
HTML
ေရးထားေသာ
page
မ်ားကိ ု
.html
ႏွင္ ့
.htm
လိ ု႕ေပးမွသာ
browser
တြင္
ေပၚပါလိ မ္ ့ မည္။
၃
. Save
သြင္ းလိ ု က္ေသာ
file
လမ္ းေၾကာင္ းကိ ု
သြ ားလိ ု က္ ပါ
။
first.html file
ေလးကိ ု
double click
လု ပ္ ျပီ း
ဖြင္ ့ လိ ု က္ ပါ
။
ဒါဆိ ု
page
ေလးတစ္ခု တက္ လာတာကိ ု
ျမင္ရပါမယ္။
Add a Comment
sanwinoo125left a comment