HTML Login form එකක් හදමු..

login pages ඕනතරම් දැකලා ඇති..මේ post එකෙන් කියන්නේ login page එකක් හදාගන්න විදිහ.මේක තමා අපි හදන්න යන්නේ.

log1

 

 

 

 

 

 

 

Continue reading

Advertisements

Jetbrains IDE setup කරගන්න විදිහ…..

IDE (Integrated Development Environment)

පරිගණකය සමග වැඩ කරන පුද්ගලයෙක්ට තියෙන වටිනාම දෙයක් තමා තමන්ගේ IDEA එක හෝ text editor එක.IDE සහ Text editor එකක වෙනස, IDE එක මගින් Code editing,Compiling,Debug සහ plugins බාවිතයෙන් තවත් විවිද ප්‍රයෝජන ගන්න පුළුවන්.Text editor එකක සාමාන්‍ය කාර්ය වෙන්නේ editing.මේ post එකෙන් කියන්නේ දැනට අපිට බාවිතා කරන වටිනාම IDE සහ Text Editors කිහිපයක් ගැන සහ ඒ මෘදුකාංගවල සැබෑ ප්‍රයෝජනය ගන්න විදිහ.. Continue reading

CSS #2

දැනට අපි මුලිකව style එකක් දාන්න දන්නවා..බොහොමයක් html tag වල නිසි ප්‍රයෝජනය ගන්න පුළුවන් styles බාවිතා කරලා ඒ tag එක පාවිච්චි කරනවානම් විතරයි.ඒ නිසා මේ ලිපියේ ඉදන් වැදගත් html tags සමගම ඒ tags වලට අලුත් styles දාන විදිහ ඉගෙනගමු. Continue reading

CSS #1

Cascading Style Sheets (CSS)

දැන් අපි HTML වලින් වෙබ් පිටුවක structure එක හදාගන්න දන්නවා..දැන් ඒ වෙබ් පිටුවට styles දාල ලස්සන කරගන්න ඕනි..එකට තමා CSS  තියෙන්නේ..අපි මුලින්ම කිව්වා වෙබ් පිටුවක් කොටස් දෙකයි,එකක් head එක අනිත් කොටස body එක..
අපි styles type කරන්න ඕන head එකේ..හේතුව type කරන styles අපිට පේන්න අවශ්‍ය නෑ..නමුත් styles වල output එක අපිට පෙන්න ඕන..ඒ නිසා අපි styles දාන්නේ body එකේ තියෙන දේවල් වලට.. Continue reading

HTML #5

Table එකක් හදමු..

html වල table එකක් හදාගන්න යොදන tag එක තමා <table> tag එක,table එකක rows සහ columns තියෙනවා..සම්පුර්ණයෙන්ම table එකක් හදන්නේ කොහොමද බලමු. Continue reading

HTML #4

මේ ලිපියෙන් පොඩ්ඩක් Advance දේවල් ටිකක් කරමු.

navigation එකක් හදමු..

මම eminem ගැන Wikipedia site එකේ search කරාම ආපු home page එක තමයි මේ.මේ page එක තරමක් විශාලයි..රතු පාටින් කොටු කරලා පෙන්නලා තියෙන්නේ මේ page එකේ තියෙන සියලුම main topics සහ sub topics සාරාංශ කරලා page එකේ මුලටම දාල තියෙන විදිහ. Continue reading

HTML #3

දැන් අපිට tags ගැන මූලික අවබෝධයක් තියෙනවා..මේ ලිපියෙන් තවත් වැදගත් වගේම ටිකක් සංකීර්ණ tags ටිකක් ගැන ඉගෙන ගමු.මේ ලිපියෙන් අපි අපේ වෙබ් පිටුවේ body එකේ වෙනස්කම් ටිකක් කරමු. Continue reading

HTML #2

html code කරන්න  text editor එකක් ඕනි,ඒ  වගේම හදන වෙබ් පිටු බලන්න web browser එකක් ඕනි . windows බාවිතා කරන අයට notepad එක බාවිතා කරන්න පුළුවන්.notepad++,komodo edit,brackets වගේ intelligent text editors බාවිතා කරන්න පුළුවන්,web browser එක chrome,firefox,safari වඩා හොදයි. Continue reading

HTML #1

HTML (Hypertext Markup Language)

මොකද්ද Markup Language එකක් කියන්නේ ..

මුද්‍රණ කර්මාන්තයේදී ,ලේඛකයා ලියන ලද යමක් ප්‍රකාශයට පත් කරන්නට කලින් සෝදු පත් බැලීමක් (Proof Reading) සිදුකරන බව ඔබ ඔබ දන්නවා.මුද්‍රණයට පෙර ලේකකයාට හෝ කතුවරයාට මුද්‍රිත පිටපතක් යවා ලේකනය වැඩි දියුණු කිරීමට අවශ්‍ය තොරතුරු ,උපදෙස්  ලබාගන්නවා ..ඒ මේවගේ උපදෙස් . Continue reading