Friday, October 14, 2011

SinhalaPress: සිංහලෙන් HTML ගැන කෙරෙන පාඩම් මාලාවේ කොටස් අංක 04 - HTML file එකක මූලික වියුහය(Structure) ගැන හැඳින්වීම.

[ සිංහලෙන් HTML ] Part : 04

මෙම post එකෙන් මම බලාපොරොත්තු වෙන්නෙ HTML file එකක මූලික වියුහය(Structure) එක ගැන පැහැදිලි කිරීමක් කරන්න. ඇත්තටම බොහෝ අයට මේ පිළිබඳව මූලික හෝ දැනුමක් තිබෙනව. නමුත් වඩාත් ක්‍රමාණුකූල ලෙස හා පරිපූර්ණ ලෙස මෙම පාඩම් මාලාව කරගෙන යාමට අවශ්‍ය නිසා එම කොටස්ද ඇතුලත් කරන්න සිතුව. දැන් අපි බලමු වෙබ් බ්‍රවුසරයක් කොහොමද HTML file එකක් හඳුනාගන්නෙ කියල. මේ සඳහා ඔබ notepad එක හෝ වෙනයම් මෘදුකාංගයක් බාවිතයෙන් ලියනු ලබන code(කේතය) ය .html හෝ .htm ආකාරය save කරගත යුතුයි. මීට අදාලව මම විසින් යොදා ඇති පහත රූප සටහණ හොදින් නිරීක්ෂණය කරන්න.
රූපය පැහැදිලි නැත්නම් එය මත click කරන්න


තවත් ඔයගොල්ලන්ට ප්‍රශ්නයක් ඇතිවෙන්න පුලුවන් තැනක් තමයි ඇයි මේ Extension ආකාර දෙකක් පවතින්නෙ කියල.ඇත්තටම මෙසේ .html ලෙස හා .htm ආදී වශයෙන් Extension දෙකක් HTML ‍file සඳහා තිබුනත් Extension එකේ වෙනස හැරෙන්ට වෙන කිසිඳු‍ වෙසක් මෙම Extension වර්ග දෙක අතර නැහැ.වඩාත් පැහැදිලිව සහ සරලව කිව්වොත් ඔයාල කැමති Extension එකක් බාවිතා කරන්න පුලුවන්. ඒ කියන්නෙ .html බාවිතා කරත් .htm බාවිතා කරත් මේ දෙක අතර කිසිඳු කිරියාකාරීත්වයේ වෙනසක් නැහැ.

තවදුරටත් පැහැදිලිකරගන්න පහත සඳහන් කොටසත් කියවන්න.
html සහ htm යන Extension අතර වෙනස ඇත්තේ ඉංග්‍රීසි වචනයක බෙදා වෙන්කර ලිවීම මත හෝ එක්කර ලිවීම මතය. ඒ අනුව එම Extension දෙකෙ සෑදෙන ආකාරය පහතින් දක්වා ඇත.

HTML කියන කෙටිවචනයෙන්/සංකේතනාමයෙන්(Acronym) එකෙහි දීර්ග නාමය වන්නේ Hyper Text Markup Language කියන එකයි.

HTM කියන කෙටිවචනයෙන්/සංකේතනාමයෙන්(Acronym) එකෙහි දීර්ග නාමය වන්නේ Hypertext Markup Language කියන එකයි.

බලන්න වචනයක් කර හදියක්:D

ඉහත කරුනු සියල්ල සලකා බැලුවොත් දැන් අපි දන්නව කොහොමද වෙබ් බ්‍රව්සරයක් HTML file හඳුනාගන්නෙ කියල සහ එම files කොහොමද HTML ‍file ලෙස පරිගණකයේ save කරගන්නෙ කියල.ඇත්තටම ඔයාලට කම්මැලිත් ඇති නේද මෙතරම් සරල දෙයක් මෙච්චර පැහැදි කරනකොට. ඒත් ඉතින් මම බ්ලොග් කරුවෙක් විදියට සෑම සුලු දෙයක්ම ගොඩක් පැහැදිලි වෙන ආකාරයෙන් හැමෝටම ගැලපෙන විදියට ලියන එක මගේ යුතුකමක් විදියට මම සලකනව.අනික පුංචි දේ වුනත් දැනගන්න එකේ වරදකුත් නැහැනෙ.කෙසේ වෙතත් දැනටමත් යම් දැනුමක් ඇති මාගේ පාඨකයින්ට මේ නිසා වන අපහසුතාවය ගැන මම කණගාටුවනව.

දැන් අපි බලමු HTML file එකක මූලික වියුහය(Structure) එක මොන වගේද කියල

<html>

          <head>

          </head>


          <body>
          </body>

</html>


රූපයක් ආශ්‍රයෙන්

ඔය ඉහතින් දක්වා ඇත්තේ ‍HTML file එකක මූලික වියුහයයි.එහි ඔයාලට දකින්න පුලුවන් <html></html> ටැගයන් යුගල තුල <head></head> හා <body></body> ටැගයන්(tags) ඇතුලත්වන ආකාරය. ඇත්තටම ඔය ටැගස් තමයි HTML file එකක මූලික tags වන්නෙ. සියලුම HTML file වල මෙම ටැගස් මෙම වියුහයට අනුව සකස් වී ඇති අන්දම දකින්න පුලුවන්. හැබැයි මේදේත් කියන්නම ඔනෙ මොකද වෙබ් බ්‍රවුසරයන්ට HTML files හඳුනා ගන්න මෙම කිසිඳු ටැගයක් අවශ්‍ය වන්නේ නැහැ. එකම දේ HTML code (කේතය) එක ඇතුලත් file එක .html ලෙස හෝ .htm යන Extension වලින් save කරගැනීම පමණයි.

හොඳයි මම හිතනව ඔයාලට HTML files වල මූලික වයුහය ගැන සහ ‍ඒ ආශ්‍රිත අනෙකුත් දේවල් සම්බන්දව හොඳ දැනුමක් ලැබෙන්න ඇති කියල. යම් යම් අඩුපාඩු ඇත්නම් ඒගැන මට දන්වන්න.ගැටලුකාරීතැන් ඇත්නම් ඒවාද ‍මාවෙත ඉදිරිපත් කරන්න මම කැමතියි මම දන්න ඕනෑම දෙයක් ඕනම කෙනකුට කියල දෙන්න. මම ඒ කිසිම දෙයක් කරදර කාරීදේවල් විදියට සලකන්නේ නැහැ.හැකි ඉක්මනින් ඒවාට පිලිතුරුදීමට මම බලාපොරොත්තු වෙනව.ඉහත සියලුම කරුනු සපයා ඇති රූප සටහන් සමග හොදින් පරිශීලනය කරන්න.මීලඟ post එකෙන් මම බලාපොරොත්තු වෙන්නෙ මෙතෙක් උගත් දේ සියල්ල ප්‍රයොගිකව අත්හදාබලන්න මග පෙන්වන post එකක් දාන්න. දිගටම SinhalaPress සමග රැඳී ඉන්න.මම නාලක ප්‍රසාද්.

SinhalaPress: සිංහලෙන් HTML ගැන කෙරෙන පාඩම් මාලාවේ HTML tags/HTML Elements ගැන කෙරෙන පැහැදිලි කිරීම

[ සිංහලෙන් HTML ] Part : 03

පසුගිය post එකෙන් අපි කතාකරා කොහොමද HTML වලට මුලින්ම එන්නෙ සහ HTML coding වලට මොනවගේ දේවල්ද මූලික වශයෙන් අවශ්‍ය වන්නෙ කියල. හොදයි අපි මේ post එකත් සමග පටන්ගමු HTML coding කරන්න. සමහරුනම් මේ coding කියන වචනය HTML සඳහා යොදනවාට එතරම් කැමැත්තක්නම් නැහැ. කවුරුන් ලඟ හෝ මේ සඳහා ගැලපෙනවායි සිතෙන වචනයක් වෙතොත් මට නිසැකවම කියන්න ඕනෙ හරිද! ඕන් එහෙනම් හාහා පුරා කියල බහිමු වැ‍ඩේට.



අපි මේ සඳහා මුලින්ම ගනිමු HTML tags ගැන හෙවත් HTML Elements ගැන කතා කරන්න. ඔයාල මගේ පරණ post කියෙව්ව නම් මතක ඇති මම HTML tags ගැන යම් තාක් දුරකට පැහැදිලි කිරීමක් කරා. අපි පසුගිය මතකය නැවතත් අවදිකරගෙනම අනෙකුත් දේවල් සමගද මෙය සම්බන්ද කරගනිමු.ඔන්න එහෙනම් ඔයාලට මතක ඇතිනෙ HTML සම්බන්දව මම කලින් කරපු හැදින්වීම. නැවතත් එය සාරාංශකොට දක්වනවානම්,

01: HTML කියන්නෙ Markup Language එකක්

02: මෙය පරිගණක ක්‍රමලේඛනය උදෙසා බාවිතා කරන්නක් නෙමෙයි.

03: HTML සමන්විත වෙලා තියෙන්නෙ HTML tags/HTML Elements වලින්.

04: විවිද වර්ගයේ HTML tags විශාල ප්‍රමාණයක් HTML සතු වෙනව.

05: බොහෝ HTML tags පවතින්නෙ යුගල ටැගයන්(tag pairs) ආකාරයට.

උදා:- <div></div>, <span></span>, <p></p> ආදී වශයෙන් ඉදිරිපත් කර හැකිය.

06: සුලු HTML tags ප්‍රමාණයකට ඇත්තේ අවසාන ටැගය(Closing tag)පමණි.

උදා:- <br />, <hr /> ආදී වශයෙන් ඉදිරිපත් කර හැකිය.
07: අනිවා‍ර්යෙන්ම යුගල ටැගයන් බාවිතා කරන අවස්තාවන්හීදී අවසන් ටැගය(Closing tag/End tag) අමතක නොකල යුතුයි. මෙය බොහෝවිට IDE බාවිතයෙන් තොරව coding කරනකොට ඇතිවෙන සාමාන්‍ය තත්වයක්.
උදා:-
  1. <div>hello Nalaka Prasad!</div> නිවැරිදි අකාරයයි
  2. <div>hello Nalaka Prasad!<div> වැරදි අකාරයකි, මෙහි මෙහිදී අවසන් ටැගය(Closing tag/End tag) නිවැරිදි ආකාරයෙන් යොදා නොමැත. එය </div> ලෙස නිවැරිදි විය යුතුය.
  3. <div>hello Nalaka Prasad! වැරදි අකාරයකි,මෙහිදී අවසන් ටැගය(Closing tag/End tag) යොදා නොමැත
08: කලින් මම සඳහන් කල <br /> , <hr /> වැනි ටැගයන් HTML වල විවිද සංස්කරණ(versions) වන HTML1, HTML2, HTML3, HTML4, HTML5 වලදී <br>, <hr> ලෙසද ලියන්න පුලුවන් ඔයාලට පැහැදිලි ඇතිනේ වෙනස්කම මොකක්ද කියල. වෙනස්කම තමයි / නොයෙදීම. නමුත් XHTML වලදී නම් මෙය යෙදිය යුතුවන්නෙ / සමගමයි.තවද වඩාත් සම්මත ආකාරයද වන්නේද / යොදන අකාරයයි. අප ඉදිරියේදි ඉගන ගන්න බලාපොරොත්තුවන XML වලද මේ ආකාරයට අවසාන ටැගය සඳහා / යෙදීම අනිවාර්යවේ.HTML වලදි නම් සියලුම නූතන වෙබු බ්රව්සරයන්ම වාගේ යම් තාක් දුරකට Closing tag/End tag auto add කර ගැනීම සිදු කරත් යම්යම් දෝශ මතුවෙන්න පුලුවන්.

අනිත්දේ තමයි කලින් අපි <br /> , <hr /> වාගේ ටැගයන් හිස් ටැගයන්හි අවසාන ටැගය(Closing tag/End tag) ලෙස ඉදිරිපත් කරත් මෙම ටැගන් එම ටැගයන්හි ආරම්බක ටැගයන්(Opening tag/Starting tag) ලෙසද හඳුන්වා දෙන්න පුලුවන්.

09: මම දැන් කියන්න යන දේ තරමක් විශේෂ දෙයක් එනම් ඔයාලට මතක ඇති මම පසුගිය post වලිදි කිව්ව විවිද HTML tags වලට ඒවාටම ආවේණික වූ ලක්ෂණ තියෙනවා කියල.
උදා:-
  1. <h1></h1> ටැගයන් බාවිතා කරල අපිට ශීර්ෂපාඨයක්(Heading) එකක් නිර්මාණය කරගන්න පුලුවන්.
  2. <a></a> ටැගයන් බාවිතා කරල අපිට සම්බන්ධතාවයක්(Hyperlink) එකක් නිර්මාණය කරගන්න පුලුවන්
ඉතින් පේනව‍ නේද විවිද කාර්යයන් සඳහා HTML වලිදි විවිද ටැගයන් බාවිතා වෙන්නෙ ඒවාටම ආවේණික වූ මූල ලක්ෂණ නිසායි. මෙහිදී කියන්ට අවශ්‍ය විශේෂදේ තමයි. බොහෝ අවස්තා වලදි මෙම මූල ලක්ෂණ වලට අමතරව උප ලක්ෂණ මෙම ටැගයන් සඳහා යොදන්න වීම. මෙවැනි උප ලක්ෂණ(‍‍attributes) සමහරක් බොහෝ ටැගයන් සඳහා පොදු‍වෙනවා මෙන්ම,ඇතැම් උප ලක්ෂණ(‍‍attributes) එක් ටැගයක් උදෙසාම වෙයි. මේ සියල්ලක්ම සඳහ උදාහරණ එකින් එක අරගෙන කෙරෙන විස්තර කිරීම් ඉදිරි ‍මාගේ posts වලින් බලාපොරොත්තු වන්න.

හොඳයි මම හිතනව ඔයාලට මෙතෙක් මම කිව්ව දේවල් තේරෙන්න ඇති කියල.දැන් මම කතා කරන්න
හදන්නෙ HTML Elements සම්බන්දව විශේෂ දෙයක් එනම් මෙම මම ඉහත කතාකරන ලද HTML tags/HTML Elements තුල තවත් HTML tags/HTML Elements ඇතුලත් කල හැකි වීම.මෙවැනි HTML tags/HTML Elements Nested HTML Elements ගණයට අයත් වෙනව. හැබැයි මෙය ගොඩක් HTML tags/HTML Elements වලට අදාල වුවත් <br />, <hr /> වැනි ටැගයන් සඳහා අදාල නොවන බව කියන්න ඕන.

උදා:- <body><div><span><a></a></span></div></body>

බලන්න HTML කියනදේ කොතරම් පහසුද කියල!

මෙන්න මේ දේ ගැනත් ඔයාලට මට කියන්න ඕන. HTML tags අපිට කැමතිනම් capital letters වලින්හරි simple letters වලින්හරි ලියන්න පුලුවන් මෙයින් අදහස් වන්නේ HTML tags/HTML Elements non case sensitive කියන එකයි. නමුත් World Wide Web Consortium (W3C) යන ප්‍රමිති කරණ ආයතනය වඩාත් සහතික කරන්නෙ(Recommend) simple letters වලින් HTML tags/HTML Elements ලියන්න කියල, විශේෂයෙන් XHTML වලිදි. ඔයාල බලනව ඇති වෙලාවකට HTML කියනව වෙලාවකට XHTML කියනව කියල. ඇත්තටම HTML වල විවිද සංස්කරණ තියෙනව. මේ සියලු දෙයක් ගැනම ඉතා සවිස්තරව සහ පිළිවෙලින් ඉදිරියේදි කතාකරන්න මම බලා පොරොත්තු වෙනව. දිගටම SinhalaPress සමග රැඳී ඉන්න.මීලඟ post එකෙන් හමුවෙමු.හැමෝටම සුබ දවසක්. මම නාලක ප්‍රසාද්.

Thursday, October 13, 2011

SinhalaPress: HTML coding වලට පය තැබීමේදී මුලින්ම සැලකිලිමත් විය යුතු සරළ තැන් කිහිපයක්

[ සිංහලෙන් HTML ] Part : 02

HTML සම්බන්දව මූලික සරල හඳුන්වාදීමකින් පසුව දැන් අපි බලම් කොහොමද HTML coding කරන්නෙ කියල. ඇත්තටම ඔබට මේ සඳහා අවශ්‍ය වන්නේ සරළ text editorක් පමණයි. මේ සඳහා Dreamweaver වගේ වානිජ මෘදුකාංග කිසි විටෙක අවශ්‍ය වන්නේ නම් නැහැ. බහොමයක් අය වඩාත් සහතික කරනු ලබන්නෙ මුලිනම coding පටන් ගන්නවනම් notepad වගේ සරල text editor එකක් බාවිතා කරන්න කියල.


මොකද එහිදී අප A-Z දක්වාම අපගේ code එක අපිම ලියන්න ඕනෙ. මේ නිසා එම පුද්ගලයාට කෙටි කාලයකින්ම coding සම්බන්ද දේවල් හොඳින් මතක හිටිනව. මෙහි තියෙන වාසිය තමයි ඔහුට කිසිම සහයක මෟදුකාංග වල සහය නොමැතිව notepad වගේ සරළ texteditor එකක් බාවිතා කරල ඔහුගෙ code එක ලියා ගන්න පුලුවන් කම ලැබීම. නමුත් සමහරෙක් IDE(Integrated development environment) වගේ  මෘදුකාංග බාවිතා කරල coding කරන්න පුරුදුවෙලා සිටියොත්, එවැනි මෘදුකාංග නොමැති
අවස්තාවන්හීදී සහ code එකක වැරුද්දක් පරීක්ෂා කිරීමේදී මෙන්ම ඉතා හදිසි කාර්යයක් කිරීමේදී බොහෝවිට අපහසුතාවලට ලක්වීමට පුලුවන්.

 මෙය HTML වලදි නම් එතරම් සැලකිය යුතු දෙයක් නොවුනත් තරමක් සංකීරණ Programming language වලිදිනම් සැලකිය යුත්තක්. ඉතින් මම ඔය දුන්නෙ පොඩ් අවවාදයක්.නමුත් IDEs බාවිතා කරන එකේ වාසිත් ගොඩක් තියෙනව ඒඅතරට ඉතා ඉක්මනින් සහ පිළිවෙලට coding එක ලියා ගත හැකි වීමල, දෝෂ ඉතා ඉක්මනින් නිරාකරණයට(Error debugging) ඇති පහසුකම්, coding කිරීමේදී එහි විවිද කොටස් වෙනස් වර්ණයන්ගෙන් ස්මතුකර(Highlight)කර දැක්වීම වගේ දේවල් දක්වන්න පුලුවන්

ඇත්තටම ඔබ coding සම්බන්දව ප්‍රවීණයෙක් නම් මේ කිසිම දෙයක් ඔබට ගැටලුවක් නෙවෙයි. ඒ කියන්නෙ ඔබ notepad එක බාවිතා කරත් Dreamweaver හෝ කිසියම් IDE එකක් බාවිතා කරත් ඉතා පහසුවෙන් coding කරන්න පුලුවන් කියන එක. මේහැමදේම රඳාපවතින‍්නෙ ඔහුගෙ ප්‍රවීණත්වය සහ දක්ෂතාවය උඩයි. මම ඔය කලින් දුන්න අවවාදය ‍වඩාත් වටින්නෙ coding වලට අලුතෙන් එන අයට. හොඳයි ඔය ඉහත සියලු අවවාද අනුසාශනාත් එක්කම පටන් ගනිමුකො HTML coding!

 හැබැයි ඒ මීලඟ post එකෙන්. එහෙනම් අදට මම සමුගන්නවා මීලඟ post එකෙන් නැවත හමු වෙමු SinhalaPress සමග දිගටම රුඳී ඉන්න. ඔයාලට සුබ දවසක්.

SinhalaPress: සිංහලෙන් වෙබ් අඩවි(Web sites) නිර්මාණකරනය ගැන කෙරෙන පාඨමාලාවේ,HTML ආරම්භක පාඩම

[ සිංහලෙන් HTML ] Part : 01

ඔන්න ඉතින් පොරොන්දු වුනු පරිදි HTML පාඨමාලාව පටන් ගන්නයි හදනේනෙ. එහි මුල් පියවර තමයි අද මම ඔයාලට දෙන්නෙ. හැබැයි ගොඩ දෙනෙක් කියයි අයියෝ ඕව මොනාද HTML නම් සිම්පල්නෙ කියල. ඔව් ඒක ඇත්ත! මාර වැ‍ඩේ කියන්නෙ මට නම් මේව එකක්වත් තාම නම් සිම්පල් වෙලා නැහැ. හර හරි අමතර කතා නැතුව පටන්ගනිමුකො අපේ පාඨමාලාවේ පළමුවන කොටස.

සරලවම කියනවනම් HTML කියන්නෙ අන්තර්ජාලයේ ලොක වියාප්ත ජාලයේ(WWW) තියෙන Web pages(වෙබ් පිටු) වල දත්ත යම් ක්‍රමාණුකූල විදියට පෙන්වන්න හේතුවෙන සරල භාශාවක්. මෙම HTML පරිගණක ක්‍රමලේක භාශාවක් ගනයට නම් වැටෙන්නෙ නැහැ. HTML කියන කෙටි වචනයෙන් හැඳින්වෙන්නෙ Hyper Text Markup Language කියන එක ඒ කියන්නෙ මේක Markup Language එකක්. මෙය සෑදී ඇත්තේ විවිද tags වලින් HTML වල විවිද tags වර්ග දකින්න පුලුවන්.



HTML මූලික සංස්කරණවල සිට නූතන සංස්කරණතෙක් පැමිනෙන විට මෙම HTML tags ප්‍රමාණය වැඩිවීමක් දකින්න පුලුවන් මෙන්ම සමහර tags ඉවත්වීමද දකින්න පුලුවන් සාමාන්යයෙන් HTML tags යුගල වශයෙන් තමයි පවතින්නෙ නමුත් මෙය සෑම HTML tags සදහාම අදාල වන්නේ නැහැ.
උදාහරණයක් විදියට <br /> වගේ ටැගයන් ගන්න පුලුවන් මේවගේ තව ටැගයන් තියෙනවා. ඒව සියල්ල ක්‍රමාණුකූලව ඉදිරි පාඩම් මාළාවලින් බලාපොරොත්තුවෙන්න.මම මෙම post එකෙන් බලාපොරොත්තු වෙන්නෙ HTML ගැන සරල හඳුන්වාදීමක් කරණ ගමන් මූලික ප්‍රවේශයක් HTML සඳහා ලාබාගන්නයි.

මම දැන් දෙන්නම්කො HTML tags යුගල කිහිපයක් සදහා උදාහරණ:

01: <h1></h1>

02: <h2></h2>

03: <li></li>

04: <div></div>

05: <span></span>

පේනව නේද මේව බොහොම සරලයි කියල! ඉහතින් සඳහන් කරල තියෙන්නෙ උදාහරණ කිහිපක් පමණයි. තව tags විශාල ප්‍රමාණයක් තියෙනව මෙම tags සමගම අනෙකුත් tags සියල්ලක්මද එකින් එක මම සාකච්ඡා කරන්න බලාපොරොත්තු වෙනව. තවත් HTML tags ගැන පැහැදිලි කරනවානම් මෙම tag වල ඔයාලට මුලින්ම කිව්ව වගේ

දකින්න පුලුවන් මේවගෙන් බොහෝමයක් යුගල වශයෙන් පවතින බව මෙම යුගලයන්හි පළමු ටැගය අපි සාමාන්යයෙන් හඳුන්වන්නෙ Opening tag/Starting tag ලෙස ඒවගේම අවසාන ටැගය හඳුන්වන්නෙ Closing tag/End tag ලෙස. අනිත් දේ තමයි මේ ටැගයන් ලියන සම්මත ආකාරයකුත් ඉහත උදාහරණවල දකින්න පුලුවන්.

එනම් සියලුම tags ලියන කොට ලියන්න අවශ්‍ය <>(angle brackets) තුලයි.තවත් දෙයක් තමයි විවිද ටැගයන් සඳහා ඒවාටම ආවේනික වුනු ගතිලක්ෂණ දකින්න පුලුවන් ඒක නම් කියන්නත් දෙයක්ද කියල ඕගොල්ලො අහයි! ඇත්ත නේන්නම් නැත්තම් මොකටද ‍විවිධ වර්ගයේ ටැගයන් කුලකයක්ම හඳුන්වල දීල තියෙන්නෙ. උදාහරණ කිහිපයකින් මෙය සරලව පැහැදිලි කරගන්නවානම්.

01: <head></head> මෙම ටැගයන් තුල ලියන දත්ත වෙබ් පිටු වල දිස්වෙන්නේ නැහැ.මෙම ටැග් තුල තිබෙන දත්ත ප්‍රයෝජනයට ගන්නෙ Web browser එක සඳහා වෙබ් පිටුවේ විස්තර ලබා දෙන්න. මේ ගැන අංගසම්පූර්ණ පැහැදිලි කිරීමක් මෙම ටැගයන් ගැන වෙනමම අරගෙන කරන ඉදිරි පාඩම් මාලාවන්වලදී බලාපොරොත්තු වන්න.

02: <body></body> මෙම ටැගන් තුල තමයි වෙබ් පිටුවේ දර්ශනය විය යුතු සියලුම දත්ත ඇතුලත් කරනු ලබන්නේ. ඉහත උදාහරණවල‍ මෙන්ම අනෙකුත් ටැගන් සඳහාද මේ ආකාරයෙන්ම ඒවාටම ආවේණික වුනු ගති ලක්ෂණ පවතිනව.

මේ සියලුම සරල පැහැදිලි කිරීම් එක්ක ඔය ගොල්ලන්ට(HTML ගැන නොදන්න අයට) HTML ගැන සරල වැටහීමක් සහ කුතුහලයක් ඇති වුනා කියල මම හිතනව. ඉදිරි දින කිහිපයේදි මෙම post එක තව දුරටත් සංස්කරණය කරල වඩාත් කුමාණුකූල ආකාරයෙන්‍ මෙන්ම වැඩිදියුනු කර ඉදිරිපත් කරන්න මම බලාපොරොත්තු වෙනව. හොඳයි මේ පළමු හෙවත් ආරම්භක post එක HTML සම්බන්දව. දිගටම රැඳීඉන්න SinhalaPress සමග.

ඔයාල මේ post එක කියෙව්වනම් මෙහි ඇති අඩුපාඩු,ඔයාලට නැගුනු ප්‍රශ්න වගේම ඔයාලට හිතෙන දේවල් පහත comment box එක හරහා මට ඉදිරිපත් කරන්න. එහෙනම් මම අදට සමුගන්නව ඉදිරි දින වලදි අනෙකුත් පාඩම්මාලා සමග සම්බන්ද වෙමු. හැමෝටම සුබ දවසක්.

සිංහල අන්තර්ජාල ‍බ්ලොග්කරණයේ නවමු අත්දැකීම! එන්න ඇවිත් අප හා එක්වන්න

ඔන්න මම අද ඉදල පටන් ගන්න යනව අන්තර්ජාලය හරහා යම් වටිනාකමක් තියෙන දෙයක් ඉගෙන ගන්න පුලුවන් වැඩක්. ඔහොම කිව්වට තේරෙන එකක්යැ! මම මෙහෙම කියන්නම්, ඕන කෙනෙක් කැමතියි නේද අන්තර්ජාලයේ අනුන්ගෙ වල්පල් හොය හොය කියව කියව ඉන්නෙ නැතුව තමන් අන්තර්ජාලයේ ගත කරන සුලු මොහොතින් හෝ වැදගත් යමක් ඉගෙන ගන්න. මේ ප්‍රශ්නෙට උත්තර බඳින එක ඔය කියන තරම් ලෙහෙසි පහසු කටයුත්තක් නෙවෙන බව මම දන්නව. මොකද මම එහෙම කියන්නෙ, මිනිසුන්ගෙ මනස මොහොතින් මොහොත වෙනස් වෙන නිසා. කොච්චර කිව්වත් අනුන්ගෙ කුණු හාරල ඒවගෙ රස බලන්න බොහෝ දෙනෙක් තුල යටි හිතේ කාළකන්නි ආසාවක් තියෙනව. ‍මේක වරදක් විදියට මම දකින්නෙ නැහ.

මොකද අපි මනුසත්තුනෙ. හැබැයි ඔය කොයි කුනු ගොඩත් රස බලල අහවර උනාට පසුව තමයි ඒවගෙ රඟ දැනෙන්නෙ. සරලව කියන්නම්කො! හිතන්න තමන්ගෙ වටිනා කාලය කැප කරල චිත්‍ර පටියක් බලන්න ගියා කියල. බැලුවට පස්සෙ හිතෙනව නම් අපරාදෙ මේක බැලුවෙ කියල. අන්න ඒකයි මම අදහස් ‍කලේ. මම නම් ඉතින් ‍සිංහල ‍බ්ලොග් අවකාශයට අලුත් කොල්ලෙක් මම හිතනව සිංහල ‍බ්ලොග් අවකාශයෙ අක්කල අයියල නංගිල මල්ලිල ආදී හැමෝම මාව රැග් ‍එක නොදීම සාදරයෙන් පිළිගනියි කියල.
මමත් මුලදි අන්තර් ජාලයේ දවසකට පැය කීපයක් හිටියත් ඔහේ එහේ මෙහේ සැරි සරනව ඇරෙන්න ඒහැටි උවමනාවක් තිබුනෙ නැහ වැදගත් යමක් ජීවිතයට එකතු කරගන්න. පසුව මට වැටහුනා අපරාදෙ නේද මගෙ
කාලය කියල. ඉන්පසුව ටිකෙන්ටික මම විවිද දේ අන්තර් ජාලයෙන් ඉගෙන ගත්ත වගේම දැනටත් ඉගෙන ගන්නව.

ඉතින් මට හිතුන මම දන්න කියන දේ අනිත් අයත් එක්ක බෙදා හදා ගන්න ඕන කියල. එතකොට මට වැටහුනා මෙය සිංහල බ්ලොග්කරණය මගින් කල හැකි බව ඒඅනුව මම දන්න කියන වැඩ කෑලි දාල මගේ Sinhala Press බ්ලොගයට මටම ආවේනික උනු ඇඳුමක් ඇන්දෙව්ව. මේ දේ කරන්න යන කොටත් ම‍ට ගැටලු ගොඩක් ආව නමුත් ටික ටික අන්තර්ජාලයම බාවිතා කරල ඒවට විසඳුම් සොයා ගත්ත. මොකද මම blogger වලට අලුත‍්නෙ. ඉතින් මට සතුටුයි මම කලින් ඉගන ගත් දෙයක් practically බාවිතා කරන්න පුලුවන් වීම ගැන. තවත් බොහෝ දේවල් තියෙනව ඉගෙන ගන්න මට,මම දන්නෙත් ඉතාම සුලු දෙයක් විතරයි, නමුත් ගොඩක් ඇනුම තියෙන උගත් අය ‍මෙම බොලොග් අවකාශයේ සැරි සරනව.

ඉතින් මම කැමතියි SinhalaPress.blogspot.com යන ‍මාගේ ‍බ්ලොගය හරහා මේ සඳහා Online community එකක් හදා ගන්න මම හිතනව ඔය හැමෝම මාත් එක්ක එකතු වෙයි කියල. තාම ඔයාලට පැහැදිලි නොමැති ඇති මම කරන්න යන්නෙ මොකක්ද කියල. හොදයි මම කරන්න යන්නෙ සිංහලෙන් web technologies ගැන පාඩම් මාලාවක්.ඒ කියන්නෙ මේකට HTML, CSS(3), PHP, JAVASCRIPTS, AJAX, MYSQL, XML වගේ දේවල් ‍එකතු වෙනව.

මුලිනම පටන්ගන්න හිතුවෙ HTML සම්භන්දව පාඨමාලාවක්. දැන් බලමු මෙහි ඇති වැදගත්කම ඇත්තටම මේ දේවල් අන්තර්ජාලයේ කොතෙකුත් ඉගෙන ගන්නට තිබුනත් මම මේව අත්හදා බලන්න යන‍කොට ප්‍රශ්න ගොඩක් මතු වෙලා තියෙනව. මටත් ටිකක් මහන්සි වෙන්න උනා මේ ගැටලු ලිහා ගන්න අත්තටම මගේ කාලය ගොඩක් මේසඳහා වැය උනා. නමුත් එහෙම කට්ට කාල හොයා ගන්න කොට හොඳින් මතක හිටිනව. නමුත් මේවගේ ‍Online community එකක් පටන් ගත්තම හොඳ සංවාදයක් මේ සඳහා ගොඩ නැගෙනව. ඉතින් හැමොටම පහසුවෙන් මේ දේවල් ලක්ෂ ගණන් ගෙවල ඒත් කිසිම ගුනාත්මක බාවයකින් තොරව මාසෙන් දෙකෙන් අවසන් වන පරිගණක කලු කඩ වලින් ඉගෙන ගන්නවාට වාඩා හොඳින් ඉගෙන ගන්න පුලුවන් වෙනව.

කෙනෙක්ට තියෙන ගැටලුවකට තවත් කෙනෙක් ළඟ උත්තරයක් තිබෙන්ට පුලුවනි,අනික මේ හරහා මම නොදන්න‍ බොහෝ දේ මගේ යාලුවන්ගෙන් මටත් ඉගෙන ගන්න පුලුවන් වෙයි.ඉතින් හොඳයි නේද වැ‍ඩේ? මේ ගැන ඔයාලගේ අදහස් කියනවානම් ‍මම ගොඩක් කැමතියි. මම ඔයාලගේ ප්‍රතිචාර සලකල බලල මෙය පටන් ගන්න ඔන විදිය ගැන සරල අදහසක් ගන්නම් ඉතින් කියල යන්නකො ඔයාලට මේ ගැන හිතෙන දේ! හොදයි එහෙනම් අදට මම සමු ගන්නව.ඔයාලට සුබ දවසක්!

Sunday, October 9, 2011

ඔපෙරා වෙබ් බ්රව්සරයේ නවතම සංස්කරණය වන ඔපෙරා 12 හි විශාල වෙනස්කම්

හැමෝම වගේ දන්නව web browsers කියන්නෙ මොනවද කියන එක සහ දැනට ලෝකෙ තියෙන ජනප්‍රිය web browsers මොනවද කියන එක ගැන. ඒ අතරින් Opera web browser එක ගැන හැමෝම අහල විතරක් නෙවෙයි බාවිතා කරලත් ඇති. නමුත් Opera web browser එක Web design කරන අය හැරෙන්න වැඩි දෙනෙක් බාවිතා කරනව අඩුයි ඒකට හේතු වශයෙන් කියනවනම්.

Opera 12
  • Web browser එකේ වේගය අඩුකම
  • නවතම Web Standards වලට සහයෝගය නොදක්වීම
වගේ දේවල් දක්වන්න පුලුවන්. මම post එක දාන දවස වන 09/10/2011 වන විට නිකුත් වී ඇති නවතම සංස්කරණය වන්නේ Opera version 11.51යි. ඉදිරියේදී නිකුත් වීමට නියමිත Opera version 12 සමග Opera browser  එකෙහි විශාල වෙනස්කම් සිදු වීමට නියමිතය. ඒ අතරට Opera හි මූලික වශයෙන් 
  • Rendering engine එකෙහි වෙනස්කම්
  • HTML 5 සඳහා පූර්ණ වශයෙන් සහය දැක්වීම
  • CSS 3 සඳහා සහය දැක්වීම
වාගේ දේවල් ගත හැකිය. මෙමගින් සියලුම ප්‍රධාණ web browsers සඳහා වෙබ් අඩවි නිර්මාණය කිරීම පහසු වනු ඇත. තවද CSS වල web gradients වලට සහ web animations  වලට සහය දක්වනු ඇත. පසුගිය වසර වල Opera web browser එකෙහි බාවිතා කරන්නන් අනෙක් web browsers බාවිතා කරන්නන්ට සාපේක්ෂව අඩු නමුත් ස්ථාවර ගණනක පැවතියහ. නමත් 2011 වර්ෂයේ මුල් මාස කිහිපයේ සිට බාවිතාකරන්නන්ගේ ක්‍රමික වර්ධණයක් පෙන්නුමි කරයි.
Image credits:http://www.opera.com

Google - ගූගල් අප වෙත හඳුන්වා දී ඇති සියලුම සේවා

හැමෝම දන්නව Google  කියන්නෙ මොකක්ද කියල. ඒ වුනත් Google හදුන්වලා දීල තියෙන සියලු සේවා ගැන නම් හැමෝම සමහර විට නොදන්නවා විය හැකිය. Google Search Engine, Gmail, Blogger, Feedburner වැනි සේවා ගැන නම් හැමෝම දන්නව. අද මම ඉදිරි පත් කරන්න යන්නෙ Google අපිට හදුන්වලා දීල තියෙන සියලුම සේවා පිළිබඳ ලැයිස්තුවක්. බලන්න මෙම ලැයිස්තුවෙන් කොපමණක් අප දැනගෙන සිට්යාද? කොපමණක් සේවා ‍අපි අත්හදා බලා තියෙන‍වාද කියල?

පහත image එක පැහැදිලි නොමැති නිසා එය මත click කරන්න එවිට එය විශාල වී පෙනේවි
All Google Products
නැවතත් එම ලැයිස්තුව පහතින්.

11: Notebook

12: Partner Program

13: Sites

14: Talk

15: Wave

16: Website Optimizer

17: AdWords

18: App Engine

19: Bookmarks

20: Checkout

21: Docs

22: Fusion Tables

23: Google Moderator

24: Google URL Shortener

25: Knol

26: News

27: orkut

28: Picasa Web Albums

29: SketchUp

30: Trends

31: Web History

32: YouTube

33: Alerts

34: App Inventor for Android

35: Book Search

36: Custom Search

37: DoubleClick for Publishers

38: Gmail

39: Google Places

40: Health

41: Maps

42: New Service

43: Panoramio

44: Reader

45: Subscribed Links

46: Voice

47: Webmaster Tools

Google  විසින් නව සේවා හදුන්වා දුන් විට මෙය යාවත්කාලීන කරන්න මම පොරොන්දු වෙනව. ‍මෙම post එකෙන් මම බලා පොරොත්තු වෙන්නෙ Google කොපමණ සේවා ප්‍රමාණයක් හදුන්වා දීල තියෙනවද කියෙන එක ගැන සුලු හැඳින්වීමක් කරන්න. ඉදිරි ලිපි වලින් මම මුල සිට සියලුම ‍සේවා ගැන සවිස්තරාත්මක හදුන්වා දීමක් කරන්න බලා පොරොත්තු වෙනව දිගටම SinhalaPress සමග රැඳී ඉන්න.
Image credits: http://en.wikipedia.org/wiki/File:Google_products.png