Course content
- HTML හි මූලික කේත හඳුනා ගනිමු
- Heading tags හඳුනා ගනිමු
- Background color එකක් හා image එකක් add කර ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය 2 පාඩම HTML
- කතාවේ මාතෘකාව heading tag භාවිතා කර නිර්මාණය කරමු
- Paragraph 1 නිර්මාණය කර ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය 3 පාඩම HTML
- පසුබිම් රූපයනිර්මාණය කර ගන්නා ආකාරය
- මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
- පළමු div tag එක නිර්මාණය කර ගන්නා ආකාරය
- දෙවන div tag එක නිර්මාණය කර ගන්නා ආකාරය
- තුන්වන div tag එක නිර්මාණය කර ගන්නා ආකාරය
- හතරවන div tag එක නිර්මාණය කර ගන්නා ආකාරය
- පස්වන div tag එක නිර්මාණය කර ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය 4 පාඩම HTML
- මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
- Paragraph එකක් add කර ගන්නා ආකාරය
- Gallery එක සඳහා පළමු රූපය ඇතුළත් කරන ආකාරය
- Gallery එක සඳහා අනෙක් රූප ඇතුළත් කරන ආකාරය
- DIV tag එකක් යොදා ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය 5 පාඩම HTML
- මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
- Unordered list එකක් නිර්මාණය කර ගන්නා ආකාරය
- දෙවන Unordered list එක නිර්මාණය කර ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය 6 පාඩම HTML
- රූපයක් add කර ගන්නා ආකාරය
- මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
- Ordered list නිර්මාණය කර ගන්නා ආකාරය
- Unordered list නිර්මාණය කර ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය 7 පාඩම HTML
- Background එක නිර්මාණය කර ගන්නා ආකාරය
- Lace Up වචනය සඳහා link එකක් නිර්මාණය කර ගන්නා ආකාරය
- Moccasins වචනය සඳහා link එකක් නිර්මාණය කර ගන්නා ආකාරය
- Loafers වචනය සඳහා link එකක් නිර්මාණය කර ගන්නා ආකාරය
- Jelly වචනය සඳහා link එකක් නිර්මාණය කර ගන්නා ආකාරය
- Sandal වචනය සඳහා link එකක් නිර්මාණය කර ගන්නා ආකාරය
- Slingback Sandal වචනය සඳහා link එකක් නිර්මාණය කර ගන්නා ආකාරය
- Wedge වචනය සඳහා link එකක් නිර්මාණය කර ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය 8 පාඩම HTML
- Background එක නිර්මාණය කර ගන්නා ආකාරය
- මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
- නම ඇතුළත් කිරීමට placeholder එකක් නිර්මාණය කර ගන්නා ආකාරය
- දුරකතන අංකය ඇතුළත් කිරීමට placeholder එකක් නිර්මාණය කර ගන්නා ආකාරය
- අනෙකුත් placeholder එකක් නිර්මාණය කර ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය 9 පාඩම HTML
- Background එක නිර්මාණය කර ගන්නා ආකාරය
- මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
- Name එක input කිරීම සඳහා text input එකක් නිර්මාණය කර ගන්නා ආකාරය
- E mail එක input කිරීම සඳහා text input එකක් නිර්මාණය කර ගන්නා ආකාරය
- Radio buttons නිර්මාණය කර ගන්නා ආකාරය
- Check boxes නිර්මාණය කර ගන්නා ආකාරය
- Check boxes නිර්මාණය කර ගන්නා ආකාරය 2
- Buttons නිර්මාණය කර ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය 10 පාඩම HTML
- Background එක නිර්මාණය කර ගන්නා ආකාරය
- Image එකක් add කර ගන්නා ආකාරය
- Text input එකක් add කර ගන්නා ආකාරය
- Search button එක add කර ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය 11 පාඩම HTML
- Background එක සඳහා CSS කේත නිර්මාණය කර ගන්නා ආකාරය
- Text input හා button නිර්මාණය සඳහා CSS කේත නිර්මාණය
- Image එකක් add කර ගන්නා ආකාරය
- Google search button එක නිර්මාණය කර ගන්නා ආකාරය
- Activity search හා DP Coding School buttons නිර්මාණය කර ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය 12 පාඩම HTML
- මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
- වගුවක මාතෘකා සහිත පළමු පේළිය නිර්මාණය කර ගන්නා ආකාරය
- වගුවක දත්ත ඇතුළත් කරන පේළිය නිර්මාණය කර ගන්නා ආකාරය
- වගුවට දත්ත ඇතුළත් කිරීමට අනෙකුත් පේළි නිර්මාණය කර ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය 13 පාඩම HTML
- Table එක සඳහා CSS කේත නිර්මාණය කර ගන්නා ආකාරය
- Table data හා table heading නිර්මාණය සඳහා CSS කේත නිර්මාණය
- Table row සඳහා CSS කේත නිර්මාණය කරන ආකාරය
- Heading සඳහා CSS කේත නිර්මාණය කරන ආකාරය
- මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
- වගුවේ මාතෘකා නිර්මාණය කර ගන්නා ආකාරය
- Table data add කරන ආකාරය
- අනෙකුත් Table data add කරන ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය 14 පාඩම HTML
- Body හා Table එක සඳහා CSS කේත නිර්මාණය කර ගන්නා ආකාරය
- Table එකට අදාළ අනෙක් CSS කේත නිර්මාණය කර ගන්නා ආකාරය
- Background image එක නිර්මාණය කර ගන්නා ආකාරය
- වගුවට පේළි තුනක් add කර ගන්නා ආකාරය
- වගුවේ හතර හා පහ යන පේළි add කර ගන්නා ආකාරය
- වගුවට රූප add කර ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය 15 පාඩම HTML
- Style.Css කොටස නිර්මාණය කර ගන්නා ආකාරය
- Table එකට අදාළ අනෙක් CSS කේත නිර්මාණය කර ගන්නා ආකාරයවෙබ් පිටුවට පින්තූරයක් add කර ගන්නා ආකාරය
- මාතෘකාව නිර්මාණය කර ගන්නා ආකාරය
- Tabel එකක් නිර්මාණය කරන ආකාරය
- List එකක් add කර ගන්නා ආකාරය
- ඡේදයක් එකතු කර ගන්නා ආකාරය
- Form එකක් නිර්මාණය කර ගන්නා ආකාරය 1 කොටස
- Form එක සඳහා checkbox ඇතුළත් කර ගන්නා ආකාරය
- Form එක සඳහා Button එකක් add කරන ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය 16 පාඩම HTML
- Style.Css කොටස නිර්මාණය කර ගන්නා ආකාරය
- Image එකක් add කර ගන්නා ආකාරය
- ඡේද නිර්මාණය කර ගන්නා ආකාරය
- වගුවේ පළමු පේළිය add කර ගන්නා ආකාරය
- වගුවේ දෙවන පේළිය add කර ගන්නා ආකාරය
- වගුවේ තුන්වන පේළිය add කර ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන අකොරය
- CSS කේත සාදා ගන්නා ආකාරය
- රූපයක් add කර ගන්නා ආකාරය
- Heading සහ paragraph add කර ගන්නා ආකාරය
- වගුවක් සාදා ගන්නා ආකාරය
- Terrestrial animals ලෙස කොටසක් සාදා ගන්නා ආකාරය
- Terrestrial animals image එක add කර ගන්නා ආකාරය
- Aquatic animals ලෙස කොටසක් සාදා ගන්නා ආකාරය
- Amphibians ලෙස කොටසක් සාදා ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය
- CSS code නිර්මාණය කර ගන්නා ආකාරය
- Navigation bar එක නිර්මාණය කර ගන්නා ආකාරය
- Paragraph add කර ගන්නා ආකාරය
- Unordered list එකක් add කර ගන්නා ආකාරය
- පළමු රූපයට image එකක් add කර ගන්නා ආකාරය
- දෙවන හා තුන්වන link සඳහා images add කර ගන්නා ආකාරය
- රූපයට අදාළ නම display කරන ආකාරය
- Form එකක් add කර ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය
- Navigation bar එක නිර්මාණය කර ගන්නා ආකාරය
- Navigation bar එක web page එකට link කර ගන්නා ආකාරය
- Navigation bar එක web page එකට link කර ගන්නා ආකාරය II
- Form එක නිර්මාණය කර ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය 20 පාඩම
- CSS code නිර්මාණය කර ගන්නා ආකාරය
- Banner එකක් නිර්මාණය කර ගන්නා ආකාරය
- Fruits & Vegetable prints කොටස නිර්මාණය
- Paints with bottels කොටස නිර්මාණය
- Paints with tissues කොටස නිර්මාණය
- පාඩමට ප්‍රවේශවන ආකාරය 21 පාඩම
- නව වෙබ් පිටු 3ක් add කර ගන්නා ආකාරය
- CSS කේත නිර්මාණය කර ගන්නා ආකාරය
- Navigation bar එක නිර්මාණය කිරීම
- Table එක නිර්මාණය කරන ආකාරය
- Gallery.html පිටුව නිර්මාණය
- Hyper link එකක් නිර්මාණය
- Contact-us.html පිටුව නිර්මාණය
- Success.html පිටුව නිර්මාණය කිරීම
- පාඩමට ප්‍රවේශ වන ආකාරය 22 පාඩම
- CSS කේත නිර්මාණය කර ගන්නා ආකාරය
- රූපයක් හා ඡේදයක් add කර ගන්නා ආකාරය
- ලැයිස්තු ඇතුළත් කර ගන්නා ආකාරය
- Form එක නිර්මාණය කර ගන්නා ආකාරය
- Buttons නිර්මාණය කර ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය 23 පාඩම
- CSS කේත නිර්මාණය කර ගන්නා ආකාරය
- මාතෘකාව හා රූපයක් add කර ගන්නා ආකාරය
- Wheelbarrow html පිටුව link කර ගන්නා ආකාරය
- අනෙකුත් වෙබ් පිටු link කර ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය 24 පාඩම
- CSS කේත නිර්මාණය හා රූපයක් එකතු කර ගන්නා ආකාරය නිර්මාණය
- අකුරු වල වෙනස්කම් සඳහා කේත සකස් කර ගන්නා ආකාරය
- Unordered list එකට අදාළ කේත නිර්මාණය
- අනෙකුත් Unordered lists නිර්මාණය
- පාඩමට ප්‍රවේශවන ආකාරය
- Banner එක හා paragraph එක සකස් කර ගන්නා ආකාරය
- රූපයක් add කරගෙන ඊට පහළින් නම් position කර ගන්නා ආකාරය
- Image map කර ගන්නා ආකාරය 2 කොටස
- Form එකක් add කර ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය
- Background color එකක් add කර ගන්නා ආකාරය
- Header එකක් add කර ගන්නා ආකාරය
- CSS කේත නිර්මාණය කර ගන්නා ආකාරය
- පළමු ඡේදය add කර ගන්නා ආකාරය
- Table එකක් add කර ගන්නා ආකාරය
- List එකක් පළමු පේළිය නිර්මාණය
- List එකක් අනිකුත් පේළි නිර්මාණය
- පාඩමට ප්‍රවේශ වන ආකාරය
- CSS කේත නිර්මාණය කර ගන්නා ආකාරය
- Images add කර ගන්නා ආකාරය
- Audio එකක් add කර ගන්නා ආකාරය
- Audio එක play වීම සඳහා funtion එකක් නිර්මාණය කර ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය
- CSS කේත නිර්මාණය
- Image array එක නිර්මාණය
- Music array එක නිර්මාණය
- එකතු කරගත් ගීත නිර්මාණය වන ආකාරය function එක නිර්මාණය
- පාඩමට ප්‍රවේශ වන ආකාරය
- Logo එක add කර ගන්නා ආකාරය
- Flex box යනු මොනවාද
- News 1 add කර ගන්නා ආකාරය
- News 2 add කර ගන්නා ආකාරය
- News 3 & 4 add කර ගන්නා ආකාරය
- News 5 add කර ගන්නා ආකාරය
- News 6 & 7 add කර ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය
- Google fonts add කර ගන්නා ආකාරය
- Background color එක add කර ගන්නා ආකාර
- Heading එක නිර්මාණය කර ගන්නා ආකාරය
- රූප 3ක් එක පේළියක් ලෙස add කර ගන්නා ආකාරය
- දෙවන section එක සඳහා රූප 2ක් add කර ගන්නා ආකාරය
- List එකක් add කර ගන්නා ආකාරය
- තුන්වන section එක සඳහා image එකක් add කර ගන්නා ආකාරය
- Toolkit එක add කර ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය
- Cards add කර ගැනීම සඳහා අවශ්‍ය CSS කේත සෑදීම
- පළමු පේළියේ cards හතර add කර ගන්නා ආකාරය
- දෙවන පේළියේ cards හතර add කර ගන්නා ආකාරය
- පළමු card එක සඳහා transform එක ලබා දෙන ආකාරය
- දෙවන card එක සඳහා transform එක ලබා දෙන ආකාරය
- අනෙක් cards සඳහා transform එක ලබා දෙන ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය
- Keys add කර ගැනීම සඳහා අවශ්‍ය CSS කේත සැකසීම
- Keys add කර ගැනීම සඳහා අවශ්‍ය HTML කේත සැකසීම
- Keys මතට mouse එක රැගෙන ගිය විට එහි පාට වෙනස් වන ආකාරය
- Piano එකේ ඇති black keys සකසා ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය
- Piano එක play වීමට අවශ්‍ය functions නිර්මාණය
- Piano එකේ keys play වන ආකාරයට නිර්මාණය
- පාඩමට ප්‍රවේශ වන ආකාරය
- Fonts import කර ගන්නා ආකාරය
- Background color එක හා headings නිර්මාණය
- Flip card එක සඳහා CSS කේත නිර්මාණය කරමු
- Flip card එකක් නිර්මාණය කරමු
- Flip card වල පිටුපස කොටස නිර්මාණය
- අනෙකුත් flip cards නිර්මාණය
- පාඩමට ප්‍රවේශ වන ආකාරය
- Background color එක හා title එක නිර්මාණය
- Image එකක් add කර ගන්නා ආකාරය
- Image එක මත shadow එකක් හා image එකක් නිර්මාණය
- Buttons තුනක් නිර්මාණය කර ගන්නා ආකාරය
- Buttons group කර ගන්නා ආකාරය
- පළමු Buttons දෙක සඳහා animation නිර්මාණය
- අවසාන Button එක සඳහා animation නිර්මාණය
- පාඩමට ප්‍රවේශ වන ආකාරය
- වෙබ් පිටුවට වර්ණ දෙකක් නිර්මාණය කර ගන්නා ආකාරය
- Buttons නිර්මාණය කර ගන්නා ආකාරය
- වෙබ් අඩවියේ ඇති text ආරම්භයේදී hide කර ගන්නා ආකාරය
- වම් බොත්තම සඳහා function නිර්මාණය කර ගන්නා ආකාරය
- දකුණු බොත්තම සඳහා function නිර්මාණය කර ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය
- Flex boxes සඳහා අවශ්‍ය CSS කේත නිර්මාණය
- යොදා ගන්නා රූප සඳහා අවශ්‍ය CSS කේන නිර්මාණය
- අවශ්‍ය අනෙකුත් CSS කේන නිර්මාණය
- ළමු ලෝක පුදුමය සඳහා අවශ්‍ය html කේත නිර්මාණය
- අනෙකුත් ලෝක පුදුම සඳහා අවශ්‍ය html කේත නිර්මාණය
- පාඩමට ප්‍රවේශ වන ආකාරය
- Style CSS පිටුව link කර ගන්නා ආකාරය
- Banner එකක් නිර්මාණය කර ගන්නා ආකාරය
- Buttons add කර ගන්නා ආකාරය
- Mouse එක රැගෙන යන විට Buttons වල color එක change වන ආකාරය
- Buttons පිටුවේ තිරස් අතට නිර්මාණය කර ගන්නා ආකාරය
- ඡේදයක් ඇතුළත් කර ගන්නා ආකාරය
- Flip card සඳහා CSS කේත නිර්මාණය
- Flip card නිර්මාණය කර ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය
- රූපයක් add කර ගන්නා ආකාරය
- ලෝක සිතියනමක රූපයක් add කර ගන්නා ආකාරය
- Java Scripts කේත නිර්මාණය කර ගන්නා ආකාරය
- සිතියමේ ස්ථාන click කළ හැකි ආකාරයට නිර්මාණය
- Contact us කොටස නිර්මාණය
- පාඩමට ප්‍රවේශ වන ආකාරය
- Bootstrap වෙබ් පිටුවට link කර ගන්නා ආකාරය
- Bootstrap වෙබ් පිටුවේ container class සඳහා link කර ගන්නා ආකාරය
- Bootstrap Grid System හඳුන්වාදීම
- Bootstrap Grid System වෙබ් පිටුවට යොදා ගන්නා ආකාරය
- පාඩමට ප්‍රවේශ වන ආකාරය
- Banner එකක් නිර්මාණය කර ගන්නා ආකාරය
- Heading එකක් නිර්මාණය කර ගන්නා ආකාරය
- Pushups exercise සඳහා thumbnail නිර්මාණය
- Running & cycling exercise සඳහා thumbnail නිර්මාණය
- Squats exercise සඳහා thumbnail නිර්මාණය
- Mountain Climbing සඳහා thumbnail නිර්මාණය
- Burpees exercise සඳහා thumbnail නිර්මාණය
- Lunges exercise සඳහා thumbnail නිර්මාණය
- පාඩමට ප්‍රවේශ වන ආකාරය
- වෙබ් අඩවියේ මූලික තොරතුරු නිර්මාණය
- වෙබ් පිටුව සඳහා Toys ඇතුළත් කර ගන්නා ආකාරය
- Ckeckout button නිර්මාණය කර ගන්නා ආකාරය
- Certificate
