Skip to navigation
Skip to navigation
Skip to search form
Skip to login form
Skip to footer
Skip to main content
Home
IT Campus Network
About us
HTML
Home
Courses
Python
HTML
Topic outline
HTML Project 01
Collapse all
Expand all
HTML හි මූලික කේත හඳුනා ගනිමු
Page
Mark as done
Heading tags හඳුනා ගනිමු
Page
Mark as done
Background color එකක් හා image එකක් add කර ගන්නා ආකාරය
Page
Mark as done
HTML Project 02
පාඩමට ප්රවේශ වන ආකාරය 2 පාඩම HTML
Page
Mark as done
කතාවේ මාතෘකාව heading tag භාවිතා කර නිර්මාණය කරමු
Page
Mark as done
Paragraph 1 නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
HTML Project 03
පාඩමට ප්රවේශ වන ආකාරය 3 පාඩම HTML
Page
Mark as done
පසුබිම් රූපයනිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
පළමු div tag එක නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
දෙවන div tag එක නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
තුන්වන div tag එක නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
හතරවන div tag එක නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
පස්වන div tag එක නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
HTML Project 04
පාඩමට ප්රවේශ වන ආකාරය 4 පාඩම HTML
Page
Mark as done
මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Paragraph එකක් add කර ගන්නා ආකාරය
Page
Mark as done
Gallery එක සඳහා පළමු රූපය ඇතුළත් කරන ආකාරය
Page
Mark as done
Gallery එක සඳහා අනෙක් රූප ඇතුළත් කරන ආකාරය
Page
Mark as done
DIV tag එකක් යොදා ගන්නා ආකාරය
Page
Mark as done
HTML Project 05
පාඩමට ප්රවේශ වන ආකාරය 5 පාඩම HTML
Page
Mark as done
මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Unordered list එකක් නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
දෙවන Unordered list එක නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
HTML Project 06
පාඩමට ප්රවේශ වන ආකාරය 6 පාඩම HTML
Page
Mark as done
රූපයක් add කර ගන්නා ආකාරය
Page
Mark as done
මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Ordered list නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Unordered list නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
HTML Project 07
පාඩමට ප්රවේශ වන ආකාරය 7 පාඩම HTML
Page
Mark as done
Background එක නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Lace Up වචනය සඳහා link එකක් නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Moccasins වචනය සඳහා link එකක් නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Loafers වචනය සඳහා link එකක් නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Jelly වචනය සඳහා link එකක් නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Sandal වචනය සඳහා link එකක් නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Slingback Sandal වචනය සඳහා link එකක් නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Wedge වචනය සඳහා link එකක් නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
HTML Project 08
පාඩමට ප්රවේශ වන ආකාරය 8 පාඩම HTML
Page
Mark as done
Background එක නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
නම ඇතුළත් කිරීමට placeholder එකක් නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
දුරකතන අංකය ඇතුළත් කිරීමට placeholder එකක් නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
අනෙකුත් placeholder එකක් නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
HTML Project 09
පාඩමට ප්රවේශ වන ආකාරය 9 පාඩම HTML
Page
Mark as done
Background එක නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Name එක input කිරීම සඳහා text input එකක් නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
E mail එක input කිරීම සඳහා text input එකක් නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Radio buttons නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Check boxes නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Check boxes නිර්මාණය කර ගන්නා ආකාරය 2
Page
Mark as done
Buttons නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
HTML Project 10
පාඩමට ප්රවේශ වන ආකාරය 10 පාඩම HTML
Page
Mark as done
Background එක නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Image එකක් add කර ගන්නා ආකාරය
Page
Mark as done
Text input එකක් add කර ගන්නා ආකාරය
Page
Mark as done
Search button එක add කර ගන්නා ආකාරය
Page
Mark as done
HTML Project 11
පාඩමට ප්රවේශ වන ආකාරය 11 පාඩම HTML
Page
Mark as done
Background එක සඳහා CSS කේත නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Text input හා button නිර්මාණය සඳහා CSS කේත නිර්මාණය
Page
Mark as done
Image එකක් add කර ගන්නා ආකාරය
Page
Mark as done
Google search button එක නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Activity search හා DP Coding School buttons නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
HTML Project 12
පාඩමට ප්රවේශ වන ආකාරය 12 පාඩම HTML
Page
Mark as done
මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
වගුවක මාතෘකා සහිත පළමු පේළිය නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
වගුවක දත්ත ඇතුළත් කරන පේළිය නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
වගුවට දත්ත ඇතුළත් කිරීමට අනෙකුත් පේළි නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
HTML Project 13
පාඩමට ප්රවේශ වන ආකාරය 13 පාඩම HTML
Page
Mark as done
Table එක සඳහා CSS කේත නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Table data හා table heading නිර්මාණය සඳහා CSS කේත නිර්මාණය
Page
Mark as done
Table row සඳහා CSS කේත නිර්මාණය කරන ආකාරය
Page
Mark as done
Heading සඳහා CSS කේත නිර්මාණය කරන ආකාරය
Page
Mark as done
මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
වගුවේ මාතෘකා නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Table data add කරන ආකාරය
Page
Mark as done
අනෙකුත් Table data add කරන ආකාරය
Page
Mark as done
HTML Project 14
පාඩමට ප්රවේශ වන ආකාරය 14 පාඩම HTML
Page
Mark as done
Body හා Table එක සඳහා CSS කේත නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Table එකට අදාළ අනෙක් CSS කේත නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Background image එක නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
වගුවට පේළි තුනක් add කර ගන්නා ආකාරය
Page
Mark as done
වගුවේ හතර හා පහ යන පේළි add කර ගන්නා ආකාරය
Page
Mark as done
වගුවට රූප add කර ගන්නා ආකාරය
Page
Mark as done
HTML Project 15
පාඩමට ප්රවේශ වන ආකාරය 15 පාඩම HTML
Page
Mark as done
Style.Css කොටස නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Table එකට අදාළ අනෙක් CSS කේත නිර්මාණය කර ගන්නා ආකාරයවෙබ් පිටුවට පින්තූරයක් add කර ගන්නා ආකාරය
Page
Mark as done
මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Tabel එකක් නිර්මාණය කරන ආකාරය
Page
Mark as done
List එකක් add කර ගන්නා ආකාරය
Page
Mark as done
ඡේදයක් එකතු කර ගන්නා ආකාරය
Page
Mark as done
Form එකක් නිර්මාණය කර ගන්නා ආකාරය 1 කොටස
Page
Mark as done
Form එක සඳහා checkbox ඇතුළත් කර ගන්නා ආකාරය
Page
Mark as done
Form එක සඳහා Button එකක් add කරන ආකාරය
Page
Mark as done
HTML Project 16
පාඩමට ප්රවේශ වන ආකාරය 16 පාඩම HTML
Page
Mark as done
Style.Css කොටස නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Image එකක් add කර ගන්නා ආකාරය
Page
Mark as done
ඡේද නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
වගුවේ පළමු පේළිය add කර ගන්නා ආකාරය
Page
Mark as done
වගුවේ දෙවන පේළිය add කර ගන්නා ආකාරය
Page
Mark as done
වගුවේ තුන්වන පේළිය add කර ගන්නා ආකාරය
Page
Mark as done
HTML Project 17
පාඩමට ප්රවේශ වන අකොරය
Page
Mark as done
CSS කේත සාදා ගන්නා ආකාරය
Page
Mark as done
රූපයක් add කර ගන්නා ආකාරය
Page
Mark as done
Heading සහ paragraph add කර ගන්නා ආකාරය
Page
Mark as done
වගුවක් සාදා ගන්නා ආකාරය
Page
Mark as done
Terrestrial animals ලෙස කොටසක් සාදා ගන්නා ආකාරය
Page
Mark as done
Terrestrial animals image එක add කර ගන්නා ආකාරය
Page
Mark as done
Aquatic animals ලෙස කොටසක් සාදා ගන්නා ආකාරය
Page
Mark as done
Amphibians ලෙස කොටසක් සාදා ගන්නා ආකාරය
Page
Mark as done
HTML Project 18
පාඩමට ප්රවේශ වන ආකාරය
Page
Mark as done
CSS code නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Navigation bar එක නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Paragraph add කර ගන්නා ආකාරය
Page
Mark as done
Unordered list එකක් add කර ගන්නා ආකාරය
Page
Mark as done
පළමු රූපයට image එකක් add කර ගන්නා ආකාරය
Page
Mark as done
දෙවන හා තුන්වන link සඳහා images add කර ගන්නා ආකාරය
Page
Mark as done
රූපයට අදාළ නම display කරන ආකාරය
Page
Mark as done
Form එකක් add කර ගන්නා ආකාරය
Page
Mark as done
HTML Project 19
පාඩමට ප්රවේශ වන ආකාරය
Page
Mark as done
Navigation bar එක නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Navigation bar එක web page එකට link කර ගන්නා ආකාරය
Mark as done
Navigation bar එක web page එකට link කර ගන්නා ආකාරය II
Mark as done
Form එක නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
HTML Project 20
පාඩමට ප්රවේශ වන ආකාරය 20 පාඩම
Page
Mark as done
CSS code නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Banner එකක් නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Fruits & Vegetable prints කොටස නිර්මාණය
Page
Mark as done
Paints with bottels කොටස නිර්මාණය
Page
Mark as done
Paints with tissues කොටස නිර්මාණය
Page
Mark as done
HTML Project 21
පාඩමට ප්රවේශවන ආකාරය 21 පාඩම
Page
Mark as done
නව වෙබ් පිටු 3ක් add කර ගන්නා ආකාරය
Page
Mark as done
CSS කේත නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Navigation bar එක නිර්මාණය කිරීම
Page
Mark as done
Table එක නිර්මාණය කරන ආකාරය
Page
Mark as done
Gallery.html පිටුව නිර්මාණය
Page
Mark as done
Hyper link එකක් නිර්මාණය
Page
Mark as done
Contact-us.html පිටුව නිර්මාණය
Page
Mark as done
Success.html පිටුව නිර්මාණය කිරීම
Page
Mark as done
HTML Project 22
පාඩමට ප්රවේශ වන ආකාරය 22 පාඩම
Page
Mark as done
CSS කේත නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
රූපයක් හා ඡේදයක් add කර ගන්නා ආකාරය
Page
Mark as done
ලැයිස්තු ඇතුළත් කර ගන්නා ආකාරය
Page
Mark as done
Form එක නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Buttons නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
HTML Project 23
පාඩමට ප්රවේශ වන ආකාරය 23 පාඩම
Page
Mark as done
CSS කේත නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
මාතෘකාව හා රූපයක් add කර ගන්නා ආකාරය
Page
Mark as done
Wheelbarrow html පිටුව link කර ගන්නා ආකාරය
Page
Mark as done
අනෙකුත් වෙබ් පිටු link කර ගන්නා ආකාරය
Page
Mark as done
HTML Project 24
පාඩමට ප්රවේශ වන ආකාරය 24 පාඩම
Page
Mark as done
CSS කේත නිර්මාණය හා රූපයක් එකතු කර ගන්නා ආකාරය නිර්මාණය
Page
Mark as done
අකුරු වල වෙනස්කම් සඳහා කේත සකස් කර ගන්නා ආකාරය
Page
Mark as done
Unordered list එකට අදාළ කේත නිර්මාණය
Page
Mark as done
අනෙකුත් Unordered lists නිර්මාණය
Page
Mark as done
HTML Project 25
පාඩමට ප්රවේශවන ආකාරය
Page
Mark as done
Banner එක හා paragraph එක සකස් කර ගන්නා ආකාරය
Page
Mark as done
රූපයක් add කරගෙන ඊට පහළින් නම් position කර ගන්නා ආකාරය
Page
Mark as done
Image map කර ගන්නා ආකාරය 2 කොටස
Page
Mark as done
Form එකක් add කර ගන්නා ආකාරය
Page
Mark as done
HTML Project 26
පාඩමට ප්රවේශ වන ආකාරය
Page
Mark as done
Background color එකක් add කර ගන්නා ආකාරය
Page
Mark as done
Header එකක් add කර ගන්නා ආකාරය
Page
Mark as done
CSS කේත නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
පළමු ඡේදය add කර ගන්නා ආකාරය
Page
Mark as done
Table එකක් add කර ගන්නා ආකාරය
Page
Mark as done
List එකක් පළමු පේළිය නිර්මාණය
Page
Mark as done
List එකක් අනිකුත් පේළි නිර්මාණය
Page
Mark as done
HTML Project 27
පාඩමට ප්රවේශ වන ආකාරය
Page
Mark as done
CSS කේත නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Images add කර ගන්නා ආකාරය
Page
Mark as done
Audio එකක් add කර ගන්නා ආකාරය
Page
Mark as done
Audio එක play වීම සඳහා funtion එකක් නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
HTML Project 28
පාඩමට ප්රවේශ වන ආකාරය
Page
Mark as done
CSS කේත නිර්මාණය
Page
Mark as done
Image array එක නිර්මාණය
Page
Mark as done
Music array එක නිර්මාණය
Page
Mark as done
එකතු කරගත් ගීත නිර්මාණය වන ආකාරය function එක නිර්මාණය
Page
Mark as done
HTML Project 29
පාඩමට ප්රවේශ වන ආකාරය
Page
Mark as done
Logo එක add කර ගන්නා ආකාරය
Page
Mark as done
Flex box යනු මොනවාද
Page
Mark as done
News 1 add කර ගන්නා ආකාරය
Page
Mark as done
News 2 add කර ගන්නා ආකාරය
Page
Mark as done
News 3 & 4 add කර ගන්නා ආකාරය
Page
Mark as done
News 5 add කර ගන්නා ආකාරය
Page
Mark as done
News 6 & 7 add කර ගන්නා ආකාරය
Page
Mark as done
HTML Project 30
පාඩමට ප්රවේශ වන ආකාරය
Page
Mark as done
Google fonts add කර ගන්නා ආකාරය
Page
Mark as done
Background color එක add කර ගන්නා ආකාර
Page
Mark as done
Heading එක නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
රූප 3ක් එක පේළියක් ලෙස add කර ගන්නා ආකාරය
Page
Mark as done
දෙවන section එක සඳහා රූප 2ක් add කර ගන්නා ආකාරය
Page
Mark as done
List එකක් add කර ගන්නා ආකාරය
Page
Mark as done
තුන්වන section එක සඳහා image එකක් add කර ගන්නා ආකාරය
Page
Mark as done
Toolkit එක add කර ගන්නා ආකාරය
Page
Mark as done
HTML Project 31
පාඩමට ප්රවේශ වන ආකාරය
Page
Mark as done
Cards add කර ගැනීම සඳහා අවශ්ය CSS කේත සෑදීම
Page
Mark as done
පළමු පේළියේ cards හතර add කර ගන්නා ආකාරය
Page
Mark as done
දෙවන පේළියේ cards හතර add කර ගන්නා ආකාරය
Page
Mark as done
පළමු card එක සඳහා transform එක ලබා දෙන ආකාරය
Page
Mark as done
දෙවන card එක සඳහා transform එක ලබා දෙන ආකාරය
Page
Mark as done
අනෙක් cards සඳහා transform එක ලබා දෙන ආකාරය
Page
Mark as done
HTML Project 32
පාඩමට ප්රවේශ වන ආකාරය
Page
Mark as done
Keys add කර ගැනීම සඳහා අවශ්ය CSS කේත සැකසීම
Page
Mark as done
Keys add කර ගැනීම සඳහා අවශ්ය HTML කේත සැකසීම
Page
Mark as done
Keys මතට mouse එක රැගෙන ගිය විට එහි පාට වෙනස් වන ආකාරය
Page
Mark as done
Piano එකේ ඇති black keys සකසා ගන්නා ආකාරය
Page
Mark as done
HTML Project 33
පාඩමට ප්රවේශ වන ආකාරය
Page
Mark as done
Piano එක play වීමට අවශ්ය functions නිර්මාණය
Page
Mark as done
Piano එකේ keys play වන ආකාරයට නිර්මාණය
Page
Mark as done
HTML Project 34
පාඩමට ප්රවේශ වන ආකාරය
Page
Mark as done
Fonts import කර ගන්නා ආකාරය
Page
Mark as done
Background color එක හා headings නිර්මාණය
Page
Mark as done
Flip card එක සඳහා CSS කේත නිර්මාණය කරමු
Page
Mark as done
Flip card එකක් නිර්මාණය කරමු
Page
Mark as done
Flip card වල පිටුපස කොටස නිර්මාණය
Page
Mark as done
අනෙකුත් flip cards නිර්මාණය
Page
Mark as done
HTML Project 35
පාඩමට ප්රවේශ වන ආකාරය
Page
Mark as done
Background color එක හා title එක නිර්මාණය
Page
Mark as done
Image එකක් add කර ගන්නා ආකාරය
Page
Mark as done
Image එක මත shadow එකක් හා image එකක් නිර්මාණය
Page
Mark as done
Buttons තුනක් නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Buttons group කර ගන්නා ආකාරය
Page
Mark as done
පළමු Buttons දෙක සඳහා animation නිර්මාණය
Page
Mark as done
අවසාන Button එක සඳහා animation නිර්මාණය
Page
Mark as done
HTML Project 36
පාඩමට ප්රවේශ වන ආකාරය
Page
Mark as done
වෙබ් පිටුවට වර්ණ දෙකක් නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Buttons නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
වෙබ් අඩවියේ ඇති text ආරම්භයේදී hide කර ගන්නා ආකාරය
Page
Mark as done
වම් බොත්තම සඳහා function නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
දකුණු බොත්තම සඳහා function නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
HTML Project 37
පාඩමට ප්රවේශ වන ආකාරය
Page
Mark as done
Flex boxes සඳහා අවශ්ය CSS කේත නිර්මාණය
Page
Mark as done
යොදා ගන්නා රූප සඳහා අවශ්ය CSS කේන නිර්මාණය
Page
Mark as done
අවශ්ය අනෙකුත් CSS කේන නිර්මාණය
Page
Mark as done
ළමු ලෝක පුදුමය සඳහා අවශ්ය html කේත නිර්මාණය
Page
Mark as done
අනෙකුත් ලෝක පුදුම සඳහා අවශ්ය html කේත නිර්මාණය
Page
Mark as done
HTML Project 38
පාඩමට ප්රවේශ වන ආකාරය
Page
Mark as done
Style CSS පිටුව link කර ගන්නා ආකාරය
Page
Mark as done
Banner එකක් නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Buttons add කර ගන්නා ආකාරය
Page
Mark as done
Mouse එක රැගෙන යන විට Buttons වල color එක change වන ආකාරය
Page
Mark as done
Buttons පිටුවේ තිරස් අතට නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
ඡේදයක් ඇතුළත් කර ගන්නා ආකාරය
Page
Mark as done
Flip card සඳහා CSS කේත නිර්මාණය
Page
Mark as done
Flip card නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
HTML Project 39
පාඩමට ප්රවේශ වන ආකාරය
Page
Mark as done
රූපයක් add කර ගන්නා ආකාරය
Page
Mark as done
ලෝක සිතියනමක රූපයක් add කර ගන්නා ආකාරය
Page
Mark as done
Java Scripts කේත නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
සිතියමේ ස්ථාන click කළ හැකි ආකාරයට නිර්මාණය
Page
Mark as done
Contact us කොටස නිර්මාණය
Page
Mark as done
HTML Project 40
පාඩමට ප්රවේශ වන ආකාරය
Page
Mark as done
Bootstrap වෙබ් පිටුවට link කර ගන්නා ආකාරය
Page
Mark as done
Bootstrap වෙබ් පිටුවේ container class සඳහා link කර ගන්නා ආකාරය
Page
Mark as done
Bootstrap Grid System හඳුන්වාදීම
Page
Mark as done
Bootstrap Grid System වෙබ් පිටුවට යොදා ගන්නා ආකාරය
Page
Mark as done
HTML Project 41
පාඩමට ප්රවේශ වන ආකාරය
Page
Mark as done
Banner එකක් නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Heading එකක් නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Pushups exercise සඳහා thumbnail නිර්මාණය
Page
Mark as done
Running & cycling exercise සඳහා thumbnail නිර්මාණය
Page
Mark as done
Squats exercise සඳහා thumbnail නිර්මාණය
Page
Mark as done
Mountain Climbing සඳහා thumbnail නිර්මාණය
Page
Mark as done
Burpees exercise සඳහා thumbnail නිර්මාණය
Page
Mark as done
Lunges exercise සඳහා thumbnail නිර්මාණය
Page
Mark as done
HTML Project 42
පාඩමට ප්රවේශ වන ආකාරය
Page
Mark as done
වෙබ් අඩවියේ මූලික තොරතුරු නිර්මාණය
Page
Mark as done
වෙබ් පිටුව සඳහා Toys ඇතුළත් කර ගන්නා ආකාරය
Page
Mark as done
Ckeckout button නිර්මාණය කර ගන්නා ආකාරය
Page
Mark as done
Table of contents
Expand all
HTML Project 01
HTML හි මූලික කේත හඳුනා ගනිමු
Heading tags හඳුනා ගනිමු
Background color එකක් හා image එකක් add කර ගන්නා ආකාරය
HTML Project 02
පාඩමට ප්රවේශ වන ආකාරය 2 පාඩම HTML
කතාවේ මාතෘකාව heading tag භාවිතා කර නිර්මාණය කරමු
Paragraph 1 නිර්මාණය කර ගන්නා ආකාරය
HTML Project 03
පාඩමට ප්රවේශ වන ආකාරය 3 පාඩම HTML
පසුබිම් රූපයනිර්මාණය කර ගන්නා ආකාරය
මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
පළමු div tag එක නිර්මාණය කර ගන්නා ආකාරය
දෙවන div tag එක නිර්මාණය කර ගන්නා ආකාරය
තුන්වන div tag එක නිර්මාණය කර ගන්නා ආකාරය
හතරවන div tag එක නිර්මාණය කර ගන්නා ආකාරය
පස්වන div tag එක නිර්මාණය කර ගන්නා ආකාරය
HTML Project 04
පාඩමට ප්රවේශ වන ආකාරය 4 පාඩම HTML
මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
Paragraph එකක් add කර ගන්නා ආකාරය
Gallery එක සඳහා පළමු රූපය ඇතුළත් කරන ආකාරය
Gallery එක සඳහා අනෙක් රූප ඇතුළත් කරන ආකාරය
DIV tag එකක් යොදා ගන්නා ආකාරය
HTML Project 05
පාඩමට ප්රවේශ වන ආකාරය 5 පාඩම HTML
මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
Unordered list එකක් නිර්මාණය කර ගන්නා ආකාරය
දෙවන Unordered list එක නිර්මාණය කර ගන්නා ආකාරය
HTML Project 06
පාඩමට ප්රවේශ වන ආකාරය 6 පාඩම HTML
රූපයක් add කර ගන්නා ආකාරය
මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
Ordered list නිර්මාණය කර ගන්නා ආකාරය
Unordered list නිර්මාණය කර ගන්නා ආකාරය
HTML Project 07
පාඩමට ප්රවේශ වන ආකාරය 7 පාඩම HTML
Background එක නිර්මාණය කර ගන්නා ආකාරය
Lace Up වචනය සඳහා link එකක් නිර්මාණය කර ගන්නා ආකාරය
Moccasins වචනය සඳහා link එකක් නිර්මාණය කර ගන්නා ආකාරය
Loafers වචනය සඳහා link එකක් නිර්මාණය කර ගන්නා ආකාරය
Jelly වචනය සඳහා link එකක් නිර්මාණය කර ගන්නා ආකාරය
Sandal වචනය සඳහා link එකක් නිර්මාණය කර ගන්නා ආකාරය
Slingback Sandal වචනය සඳහා link එකක් නිර්මාණය කර ගන්නා ආකාරය
Wedge වචනය සඳහා link එකක් නිර්මාණය කර ගන්නා ආකාරය
HTML Project 08
පාඩමට ප්රවේශ වන ආකාරය 8 පාඩම HTML
Background එක නිර්මාණය කර ගන්නා ආකාරය
මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
නම ඇතුළත් කිරීමට placeholder එකක් නිර්මාණය කර ගන්නා ආකාරය
දුරකතන අංකය ඇතුළත් කිරීමට placeholder එකක් නිර්මාණය කර ගන්නා ආකාරය
අනෙකුත් placeholder එකක් නිර්මාණය කර ගන්නා ආකාරය
HTML Project 09
පාඩමට ප්රවේශ වන ආකාරය 9 පාඩම HTML
Background එක නිර්මාණය කර ගන්නා ආකාරය
මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
Name එක input කිරීම සඳහා text input එකක් නිර්මාණය කර ගන්නා ආකාරය
E mail එක input කිරීම සඳහා text input එකක් නිර්මාණය කර ගන්නා ආකාරය
Radio buttons නිර්මාණය කර ගන්නා ආකාරය
Check boxes නිර්මාණය කර ගන්නා ආකාරය
Check boxes නිර්මාණය කර ගන්නා ආකාරය 2
Buttons නිර්මාණය කර ගන්නා ආකාරය
HTML Project 10
පාඩමට ප්රවේශ වන ආකාරය 10 පාඩම HTML
Background එක නිර්මාණය කර ගන්නා ආකාරය
Image එකක් add කර ගන්නා ආකාරය
Text input එකක් add කර ගන්නා ආකාරය
Search button එක add කර ගන්නා ආකාරය
HTML Project 11
පාඩමට ප්රවේශ වන ආකාරය 11 පාඩම HTML
Background එක සඳහා CSS කේත නිර්මාණය කර ගන්නා ආකාරය
Text input හා button නිර්මාණය සඳහා CSS කේත නිර්මාණය
Image එකක් add කර ගන්නා ආකාරය
Google search button එක නිර්මාණය කර ගන්නා ආකාරය
Activity search හා DP Coding School buttons නිර්මාණය කර ගන්නා ආකාරය
HTML Project 12
පාඩමට ප්රවේශ වන ආකාරය 12 පාඩම HTML
මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
වගුවක මාතෘකා සහිත පළමු පේළිය නිර්මාණය කර ගන්නා ආකාරය
වගුවක දත්ත ඇතුළත් කරන පේළිය නිර්මාණය කර ගන්නා ආකාරය
වගුවට දත්ත ඇතුළත් කිරීමට අනෙකුත් පේළි නිර්මාණය කර ගන්නා ආකාරය
HTML Project 13
පාඩමට ප්රවේශ වන ආකාරය 13 පාඩම HTML
Table එක සඳහා CSS කේත නිර්මාණය කර ගන්නා ආකාරය
Table data හා table heading නිර්මාණය සඳහා CSS කේත නිර්මාණය
Table row සඳහා CSS කේත නිර්මාණය කරන ආකාරය
Heading සඳහා CSS කේත නිර්මාණය කරන ආකාරය
මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
වගුවේ මාතෘකා නිර්මාණය කර ගන්නා ආකාරය
Table data add කරන ආකාරය
අනෙකුත් Table data add කරන ආකාරය
HTML Project 14
පාඩමට ප්රවේශ වන ආකාරය 14 පාඩම HTML
Body හා Table එක සඳහා CSS කේත නිර්මාණය කර ගන්නා ආකාරය
Table එකට අදාළ අනෙක් CSS කේත නිර්මාණය කර ගන්නා ආකාරය
Background image එක නිර්මාණය කර ගන්නා ආකාරය
වගුවට පේළි තුනක් add කර ගන්නා ආකාරය
වගුවේ හතර හා පහ යන පේළි add කර ගන්නා ආකාරය
වගුවට රූප add කර ගන්නා ආකාරය
HTML Project 15
පාඩමට ප්රවේශ වන ආකාරය 15 පාඩම HTML
Style.Css කොටස නිර්මාණය කර ගන්නා ආකාරය
Table එකට අදාළ අනෙක් CSS කේත නිර්මාණය කර ගන්නා ආකාරයවෙබ් පිටුවට පින්තූරයක් add කර ගන්නා ආකාරය
මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
Tabel එකක් නිර්මාණය කරන ආකාරය
List එකක් add කර ගන්නා ආකාරය
ඡේදයක් එකතු කර ගන්නා ආකාරය
Form එකක් නිර්මාණය කර ගන්නා ආකාරය 1 කොටස
Form එක සඳහා checkbox ඇතුළත් කර ගන්නා ආකාරය
Form එක සඳහා Button එකක් add කරන ආකාරය
HTML Project 16
පාඩමට ප්රවේශ වන ආකාරය 16 පාඩම HTML
Style.Css කොටස නිර්මාණය කර ගන්නා ආකාරය
Image එකක් add කර ගන්නා ආකාරය
ඡේද නිර්මාණය කර ගන්නා ආකාරය
වගුවේ පළමු පේළිය add කර ගන්නා ආකාරය
වගුවේ දෙවන පේළිය add කර ගන්නා ආකාරය
වගුවේ තුන්වන පේළිය add කර ගන්නා ආකාරය
HTML Project 17
පාඩමට ප්රවේශ වන අකොරය
CSS කේත සාදා ගන්නා ආකාරය
රූපයක් add කර ගන්නා ආකාරය
Heading සහ paragraph add කර ගන්නා ආකාරය
වගුවක් සාදා ගන්නා ආකාරය
Terrestrial animals ලෙස කොටසක් සාදා ගන්නා ආකාරය
Terrestrial animals image එක add කර ගන්නා ආකාරය
Aquatic animals ලෙස කොටසක් සාදා ගන්නා ආකාරය
Amphibians ලෙස කොටසක් සාදා ගන්නා ආකාරය
HTML Project 18
පාඩමට ප්රවේශ වන ආකාරය
CSS code නිර්මාණය කර ගන්නා ආකාරය
Navigation bar එක නිර්මාණය කර ගන්නා ආකාරය
Paragraph add කර ගන්නා ආකාරය
Unordered list එකක් add කර ගන්නා ආකාරය
පළමු රූපයට image එකක් add කර ගන්නා ආකාරය
දෙවන හා තුන්වන link සඳහා images add කර ගන්නා ආකාරය
රූපයට අදාළ නම display කරන ආකාරය
Form එකක් add කර ගන්නා ආකාරය
HTML Project 19
පාඩමට ප්රවේශ වන ආකාරය
Navigation bar එක නිර්මාණය කර ගන්නා ආකාරය
Navigation bar එක web page එකට link කර ගන්නා ආකාරය
Navigation bar එක web page එකට link කර ගන්නා ආකාරය II
Form එක නිර්මාණය කර ගන්නා ආකාරය
HTML Project 20
පාඩමට ප්රවේශ වන ආකාරය 20 පාඩම
CSS code නිර්මාණය කර ගන්නා ආකාරය
Banner එකක් නිර්මාණය කර ගන්නා ආකාරය
Fruits & Vegetable prints කොටස නිර්මාණය
Paints with bottels කොටස නිර්මාණය
Paints with tissues කොටස නිර්මාණය
HTML Project 21
පාඩමට ප්රවේශවන ආකාරය 21 පාඩම
නව වෙබ් පිටු 3ක් add කර ගන්නා ආකාරය
CSS කේත නිර්මාණය කර ගන්නා ආකාරය
Navigation bar එක නිර්මාණය කිරීම
Table එක නිර්මාණය කරන ආකාරය
Gallery.html පිටුව නිර්මාණය
Hyper link එකක් නිර්මාණය
Contact-us.html පිටුව නිර්මාණය
Success.html පිටුව නිර්මාණය කිරීම
HTML Project 22
පාඩමට ප්රවේශ වන ආකාරය 22 පාඩම
CSS කේත නිර්මාණය කර ගන්නා ආකාරය
රූපයක් හා ඡේදයක් add කර ගන්නා ආකාරය
ලැයිස්තු ඇතුළත් කර ගන්නා ආකාරය
Form එක නිර්මාණය කර ගන්නා ආකාරය
Buttons නිර්මාණය කර ගන්නා ආකාරය
HTML Project 23
පාඩමට ප්රවේශ වන ආකාරය 23 පාඩම
CSS කේත නිර්මාණය කර ගන්නා ආකාරය
මාතෘකාව හා රූපයක් add කර ගන්නා ආකාරය
Wheelbarrow html පිටුව link කර ගන්නා ආකාරය
අනෙකුත් වෙබ් පිටු link කර ගන්නා ආකාරය
HTML Project 24
පාඩමට ප්රවේශ වන ආකාරය 24 පාඩම
CSS කේත නිර්මාණය හා රූපයක් එකතු කර ගන්නා ආකාරය නිර්මාණය
අකුරු වල වෙනස්කම් සඳහා කේත සකස් කර ගන්නා ආකාරය
Unordered list එකට අදාළ කේත නිර්මාණය
අනෙකුත් Unordered lists නිර්මාණය
HTML Project 25
පාඩමට ප්රවේශවන ආකාරය
Banner එක හා paragraph එක සකස් කර ගන්නා ආකාරය
රූපයක් add කරගෙන ඊට පහළින් නම් position කර ගන්නා ආකාරය
Image map කර ගන්නා ආකාරය 2 කොටස
Form එකක් add කර ගන්නා ආකාරය
HTML Project 26
පාඩමට ප්රවේශ වන ආකාරය
Background color එකක් add කර ගන්නා ආකාරය
Header එකක් add කර ගන්නා ආකාරය
CSS කේත නිර්මාණය කර ගන්නා ආකාරය
පළමු ඡේදය add කර ගන්නා ආකාරය
Table එකක් add කර ගන්නා ආකාරය
List එකක් පළමු පේළිය නිර්මාණය
List එකක් අනිකුත් පේළි නිර්මාණය
HTML Project 27
පාඩමට ප්රවේශ වන ආකාරය
CSS කේත නිර්මාණය කර ගන්නා ආකාරය
Images add කර ගන්නා ආකාරය
Audio එකක් add කර ගන්නා ආකාරය
Audio එක play වීම සඳහා funtion එකක් නිර්මාණය කර ගන්නා ආකාරය
HTML Project 28
පාඩමට ප්රවේශ වන ආකාරය
CSS කේත නිර්මාණය
Image array එක නිර්මාණය
Music array එක නිර්මාණය
එකතු කරගත් ගීත නිර්මාණය වන ආකාරය function එක නිර්මාණය
HTML Project 29
පාඩමට ප්රවේශ වන ආකාරය
Logo එක add කර ගන්නා ආකාරය
Flex box යනු මොනවාද
News 1 add කර ගන්නා ආකාරය
News 2 add කර ගන්නා ආකාරය
News 3 & 4 add කර ගන්නා ආකාරය
News 5 add කර ගන්නා ආකාරය
News 6 & 7 add කර ගන්නා ආකාරය
HTML Project 30
පාඩමට ප්රවේශ වන ආකාරය
Google fonts add කර ගන්නා ආකාරය
Background color එක add කර ගන්නා ආකාර
Heading එක නිර්මාණය කර ගන්නා ආකාරය
රූප 3ක් එක පේළියක් ලෙස add කර ගන්නා ආකාරය
දෙවන section එක සඳහා රූප 2ක් add කර ගන්නා ආකාරය
List එකක් add කර ගන්නා ආකාරය
තුන්වන section එක සඳහා image එකක් add කර ගන්නා ආකාරය
Toolkit එක add කර ගන්නා ආකාරය
HTML Project 31
පාඩමට ප්රවේශ වන ආකාරය
Cards add කර ගැනීම සඳහා අවශ්ය CSS කේත සෑදීම
පළමු පේළියේ cards හතර add කර ගන්නා ආකාරය
දෙවන පේළියේ cards හතර add කර ගන්නා ආකාරය
පළමු card එක සඳහා transform එක ලබා දෙන ආකාරය
දෙවන card එක සඳහා transform එක ලබා දෙන ආකාරය
අනෙක් cards සඳහා transform එක ලබා දෙන ආකාරය
HTML Project 32
පාඩමට ප්රවේශ වන ආකාරය
Keys add කර ගැනීම සඳහා අවශ්ය CSS කේත සැකසීම
Keys add කර ගැනීම සඳහා අවශ්ය HTML කේත සැකසීම
Keys මතට mouse එක රැගෙන ගිය විට එහි පාට වෙනස් වන ආකාරය
Piano එකේ ඇති black keys සකසා ගන්නා ආකාරය
HTML Project 33
පාඩමට ප්රවේශ වන ආකාරය
Piano එක play වීමට අවශ්ය functions නිර්මාණය
Piano එකේ keys play වන ආකාරයට නිර්මාණය
HTML Project 34
පාඩමට ප්රවේශ වන ආකාරය
Fonts import කර ගන්නා ආකාරය
Background color එක හා headings නිර්මාණය
Flip card එක සඳහා CSS කේත නිර්මාණය කරමු
Flip card එකක් නිර්මාණය කරමු
Flip card වල පිටුපස කොටස නිර්මාණය
අනෙකුත් flip cards නිර්මාණය
HTML Project 35
පාඩමට ප්රවේශ වන ආකාරය
Background color එක හා title එක නිර්මාණය
Image එකක් add කර ගන්නා ආකාරය
Image එක මත shadow එකක් හා image එකක් නිර්මාණය
Buttons තුනක් නිර්මාණය කර ගන්නා ආකාරය
Buttons group කර ගන්නා ආකාරය
පළමු Buttons දෙක සඳහා animation නිර්මාණය
අවසාන Button එක සඳහා animation නිර්මාණය
HTML Project 36
පාඩමට ප්රවේශ වන ආකාරය
වෙබ් පිටුවට වර්ණ දෙකක් නිර්මාණය කර ගන්නා ආකාරය
Buttons නිර්මාණය කර ගන්නා ආකාරය
වෙබ් අඩවියේ ඇති text ආරම්භයේදී hide කර ගන්නා ආකාරය
වම් බොත්තම සඳහා function නිර්මාණය කර ගන්නා ආකාරය
දකුණු බොත්තම සඳහා function නිර්මාණය කර ගන්නා ආකාරය
HTML Project 37
පාඩමට ප්රවේශ වන ආකාරය
Flex boxes සඳහා අවශ්ය CSS කේත නිර්මාණය
යොදා ගන්නා රූප සඳහා අවශ්ය CSS කේන නිර්මාණය
අවශ්ය අනෙකුත් CSS කේන නිර්මාණය
ළමු ලෝක පුදුමය සඳහා අවශ්ය html කේත නිර්මාණය
අනෙකුත් ලෝක පුදුම සඳහා අවශ්ය html කේත නිර්මාණය
HTML Project 38
පාඩමට ප්රවේශ වන ආකාරය
Style CSS පිටුව link කර ගන්නා ආකාරය
Banner එකක් නිර්මාණය කර ගන්නා ආකාරය
Buttons add කර ගන්නා ආකාරය
Mouse එක රැගෙන යන විට Buttons වල color එක change වන ආකාරය
Buttons පිටුවේ තිරස් අතට නිර්මාණය කර ගන්නා ආකාරය
ඡේදයක් ඇතුළත් කර ගන්නා ආකාරය
Flip card සඳහා CSS කේත නිර්මාණය
Flip card නිර්මාණය කර ගන්නා ආකාරය
HTML Project 39
පාඩමට ප්රවේශ වන ආකාරය
රූපයක් add කර ගන්නා ආකාරය
ලෝක සිතියනමක රූපයක් add කර ගන්නා ආකාරය
Java Scripts කේත නිර්මාණය කර ගන්නා ආකාරය
සිතියමේ ස්ථාන click කළ හැකි ආකාරයට නිර්මාණය
Contact us කොටස නිර්මාණය
HTML Project 40
පාඩමට ප්රවේශ වන ආකාරය
Bootstrap වෙබ් පිටුවට link කර ගන්නා ආකාරය
Bootstrap වෙබ් පිටුවේ container class සඳහා link කර ගන්නා ආකාරය
Bootstrap Grid System හඳුන්වාදීම
Bootstrap Grid System වෙබ් පිටුවට යොදා ගන්නා ආකාරය
HTML Project 41
පාඩමට ප්රවේශ වන ආකාරය
Banner එකක් නිර්මාණය කර ගන්නා ආකාරය
Heading එකක් නිර්මාණය කර ගන්නා ආකාරය
Pushups exercise සඳහා thumbnail නිර්මාණය
Running & cycling exercise සඳහා thumbnail නිර්මාණය
Squats exercise සඳහා thumbnail නිර්මාණය
Mountain Climbing සඳහා thumbnail නිර්මාණය
Burpees exercise සඳහා thumbnail නිර්මාණය
Lunges exercise සඳහා thumbnail නිර්මාණය
HTML Project 42
පාඩමට ප්රවේශ වන ආකාරය
වෙබ් අඩවියේ මූලික තොරතුරු නිර්මාණය
වෙබ් පිටුව සඳහා Toys ඇතුළත් කර ගන්නා ආකාරය
Ckeckout button නිර්මාණය කර ගන්නා ආකාරය
Hide sidebars
Show sidebars
Scroll to top
×
Log in
Log in using your account on:
Continue with Facebook
or
Show
Forgotten your username or password?
Create new account
Close
×
Close
×
Close