1 How to make a proper website 28th January 2010, 10:23 am
firef0xxx
MITR New User
Web standard terms မ်ားကုိ အမ်ဳိးမ်ဳိးေသာ အဖြဲ ႕အစည္္မ်ား ပညာရွင္မ်ား လူပုဂၢဳိလ္မ်ားမွ အမ်ိဳးမ်ဳိး ေထာက္ဆုိျပၾကပါလိမ့္မယ္ ဥပမာ Table-free-site, မွန္ကန္ေသာ Coding မ်ား အစရွိသျဖင့္ျဖစ္ႏုိင္ပါတယ္ ဒါေပမဲ့ Webstandard ဟာ အလြန္က်ယ္ျပန္႕ျပီး နက္နဲတဲ့ ပညာရပ္တစ္ခုလည္း ျဖစ္ပါတယ္ ထုိ႕ေၾကာင့္ standard က်တဲ့ page တစ္ခုဟု အတိအက်ေျပာဆုိရန္ ခက္ခဲႏုိင္ပါတယ္ Webstandard တစ္ခုနဲ့႕ ညီမွ်တဲ့ site တစ္ခုကုိ ဖန္တီးမည္ဆုိပါက ေအာက္ပါ (HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG အစရွိတဲ့) Standard code မ်ားကုိ ထည့္သြင္းျပီး (valid code, accessible code, semantically correct code, user-friendly URLs စတဲ့ code မ်ား ) လုပ္ေဆာင္မႈ မ်ား ရွိရန္လိုအပ္ပါတယ္ အက်ည္းအားျဖင့္ Webstandard က်ေသာ site တစ္ခုျဖစ္ရန္ က်စ္လစ္မႈ, သပ္ရပ္မႈ, CSS ကုိ အေျခခံျပီး ေရးသားျခင္း, အသုံးျပဳႏုိင္မႈ, မွန္ကန္ေသာ လင့္ခ္မ်ား ခ်ိတ္ဆက္ထားရွိမႈ, search လုပ္ႏိုင္မႈ အေပၚမွာ တည္ရွိေနပါတယ္
ေအာက္ပါ အခ်က္အလက္မ်ားကုိ စစ္ေဆးသုံးသပ္ျပီး standard web တစ္ခုကုိ တည္ေဆာက္ၾကည့္ပါ
webdesign ကုိ စတင္ေလ့လာေနၾကသူမ်ား, standard က်ေသာ web တစ္ခုကုိ တည္ေဆာက္ေနၾကေသာ webdesigners မ်ားႏွင့္ Standard က်ေသာ website တစ္ခုကုိ ျပဳလုပ္လုိသူမ်ားအတြက္ အေထာက္အကူ ျဖစ္မွာပါ
မွန္ကန္ေသာ document type မ်ားကုိ အသုံးျပဳမႈ [Html,Xhtml,...]
မည္သည့္ Charset ကုိအသုံးျပဳေနသနည္း ဥပမာ UTF8, ANSI
မွန္ကန္ေသာ HTML code မ်ားပါ၀င္မႈ
မွန္ကန္ေသာ CSS code မ်ားပါ၀င္မႈ
မလုိအပ္ေသာ Classes မ်ား Id မ်ားျဖင့္ ခြဲျခားျခင္း
Coding မ်ားအစီအစဥ္တစ္က် တည္ရွိေနမႈ
မွားယြင္းမႈရွိေသာ လင့္ခ္မ်ား, ခ်ိတ္ဆက္ထားျခင္းမရွိေသာ လင့္ခ္မ်ား
page size အေနေတာ္ျဖစ္ျခင္း
Javascript error မ်ားပါ၀င္ျခင္း
မိမိဆုိဒ္တြင္ ပါ၀င္ေသာ အေၾကာင္းအရာမ်ား ေခါင္းစဥ္းမ်ားကုိ မာတိကာ ခြဲျခားထားျခင္း
မိမိ တင္ျပထားေသာ Presentation မ်ားရဲ့ fonts, color, padding, borders အစရွိတဲ့ coding မ်ားကုိ CSS ျဖင့္ အသုံးျပဳထားျခင္း
images မ်ားအားလုံးကုိ CSS ျဖင့္ လွပစြာ ထိမ္းခ်ဳပ္ထားျခင္း html coding မွာ ပုံမ်ားကုိ CSS ျဖင္ ့ ထိမ္းခ်ဳပ္ႏုိင္ျခင္း
ပုံမ်ား၏ ေဖာ္ျပခ်က္ ALT attribute ကုိ ပုံတုိင္းတြင္ အသုံးျပဳထားျခင္း
text size မွာ ၾကီးမားေနျခင္း အလြန္အမင္း ေသးငယ္ေနျခင္း
popup ေၾကာ္ျငာမ်ားအတြက္ skip menu ပါရွိျခင္း
users မ်ားအတြက္ form ပုံစံမ်ား ပါ၀င္မႈ
လွပစြာ color မ်ားျဖင့္ တန္ဆာဆင္ျခင္း ေမွးမွိန္ေနမႈ မရွိျခင္း
အေရးၾကီးေသာ Information မ်ားကုိ သိသာထင္ရွားစြာ ေဖာ္ျပႏုိင္ျခင္း
ေႏွးေကြးမႈရွိေသာ dropdown menu မ်ား
အင္တာနက္္ သုံးစြဲမႈ ကၽြမ္းက်င္ျခင္း မရွိေသးေသာ users မ်ားအတြက္ links မ်ားကုိ သိသာထင္ရွားစြာ ေဖာ္ျပေပးျခင္း
မိမိ ဆုိဒ္မွာ Version အေဟာင္းbrowser အေဟာင္မ်ားႏွင့္ Version ျမင့္ browser အသစ္မ်ားတြင္ တူညီစြာ အလုပ္လုပ္ႏုိင္မႈ
text browser မ်ား ဥပမာ Lynx တြင္ အလုပ္လုပ္ႏုိင္မႈ
print area ကုိ သတ္မွတ္ထားႏုိင္မႈ Print ထုတ္ယူလုိသူ မ်ားအတြက္ အလုပ္လုပ္ႏုိင္ျခင္း
အေသးစိတ္ ရွင္းလင္းထားေသာ Metadata မ်ား အသုံးျပဳထားျခင္း
မိမိ site မွာ Window size area အတြင္းတြင္ အံ၀င္ခြင္က်စြာ ၾကည့္ရႈႏုိင္ျခင္း
အေၾကာင္းအရာမ်ားကုိ အစီအစဥ္အလုိက္ တင္ျပႏုိင္မႈ
ေခါင္းစဥ္မ်ားကုိ သိသာစြာ ခြဲျခားႏုိင္ျခင္း
Navigation အေၾကာင္းအရာမ်ား ညီညြတ္ျခင္း
Navigation မ်ားမွာ သိသာစြာ နားလည္းႏုိင္ျခင္း နားလည္ရန္ လြယ္ကူျခင္း
မိမိ အသုံးျပဳထားေသာ site language မွာ ဆီေလ်ာ္ မွန္ကန္မႈရွိိျခင္း မည္သည့္ language ကုိ အသုံးျပဳထားျခင္းကုိ သိသာစြာ ေဖာ္ျပျခင္း
Sitemap ႏွင့္ Contact page အစရွိေသာ pages မ်ားကုိ ရွာေဖြ ရန္လြယ္ကူျခင္း
ၾကီးမားေသာ Site ျဖစ္ပါက Search လုပ္ႏုိင္ျခင္း
မည္သည့္ Page ကုိမဆုိေရာက္ေနပါေစ Home page ကုိ ခ်က္ျခင္း သြားႏုိင္ရန္ link ပါ၀င္ျခင္း
page မ်ား မွားယြင္းမႈရွိပါက 404 error page အလုပ္လုပ္ႏုိင္ျခင္း
မိမိ site ၏ error pages မ်ား အလုပ္လုပ္နုိင္ျခင္း ဥပမာ 404-notfound, 500-error server configuration
www မပါ၀င္ဘဲ မိမိ site အား ေခၚယူၾကည့္ရႈႏုိင္ျခင္း
site တြင္ favicon icon ကုိအသုံးျပဳထားျခင္း
အစရွိတဲ့ အခ်က္အလက္မ်ားကုိ ၾကည့္ရႈစစ္ေဆးျပီး မိမိ site ႏွင့္ ကုိက္ညီမႈ ရွိေအာင္ လုပ္ေဆာင္ပါက မိမိ site မွာ standard web တစ္ခု ျဖစ္လာမည္ျဖစ္ပါသည္
အထက္ပါအခ်က္အလက္မ်ားအားလုံး အြန္လုိင္းမွ ရွာေဖြထားျခင္းျဖစ္ပါသည္။
တူညီတုိက္ဆုိင္မႈရွိပါက SHARE လုပ္ေပးခ်င္ေသာ ဆႏၵျဖစ္ပါေသာေၾကာင့္ နားလည္ခြင့္လႊတ္ေပးၾကပါရန္ ေတာင္းဆုိအပ္ပါတယ္။
ေအာက္ပါ အခ်က္အလက္မ်ားကုိ စစ္ေဆးသုံးသပ္ျပီး standard web တစ္ခုကုိ တည္ေဆာက္ၾကည့္ပါ
webdesign ကုိ စတင္ေလ့လာေနၾကသူမ်ား, standard က်ေသာ web တစ္ခုကုိ တည္ေဆာက္ေနၾကေသာ webdesigners မ်ားႏွင့္ Standard က်ေသာ website တစ္ခုကုိ ျပဳလုပ္လုိသူမ်ားအတြက္ အေထာက္အကူ ျဖစ္မွာပါ
မွန္ကန္ေသာ document type မ်ားကုိ အသုံးျပဳမႈ [Html,Xhtml,...]
မည္သည့္ Charset ကုိအသုံးျပဳေနသနည္း ဥပမာ UTF8, ANSI
မွန္ကန္ေသာ HTML code မ်ားပါ၀င္မႈ
မွန္ကန္ေသာ CSS code မ်ားပါ၀င္မႈ
မလုိအပ္ေသာ Classes မ်ား Id မ်ားျဖင့္ ခြဲျခားျခင္း
Coding မ်ားအစီအစဥ္တစ္က် တည္ရွိေနမႈ
မွားယြင္းမႈရွိေသာ လင့္ခ္မ်ား, ခ်ိတ္ဆက္ထားျခင္းမရွိေသာ လင့္ခ္မ်ား
page size အေနေတာ္ျဖစ္ျခင္း
Javascript error မ်ားပါ၀င္ျခင္း
မိမိဆုိဒ္တြင္ ပါ၀င္ေသာ အေၾကာင္းအရာမ်ား ေခါင္းစဥ္းမ်ားကုိ မာတိကာ ခြဲျခားထားျခင္း
မိမိ တင္ျပထားေသာ Presentation မ်ားရဲ့ fonts, color, padding, borders အစရွိတဲ့ coding မ်ားကုိ CSS ျဖင့္ အသုံးျပဳထားျခင္း
images မ်ားအားလုံးကုိ CSS ျဖင့္ လွပစြာ ထိမ္းခ်ဳပ္ထားျခင္း html coding မွာ ပုံမ်ားကုိ CSS ျဖင္ ့ ထိမ္းခ်ဳပ္ႏုိင္ျခင္း
ပုံမ်ား၏ ေဖာ္ျပခ်က္ ALT attribute ကုိ ပုံတုိင္းတြင္ အသုံးျပဳထားျခင္း
text size မွာ ၾကီးမားေနျခင္း အလြန္အမင္း ေသးငယ္ေနျခင္း
popup ေၾကာ္ျငာမ်ားအတြက္ skip menu ပါရွိျခင္း
users မ်ားအတြက္ form ပုံစံမ်ား ပါ၀င္မႈ
လွပစြာ color မ်ားျဖင့္ တန္ဆာဆင္ျခင္း ေမွးမွိန္ေနမႈ မရွိျခင္း
အေရးၾကီးေသာ Information မ်ားကုိ သိသာထင္ရွားစြာ ေဖာ္ျပႏုိင္ျခင္း
ေႏွးေကြးမႈရွိေသာ dropdown menu မ်ား
အင္တာနက္္ သုံးစြဲမႈ ကၽြမ္းက်င္ျခင္း မရွိေသးေသာ users မ်ားအတြက္ links မ်ားကုိ သိသာထင္ရွားစြာ ေဖာ္ျပေပးျခင္း
မိမိ ဆုိဒ္မွာ Version အေဟာင္းbrowser အေဟာင္မ်ားႏွင့္ Version ျမင့္ browser အသစ္မ်ားတြင္ တူညီစြာ အလုပ္လုပ္ႏုိင္မႈ
text browser မ်ား ဥပမာ Lynx တြင္ အလုပ္လုပ္ႏုိင္မႈ
print area ကုိ သတ္မွတ္ထားႏုိင္မႈ Print ထုတ္ယူလုိသူ မ်ားအတြက္ အလုပ္လုပ္ႏုိင္ျခင္း
အေသးစိတ္ ရွင္းလင္းထားေသာ Metadata မ်ား အသုံးျပဳထားျခင္း
မိမိ site မွာ Window size area အတြင္းတြင္ အံ၀င္ခြင္က်စြာ ၾကည့္ရႈႏုိင္ျခင္း
အေၾကာင္းအရာမ်ားကုိ အစီအစဥ္အလုိက္ တင္ျပႏုိင္မႈ
ေခါင္းစဥ္မ်ားကုိ သိသာစြာ ခြဲျခားႏုိင္ျခင္း
Navigation အေၾကာင္းအရာမ်ား ညီညြတ္ျခင္း
Navigation မ်ားမွာ သိသာစြာ နားလည္းႏုိင္ျခင္း နားလည္ရန္ လြယ္ကူျခင္း
မိမိ အသုံးျပဳထားေသာ site language မွာ ဆီေလ်ာ္ မွန္ကန္မႈရွိိျခင္း မည္သည့္ language ကုိ အသုံးျပဳထားျခင္းကုိ သိသာစြာ ေဖာ္ျပျခင္း
Sitemap ႏွင့္ Contact page အစရွိေသာ pages မ်ားကုိ ရွာေဖြ ရန္လြယ္ကူျခင္း
ၾကီးမားေသာ Site ျဖစ္ပါက Search လုပ္ႏုိင္ျခင္း
မည္သည့္ Page ကုိမဆုိေရာက္ေနပါေစ Home page ကုိ ခ်က္ျခင္း သြားႏုိင္ရန္ link ပါ၀င္ျခင္း
page မ်ား မွားယြင္းမႈရွိပါက 404 error page အလုပ္လုပ္ႏုိင္ျခင္း
မိမိ site ၏ error pages မ်ား အလုပ္လုပ္နုိင္ျခင္း ဥပမာ 404-notfound, 500-error server configuration
www မပါ၀င္ဘဲ မိမိ site အား ေခၚယူၾကည့္ရႈႏုိင္ျခင္း
site တြင္ favicon icon ကုိအသုံးျပဳထားျခင္း
အစရွိတဲ့ အခ်က္အလက္မ်ားကုိ ၾကည့္ရႈစစ္ေဆးျပီး မိမိ site ႏွင့္ ကုိက္ညီမႈ ရွိေအာင္ လုပ္ေဆာင္ပါက မိမိ site မွာ standard web တစ္ခု ျဖစ္လာမည္ျဖစ္ပါသည္
အထက္ပါအခ်က္အလက္မ်ားအားလုံး အြန္လုိင္းမွ ရွာေဖြထားျခင္းျဖစ္ပါသည္။
တူညီတုိက္ဆုိင္မႈရွိပါက SHARE လုပ္ေပးခ်င္ေသာ ဆႏၵျဖစ္ပါေသာေၾကာင့္ နားလည္ခြင့္လႊတ္ေပးၾကပါရန္ ေတာင္းဆုိအပ္ပါတယ္။