HTML 5

ကၽြန္ေတာ္ အရင္က HTML စာအုပ္ေရးၿပီးတဲ့ ေနာက္ပိုင္းမွာ HTML 5 ထြက္လာပါတယ္။ HTML စာအုပ္ကို ျပန္ၿပီးေတာ့ update လုပ္ၿပီး HTML 5 ထုတ္မယ္လို႕ စဥ္းစားမိတယ္။ HTML စာအုပ္ကို ျပန္ဖတ္ၾကည့္ေတာ့ လိုက္ေတာ့ လိုအပ္ေနတာေတြ ေတာ္ေတာ္မ်ားမ်ား ေတြ႕တယ္။ ဒါနဲ႕ HTML 5 ကို အစကေန ျပန္ေရးမယ္ ျဖစ္တယ္။ ဒီစာအုပ္ဟာ Wiley က ထုတ္တဲ့ Mike Wooldridge ေရးသားထားတဲ့ Teach Yourself VISUALLY HTML5 စာအုပ္ က ေခါင္းစဥ္ေတြ ကို အေျခခံထားပါတယ္။ ေက်ာ႐ိုးကို သာ အေျခခံထားၿပီး အထဲမွာ ေရးသားထားတဲ့ စာေတြ ေတာ္ေတာ္မ်ားမ်ား ကေတာ့ ကၽြန္ေတာ္ ကိုယ္ပိုင္ ေရးသား ထားတာပါ။ အခ်ဳိ႕ စာ အနည္းငယ္သာ ဘာသာျပန္ၿပီး ထည့္သြင္းထားပါတယ္။ အဲဒီ စာအုပ္ကို အေျခခံရတဲ့ အဓိက က ေတာ့ CSS အျပင္ Javascript အေျခခံပါ ပါဝင္ တဲ့အတြက္ HTML 5 ကို ေလ့လာတဲ့ သူေတြ အေနနဲ႕ CSS , Javascript အေျခခံေတြကို ပါ သိသြားပါလိမ့္မယ္။ ဒီစာအုပ္မွာ HTML 5 နဲ႕ JavaScript ကို အဓိက တြဲသံုးရတဲ့ web storage , Drag/Drop , Geolocation , Web Workers စတာေတြေတာ့ မပါဝင္ေသးပါဘူး။ ဒီစာအုပ္ဟာ စတင္ေလ့လာသူေတြအတြက္ ေရးသားထားတဲ့ စာအု့ပ္ျဖစ္အတြက္ေၾကာင့္ HTML ကို စတင္ေလ့လာသူေတြ အတြက္ အသံုးဝင္မယ့္ စာအုပ္ တစ္အုပ္ ျဖစ္မယ္လို႕ ေမွ်ာ္လင့္ပါတယ္။

HTML ဆိုတာ ဘာလဲ

HTML ဆိုတာကေတာ့ website ေတြတည္ေဆာက္ရာမွာ အေျခခံ အက်ဆံုးနဲ့ web developer ျဖစ္ခ်င္သူေတြ ပထမဆံုး မျဖစ္မေန သိထားသင့္တဲ့ language တစ္ခုပါ။ ယေန့အခါမွာ Internet ဟာအလြန္က်ယ္ျပန့္လာျပီး လူတိုင္း နီးပါး အသံုးျပဳနိုင္ျကပါတယ္။ ကြ်န္ေတာ္တို႕ဟာလည္း Internet ေပၚမွာ ကိုယ္ပိုင္ စာမ်က္ႏွာေတြ အလြယ္တကူ တည္ေဆာက္နိုင္ပါတယ္။ Internet အေျကာင္းကိုေတာ့ အက်ယ္ရွင္း မေနေတာ့ပါဘူး။ အလြယ္ဆံုးေျပာရရင္ေတာ့ အင္တာနက္ဆိုတာက ကမာၻဘာတစ္ခုလံုး ခိ်တ္ဆက္ထားတဲ့ ၾကီးမားတဲ့ ကြန္ယက္ၾကီးပါ။ အဲဒီ ကြန္ယက္ျကီးမွာ သတင္းအခ်က္အလက္ေတြ ေဖာ္ျပဖို့ ဖလွယ္ဖို့အတြက္ Web Page ေတြ ေရးသားရပါတယ္။ အဲလို မ်ဳိး web page ေတြ ေရးဆဲြဖုိ႕ရာအတြက္ HTML က အဓိက က်လွပါတယ္။ ေရးထားတဲ့ web page ေတြကို web browser ေတြကေန တဆင့္ ျကည့္ရႈနိုင္ပါတယ္။ web browser ေတြကေတာ့ Internet Explorer , Firefox , Chrome , Opera , Safari စတာေတြ ျဖစ္ပါတယ္။ HTML ဟာ tag ေတြနဲ့ တည္ေဆာက္ထားတဲ့ အတြက္ေျကာင့္ HTML အေျကာင္း မေရးခင္မွာ HTML သမိုင္း အနည္းအက်ဥ္း tag ေတြ အေျကာင္းကို ေလ့လာျကည့္ရေအာင္ဗ်ာ။

HTML သမိုင္း

1989 ခုနွစ္က Tim Berners Lee နဲ့ Rober Calliau ဟာ Research Document ေတြကို ပိုမိုျမန္ဆန္ေကာင္းမြန္မယ့္ နည္းလမ္းေကာင္းေတြကို ရွာေဖြခဲ့ပါတယ္။ ၂ နွစ္ေလာက္ျကာေတာ့ Berners Lee ဟာ browser ေတြက ျကည့္ရႈဖတ္သားနိုင္ျပီး tag မ်ားနဲ့ ဖြဲ႕စည္းတည္ေဆာက္ထားတဲ့ နည္းပညာတစ္ခုကို ျပဳလုပ္နိုင္ခဲ့ပါတယ္။ ထို့ေနာက္ အဲဒီ tag ေတြထဲမွာ Hyper-Link နဲ့ document တစ္ခုနဲ့ တစ္ခု ခိ်တ္ဆက္နိုင္တဲ့ tag ေတြကိုပါ ထည့္သြင္းနိုင္ခဲ့ပါတယ္။ Berners Lee ရဲ့ နည္းပညာကေတာ့ Hyper Text Markup Language ဆိုတဲ့ HTML ပါပဲ ။

Tag ဆိုတာ ဘာလဲ

Tag ဆိုတာကေတာ့ ပံုမွန္ စာသားေတြနဲ့ HTML code ေတြကို ခဲြျခား လို့ရေအာင္ လုပ္ထားေပးတယ္လို့ အလြယ္ဆိုလို့ရပါတယ္။ ဥပမာ။ <b> This is bold </b> ကို web browser မွာ ျကည့္ရင္ စာလံုးက bold ျဖစ္ေနပါမယ္။ <b> က အဖြင့္ျပီးေတာ့ </b> ကေတာ့ အပိတ္ပါ။ ပံုမွန္ အားျဖင့္ tag ေတြက အဖြင့္နဲ့ အပိတ္ပါပါတယ္။ အပိတ္ေတြကေတာ့ / ေလးနဲ့ ဆံုးပါတယ္။

HTML ေရးဖို႕ အတြက္ Editor

HTML အတြက္ Editor ေတြ IDE ေတြအမ်ားၾကးီ ရိွပါတယ္။ ကၽြန္ေတာ္ လက္ရိွ သံုးေနတာကေတာ့ Mac OSX မွာ Text Mate ကို အသံုးျပဳေနပါတယ္။ စတင္ေလ့လာတဲ့ သူေတြ အေနနဲ႕ dreamweaver လိုမ်ဳိး IDE ထက္ notepad , notepad++ , sublime text လိုမ်ဳိး editor ေတြကို အသံုးျပဳႏိုင္ပါတယ္။