Link And Frame
HTML ရဲ႕ ေနာက္ဆုံး ေဆာင္းပါးပါ။ အဲဒါက ဘာလဲဆိုရင္ေတာ့ Link And Frame ပါ။ Frame တစ္ခုက Link က ႏိွပ္လိုက္ရင္ ေနာက္ frame တစ္ခုက ေျပာင္း သြားဖို႕ပါ။ ကြၽန္ေတာ္ အကုန္လံုးကို အေျခခံေလာက္ပဲ ေျပာႏိုင္မွာပါ။ Web ပိုင္းမွာ ေလ့လာစရာေတြ အမ်ား ႀကီးပါ။ HTML ဆိုတာ လံုး၀စ,ကာစ အေျခခံအဆင့္ ေလးပါ။
ကြၽန္ေတာ္အရင္လက ေျပာခဲ့ပါတယ္။ ဘယ္ ဘက္က Link ကို ႏိွပ္လိုက္ရင္ ညာဘက္မွာ သက္ဆိုင္ရာ Page ကို ေျပာင္းသြားမယ္ဆိုၿပီးေတာ့။ အခုအဲလိုမ်ဳိး ဘယ္ ဘက္က frame ကေန ႏိွပ္လိုက္ရင္ ညာဘက္က frame မွာ သက္ဆိုင္ရာ Page ေျပာင္းသြား ေအာင္လုပ္ပါမယ္။ ပထမဆံုး frame ၂ ခုအတြက္ index.html ကိုစေရးပါ့မယ္။
<html>
<head>
<title>Menu</title>
</head>
<frameset cols=”100,*”>
<frame src=”menu.html” id=”menu”>
<frame src=”home.html” name=”main”>
</frameset>
<noframes></noframes>
</html>
အဲမွာ.. name=”main” လို႕ေပးခဲ့တာကို ေတြ႕မွာ ပါ။ အဲလိုမ်ဳိးနာမည္ထည့္ခဲ့မွ menu ကေန အဲဒီ frame မွာ သြားေပၚဆိုၿပီးေျပာလို႕ရမွာ။ ကဲ.. အခု menu.html မွာေရးထားတာကို ၾကည့္လိုက္ရေအာင္ ...
<html>
<head>
<title>Menu</title>
</head>
<body>
<a href=”home.html” target=”main”> Home </a><br>
<a href=”download.html” target=”main”> Download</a><br>
<a href=”link.html” target=”main”>Link</a><br>
</body>
</html>
အဲမွာ link ေတြအကုန္လံုးမွာ target ဆိုတာေလး ပါတာကို ေတြ႕ရပါလိမ့္မယ္။ ကြၽန္ေတာ္တို႔ index.html မွာ name = ”main” ဆိုတဲ့ frame မွာ သြားေပၚမယ္ဆိုတဲ့ အဓိပၸာယ္ေပါ့။ download ဆိုတာကို ႏိွပ္လိုက္ရင္ ညာ ဘက္က frame မွာ download.html ဆိုတဲ့ page ေလးေပၚ သြားပါမယ္။ Home ကိုႏိွပ္လိုက္လည္း home.html ဟာ ညာဘက္က frame မွာပဲ သြားေပၚပါမယ္။
အဲဒီေလာက္ဆိုရင္ နားလည္ သိရိွၿပီလို႔ ထင္ပါ တယ္။
အခုဆက္ၿပီး နည္းနည္းအပိုေလး ထည့္ေျပာျပ ရေစ။
menu.html page ထဲမွာပဲ home.html ေလးကို လွမ္းၿပီး ေခၚျပတဲ့နည္းပါ။ အဲဒါေလးကေတာ့ အသံုး၀င္ပါ တယ္။ Home Page မွာ news ေတြကို ေဖာ္ျပတဲ့အခါမွာ အသံုး၀င္လွပါတယ္။
<html>
<head>
<title>Menu</title>
</head>
<body>
<iframe src=”home.html” width=”500" height=”200"></iframe>
</body>
</html>
code ေလးက ရွင္းပါတယ္။ <iframe> ပါ။ src ကေတာ့ ဘယ္ page ကို ခ်ိတ္မလဲဆိုတာပါ။ width နဲ႕ height ကေတာ့ ကိုယ္ေဖာ္ျပခ်င္သေလာက္ေပါ့။ အခုဆို ရင္ေတာ့ ကြၽန္ေတာ္တို႕ေတြ HTML အေျခခံေလးကို ေလ့ လာလို႕ ၿပီးသြားပါၿပီ။ ဒီစာအုပ္ကို ဖတ္ၿပီးရင္ေတာ့ ဘာ code က ဘာကိုေျပာတာလဲဆိုတာပဲ သိႏိုင္မွာပါ။ ဘာလို ခ်င္ရင္ ဘယ္လိုလုပ္ရမလဲ ဆိုတာေတာ့ မိမိရဲ႕ ေလ့လာမႈ စြမ္းအားေပၚ မူတည္ပါတယ္။ စာအုပ္ဖတ္႐ံုနဲ႕ မရပါဘူး။ လုိက္ေတြးပါ။ စမ္းၾကည့္ပါ။ ဒါမွ တိုးတက္မႈကို ရမွာပါ။ မ်က္စိနဲ႕ၾကည့္႐ံုနဲ႕ေတာ့ တိုးတက္မႈရိွမွာ မဟုတ္ပါဘူး။ ဒီစာအုပ္ ဖတ္ၿပီးရင္ေတာ့ “ေအာ္ ... ဒီ code က ဒါ အတြက္ ေရးထားတာ”
အဲေလာက္ပဲ စြမ္းေဆာင္ ေပးႏိုင္မွာပါ။ ငါဒီလို ဆြဲခ်င္တယ္။ ဒါေၾကာင့္ ဒါကို သံုးရမယ္ ဆိုတာကေတာ့ မိမိရဲ႕ အာ႐ံုကြန္႔ျမဴးမႈနဲ႔ ဒီစာအုပ္ကို ေပါင္းျပီး အသံုးခ်ရ ရင္ ရႏိုင္မွာပါ။
ကြၽန္ေတာ္တို႕ေတြ ဘာေတြ ဆက္ၿပီးေလ့လာဖို႕လို ေသးလဲဆိုေတာ့ အမ်ားႀကီးပါ။ HTML ကို ဒီစာအုပ္ အဆင့္ေလာက္သိသြားၿပီဆိုရင္ေတာ့ CSS ကိုဆက္ျပီး ေလ့လာဖို႕လိုပါတယ္။ အဲဒီႏွစ္ခုတတ္ၿပီးရင္ေတာ့ နည္း နည္းေလး ေရးဆြဲရတာ လြယ္သြားေအာင္ Dreamweaver သံုးၿပီးဆြဲေစခ်င္ပါတယ္။ ၿပီးရင္ေတာ့ Javascript ေပါ့။ အဲဒီဟာေတြ ၿပီးသြားရင္ photoshop န႕ဲ Flash နည္းနည္း သံုးတတ္ဖို႕လိုပါတယ္။ Webdesigner တစ္ေယာက္အေန နဲ႕ ေလ့လာဖို႕ေျပာတာပါ။ web developer အေနနဲ႕လည္း CSS, Javascript, Phtoshop, Flash တို႔ကို အနည္းအက်ဥ္း ေလး သိရိွနားလည္ထားဖို႔ လိုပါတယ္။ ၿပီးရင္ web programming ေတြ ေလ့လာရမွာပါ။ .NET သမားေတြ ဆိုရင္ေတာ့ ASP.NET ေပါ့။ Java သမားဆိုရင္ေတာ့ JSP ရိွပါတယ္။ အျခားလြယ္ကူစြာ ေလ့လာခ်င္ရင္ေတာ့ php က အလြယ္ဆံုးပါ။ ေနာက္ဆံုး technology ေတြနဲ႔ ေကာင္း ေကာင္းေရးလို႔ရတဲ့ Ruby On Rails နဲ႔ python တို႔ကိုလည္း ေလ့လာႏိုင္ပါေသးတယ္။ အမ်ားႀကီး ေလ့လာဖို႕ေတြ ရိွပါ တယ္။ ဦးစြာေတာ့ HTML ကို ေသေသခ်ာခ်ာ တတ္ကြၽမ္း ထားဖုိ႔ လိုပါတယ္။
Source : Knowledge Bridge
No comments:
Post a Comment
ေဆာ႔၀ဲေတြ update လုပ္ခိုင္းလွ်င္မလုပ္ပါနွင္႔။