GCE O/L ICT - 14 වන ඒකකය: බහුමාධ්‍ය භාවිතයෙන් වෙබ් අඩවි නිර්මාණය
අන්තර්ක්‍රියාකාරී ඉගෙනුම් පද්ධතිය
🎓 විභාග ඉලක්කගත වැදගත්කම
මෙම ඒකකය, **වෙබ් අඩවි වල මූලික සංකල්ප, අන්තර්ගතය සංවිධානය කිරීම, HTML ටැග් භාවිතයෙන් සරල වෙබ් පිටු නිර්මාණය, වෙබ් ප්‍රකාශනය සහ CMS** ආවරණය කරයි. සෑම ප්‍රශ්න පත්‍රයකම MCQ සහ රචනා ප්‍රශ්නවල HTML කේත/ප්‍රතිදාන පිළිබඳ ප්‍රශ්න අනිවාර්යයෙන්ම අඩංගු වේ。
✅ දළ ලකුණු බර:
MCQ: $\text{4 - 6}$ පමණ (HTML ටැග්, URL, වෙබ් සේවා).
Paper II: $\text{6 - 10}$ ලකුණු (HTML කේත ඇඳීම/ලිවීම, ටැග් හඳුනා ගැනීම, වෙබ් සංවර්ධන සංකල්ප)。
14.1 වෙබ් අඩවි අන්තර්ගතය සහ සැලසුම් කිරීම
I. වෙබ් අඩවි සංරචක සහ අන්තර්ගතය (Web Content)
වෙබ් පිටුවක් සෑදීමේදී භාවිත වන බහුමාධ්‍ය අංග (Elements):
- **පාඨ (Texts):** මාතෘකා, ඡේද, ලැයිස්තු, අධි-පාඨ (Hypertext).
- **චිත්‍රක (Graphics):** රූප, ඡායාරූප (JPEG, GIF, PNG), ලාංඡන (Vector/Raster).
- **ශ්‍රව්‍ය/වීඩියෝ (Audio/Video):** MP3, MP4, WebM වැනි මාධ්‍ය ගොනු.
- **සජීවීකරණ (Animations):** සරල GIF හෝ 2D/3D සජීවීකරණ.
II. සැලසුම් කිරීමේදී සැලකිය යුතු සාධක
වෙබ් අඩවියක් සාර්ථක කර ගැනීමට මෙම අංග විශ්ලේෂණය අත්‍යවශ්‍ය වේ:
- **අරමුණ (Purpose) සහ පරිශීලකයා (Audience) විශ්ලේෂණය:** වෙබ් අඩවිය තොරතුරු සපයන්නේද, වෙළඳාම් කරන්නේද, නැතහොත් අධ්‍යාපනය ලබා දෙන්නේද යන්න තීරණය කිරීම.
- **අන්තර්ගතය සංවිධානය කිරීම:** තොරතුරු තාර්කිකව සහ පහසුවෙන් සොයාගත හැකි ලෙස ගොනු කිරීම.
- **පිරිසැලසුම (Layout) සහ ව්‍යුහය (Structure) නිර්මාණය:** වර්ණ, අකුරු, සහ පිටු අතර සබැඳි (Hyperlinks) රටාව තීරණය කිරීම.
- **මාධ්‍ය වත්කම් තෝරා ගැනීම:** ගොනු ප්‍රමාණය සහ ගුණාත්මකභාවය අතර සමබරතාව තබා ගනිමින් සුදුසු මාධ්‍ය තෝරා ගැනීම.
14.2 HTML මූලිකාංග සහ ටැග් භාවිතය
III. HTML ලේඛන ව්‍යුහය සහ අත්‍යවශ්‍ය ටැග්
<!DOCTYPE html> <!-- HTML5 ප්‍රමිතිය -->
<html>
<head>
<title>වෙබ් පිටුවේ මාතෘකාව</title>
</head>
<body>
<!-- දර්ශනය වන සියලු අන්තර්ගතය -->
</body>
</html>
IV. වැදගත් HTML ටැග් සහ ගුණාංග
| ටැගය | විස්තරය/කාර්යය | වැදගත් ගුණාංග |
|---|---|---|
| <h1>...<h6> | මාතෘකා (ප්‍රමුඛතාව අනුව) | `align` (center, right, left) |
| <p> | ඡේදයක් (Paragraph) | `align` (justify, right) |
| <br> / <hr> | නව පේළියක් / තිරස් රේඛාවක් | නොමැත (Empty Tags) |
| <a> | අධි-සබැඳිය (Hyperlink) | `href` (අනිවාර්යය: ගමනාන්ත URL) |
| <img> | රූප ඇතුළු කිරීම | `src`, `alt` (අනිවාර්යය), `width`, `height`, `border` |
| <ul> / <ol> | අංක රහිත (Unordered) / අංකිත (Ordered) ලැයිස්තු | `type` (ul සඳහා: circle, square | ol සඳහා: 1, A, a) |
| <table> | වගු නිර්මාණය: <tr> පේළිය, <td> දත්ත, <th> ශීර්ෂය | `border`, `align`, `cellpadding`, `rowspan`, `colspan` |
**සටහන:** රූපයක් පූරණය වීමට අපොහොසත් වූ විට, `alt` ගුණාංගයේ ඇති පාඨය දර්ශනය වේ.
14.3, 14.4 වෙබ් සංවර්ධන මෙවලම් සහ ප්‍රකාශනය
V. වෙබ් සංවර්ධන මෙවලම් (Web Development Tools)
- **පාඨ සංස්කාරක (Text Editors):** සරලම මෙවලම (උදා: Notepad). HTML කේතය අතින් ලිවීමට.
- **වෙබ් කර්තෘ මෙවලම් (Web Authoring Tools):** කේතය ලිවීමකින් තොරව (WYSIWYG - What You See Is What You Get) වෙබ් පිටු නිර්මාණයට ඉඩ සලසයි (උදා: Adobe Dreamweaver, KompoZer).
- **අන්තර්ගත කළමනාකරණ පද්ධති (CMS):** සම්පූර්ණ වෙබ් අඩවියක් කළමනාකරණය කිරීමට (උදා: WordPress).
VI. වෙබ් ප්‍රකාශනය (Web Publishing)
නිර්මාණය කළ වෙබ් අඩවිය අන්තර්ජාලයට මුදා හැරීම (Publish) සඳහා අවශ්‍ය දෑ:
- **වෙබ් සත්කාරක (Web Host):** වෙබ් අඩවිය ගබඩා කිරීමට සේවාදායකයක් (Server) සපයන ආයතනයක් (ISP හෝ වෙනත්).
- **අන්තර්ජාල සම්බන්ධතාව (Internet Connection):** ගොනු සේවාදායකයට උඩුගත කිරීමට.
- **FTP (File Transfer Protocol):** සේවාදායකයට ගොනු මාරු කිරීමට නියමාවලියක්.
- **වසම් නාමයක් (Domain Name):** වෙබ් අඩවියට පිවිසීමට පහසු ලිපිනය (උදා: `www.school.edu.lk`).
- **වෙබ් අඩවිය නඩත්තු කිරීම (Maintenance):** නිතිපතා අන්තර්ගතය යාවත්කාලීන කිරීම සහ ආරක්ෂාව පවත්වා ගැනීම.
📥 සටහන් PDF බාගත කරන්න
සියලුම සටහන් පහසුවෙන් මුද්‍රණය කර ගැනීම සඳහා PDF ගොනුවක් ලෙස බාගත කර ගත හැකිය。
Copyright © 2026 | schoolict.net | Admin (rmssd2000@yahoo.com)