ඔෆිස් එකේ වැඩ වගයක් කරලා දැනුයි ඉවර වුනේ. ටිකක් විතර මහන්සියි. හරි කමක් නෑ. නිදා ගන්න කලින් මේ ටිකත් කියලාම යන්නම්කෝ. ඔයාල කලින් වතාවෙදි දැන ගත්ත නේ ටැග් එකක් ලියන්නේ කොහොමද ඒ වගේම HTML ලියද්දී පිළිපදින්න ඕනෙ රීති ටිකක්. අන්න ඒ ටික හොඳට මතක තියා ගන්න ඕනෙ. ඔය රීති ටික HTML වලට විතරක් අදාල දේවල් නෙවෙයි. අපේ ඉලක්කේ PHP ඉගෙන ගන්න එක නේ. අන්න ඒකෙදිත් මේ රීති ටික එහෙම්ම ම ඕනෙ වෙනවා. මේවා බොහෝ වෙලාවට ඕනෙම ක්‍රමලේඛ බාසාවකට පොදුයි. ඒත් HTML කියන්නේ එහෙව් එකක් නොවන බව ආයෙත් මතක් කරල දෙන්න ඕනෙ. හරි අපි ඔන්න දැන් මුල්ම වෙබ් පිටුව හදන්නයි යන්නේ. කට්ටිය හොඳ හුස්මක් එහෙම අර ගන්නකෝ.
ඔයාල දැන් කොම්පියුටරේ නෝට්පෑඩ් එක දිග ඇර ගන්නකෝ. වෙබ් පිටුවක් ලියද්දි අපි මුලින්ම පාවිච්චි කරන ටැග් එක තමයි "html" කියන ටැග් එක. මේ ටැග් යුගලෙන් තමයි වෙබ් පිටුවක් අඳුන ගන්නේ කීවොත් හරි. කලින් වගේම මේක යුගල ටැග් එකක් නිසා ආරම්භක වගේම වැහෙන ටැග් එකකුත් තියෙනවා. අර වගේමයි. ලියන්නේ, "<html> ..... </html>" කියලා. මේ ටැග් 2 අතරෙ තමයි වෙබ් පිටුව හැදෙන්නේ. එක වෙබ් පිටුවකට තියෙන්න පුළුවන් මේ වගේ එකම එක ටැග් යුගලක් විතරයි. ඒ ටැග් 2 අතරේ ලියන දේවල් තමයි වෙබ් පිටුවේ අන්තර්ගතය. HTML වල දෙවන රීතිය පිළිපදිමින් අපි මීලඟ ටැග් එකත් ඉගෙන ගමු. ඒ "<head>" කියන ටැග් යුගලය. "<html>" ටැග් එක ආරම්භ කරලා මීලඟට පටන් ගන්නේ "<head>" ටැග් එක. ඉවර කරන්නේ "</head>" කියලායි. මේ ටැග් යුගලෙත් වෙබ් පිටුවේ යෙදෙන්නේ එකම එක වතාවයි. මේ ටැග් යුගලය අතරේ ලියවෙන කිසිම දෙයක් අපිට ඇහැට පෙනෙන්නේ නැහැ. ඒ ඇයිද කියලා පස්සේ කියන්නම්. මේ ටැග් එකේ තිබිය යුතු අන්තර්ගතය ඇතුලත් කරාට පස්සේ ඒ ටැග් එකත් සුපුරුදු විදියටම වහනවා. හැබැයි තවම "<html>" ටැග් එක වැහුවේ නෑ කියල මතක තියා ගන්න. ඒක දැන්ම වහන්නේ නෑ. ඉන්නකෝ ටිකක්.
මින් පස්සේ "head" ටැග් එක වහලා පටන් ගන්නේ "<body>" කියන ටැග් එකයි. මේක තමයි වැදගත්ම ටැග් එක. මොකද මේ ටැග් යුගල අතරේ ලියවෙන දේවල් තමයි අපිට බ්‍රවුසරයක් හරහා දකින්න පුළුවන්. මෙයිනුත් යෙදෙන්නේ එකම එක ටැග් යුගලයයි මුළු වෙබ් පිටුවටම. ටැග් එක ආරම්භ කරලා ඊට පස්සේ ඕනෙ කරන දේවල් ටික ලියලා ආපහු "</body>" කියලා ටැග් එක වහන්න ඕනෙ. එතකොට අපේ වැඩ ටික අපි කරලයි තියෙන්නේ. තව දෙයක් අමතක වුණා නේද ඕගොල්ලන්ට? අර අරඹපු "<html>" ටැග් එක වහන්නේ "body" ටැග් එක.., "</body>" කියලා වැහුවට පස්සේ. ඒ "</html>" කියලා. දැන් අපේ ප්‍රථම වෙබ් පිටුව නිමයි.
අපි දැන් මේ තාක් වෙලා ලියපු ටැග් ටික පිළිවෙලට ලියුව අනුපිළිවෙලටම ලියලා බලමු. ඒ තමයි, වෙබ් පිටුවක තිබිය යුතු ව්‍යූහය.ඔය ටැග් ටික දේව වාක්‍යයක් වගේ කට පාඩම් කරත් කමක් නෑ. මොකද ඔය ටික හැම වෙබ් පිටුවකම තියෙනවා.
<html>
<head>
</head>
<body>
</body>
</html>
ඔය ටැග් ටික ඔය පිළිවෙලින් තියෙද්දි තමයි වෙබ් පිටුවක් වෙබ් පිටුවක් විදියටම හරියට බ්‍රවුසරේ අඳුන ගන්නේ. හැබැයි නොතිබුනාය කියලා වරදක් නෙවෙයි. මොකද කඩ වෙන්නේ රීතියක් නිසා. අද කාලෙ වෙබ් බ්‍රවුසර බොහෝමයක්ම මොන ටැග් එකක් අපි ලියුවත් ඒක HTML ටැග් එකක් විදියට පිළි ගන්නවා. ඒත් වෙනස තියෙන්නේ ඒ හැම ටැග් එකක්ම බ්‍රවුසරේ අඳුනන් නැති එක. මම කලින් වතාවෙදි කීවෙ "<teerox>" කියලා ටැග් එකක්? ඒක මම නිකමට ලියුව එකක්. ඒක ගැන, ඒකෙ හැසිරීම ගැන වෙබ් බ්‍රවුසර අඳුනන්නේ නෑ. හැබැයි එයා HTML ටැග් එකක්ය කියලා හිතනවා. පෙන්නන්නේ නෑ. ඔන්න ඕකයි වෙනස. හැබැයි අද ලෝකෙ හඳුන්වලා දීල තියෙන හැම සම්මත HTML ටැග් එකකම හැසිරීම් වලට හැම බ්‍රවුසරයෙන්ම වගේ ප්‍රතිචාර දක්වනවා.
අපි හැදුව වෙබ් පිටුව දැන් save කර ගන්න එපැයි බලන්න කලින්. නෝට්පෑඩ් (notepad) නම් පාවිච්චි කරන්නේ File->Save වෙත යන්න. ඊට පස්සේ File Name එකට "lesson1.html" කියලා සඟල වරහන් ඇතුලේ දෙන්න. එතකොට එයා අපේ වෙබ් පිටුව save කරන්නේ HTML file එකක් විදියටයි. ඒ files, open වෙන්නේ වෙබ් බ්‍රවුසර වලින් විතරයි. දැන් අපේ HTML file එක save කරපු තැනට ගිහින් file එක උඩ ඩබල් ක්ලික් (double click) කරලා දිග අරින්නකෝ. එතකොට ඔයාලගේ කොම්පියුටරේ තියෙන වෙබ් බ්‍රවුසරයකින් open වෙයි.
Posts
2 comments:
"ඊට පස්සේ File Name එකට "lesson1.htm" කියලා සඟල වරහන් ඇතුලේ දෙන්න" කියන වාක්‍යයේ "සඟල වරහන්" යන්න පෙරලි කොමා ලෙ වෙනස් කරන්න.
TeeRox මේ comment box එකේ Paste කරන්න බැරි නිසා ලිපියේ ඇති වාක්‍යත් type කරන්න වුනා.
good
Post a Comment