School ICT Self Study
Preferred Language :
|
Text Resize :
GCE A/L ICT - වෙබ් අඩවි සංවර්ධනය (10 වන ඒකකය)

GCE A/L ICT - 10 වන ඒකකය: වෙබ් අඩවි සංවර්ධනය

අන්තර්ක්‍රියාකාරී ඉගෙනුම් පද්ධතිය

🎓 විභාග ඉලක්කගත වැදගත්කම

මෙම ඒකකය **GCE A/L ICT** විෂය නිර්දේශයේ ප්‍රායෝගිකම කොටස වන අතර, **HTML, CSS, PHP** පිළිබඳ ගැඹුරු අවබෝධයක් අවශ්‍ය වේ.

**✅ දළ ලකුණු බර:**
MCQ: 6 - 8 පමණ (බොහෝ විට PHP සහ HTML/CSS මිශ්‍රව).
Paper II (Structured): අනිවාර්ය පළමු ව්‍යුහගත ප්‍රශ්නයේ කොටසක් ලෙස (ආසන්න වශයෙන් 8 - 12 ලකුණු).

10.1: වෙබ් සංවර්ධනයේ මූලික සංකල්ප

World Wide Web (WWW) සහ වෙබ් අඩවි වර්ග

  • **WWW:** අන්තර්ජාලය හරහා ප්‍රවේශ විය හැකි, අධිසම්බන්ධක (Hyperlinks) මගින් සම්බන්ධ කළ, ලොව පුරා විසිරුණු ලේඛන (Web Pages) සමූහයකි.
  • **වෙබ් අඩවි වර්ග (අරමුණ අනුව):** තොරතුරු, ප්‍රවෘත්ති, පුද්ගලික, අධ්‍යාපනික, වාණිජ්‍ය (E-Commerce), සහ වෙබ් ද්වාර (Web Portals).

10.3 - 10.4: HTML (HyperText Markup Language)

ප්‍රධාන HTML ව්‍යුහය සහ අන්තර්ගත ටැග්

  • **මූලික ව්‍යුහය:** `<html>` → `<head>` (Metadata) සහ `<body>` (Visible Content).
  • **ශීර්ෂයන්:** `<h1>` (වැදගත්ම) සිට `<h6>` (අඩු වැදගත්) දක්වා ශීර්ෂයන්.
  • **අධිසම්බන්ධක:** `<a href="url" target="_blank">` වැනි ටැග් භාවිත වේ. `target="_blank"` යනු නව ටැබයකින් විවෘත කිරීමයි.
  • **ලැයිස්තු (Lists):**
    • **අංකිත (Ordered):** `<ol>` සහ `<li>` (අනුපිළිවෙල වැදගත් විට).
    • **අනංකිත (Unordered):** `<ul>` සහ `<li>` (බුලට් සහිතව).
    • **නිර්වචන (Definition):** `<dl>`, `<dt>` (Term), `<dd>` (Description).
  • **වගු (Tables):** `<table>` මඟින් වගුව, `<tr>` (පේළිය), `<td>` (දත්ත) සහ `<th>` (ශීර්ෂ පේළිය) භාවිත වේ.

10.5: CSS (Cascading Style Sheets)

CSS යෙදීමේ ක්‍රම සහ ප්‍රමුඛතාවය

  • **යෙදීමේ ක්‍රම:**
    • **Inline CSS:** `style=""` ගුණාංගය තුළ කෙලින්ම යෙදීම.
    • **Internal CSS:** `<head>` තුළ `<style>` ටැගය මඟින්.
    • **External CSS:** වෙනම `.css` ගොනුවක් `<link>` ටැගය මඟින් සම්බන්ධ කිරීම. (බහු පිටු සඳහා වඩාත් කාර්යක්ෂමයි).
  • **වරකයන් (Selectors):**
    • **Element Selector:** (උදා: `p`, `h1`).
    • **ID Selector:** (උදා: `#main-id`). අනන්‍ය අංගයක් සඳහා.
    • **Class Selector:** (උදා: `.highlight`). බහු අංග සඳහා.
    • **Group Selector:** (උදා: `h1, h2, p`). බහු අංග සඳහා එකම විලාසයක් යෙදීමට.
  • **ප්‍රමුඛතා අනුපිළිවෙල (ඉහළම සිට):** **Inline Style** > **ID** > **Class** > **Element/Tag**.

10.7: PHP (ගතික වෙබ් පිටු)

PHP හි මූලික සංකල්ප සහ දත්ත හුවමාරුව

  • **PHP අරමුණ:** සේවාදායකයේ (Server) ක්‍රියාත්මක වෙමින්, දත්ත සමුදාය හැසිරවීමෙන් පසුව **ගතික HTML** ජනනය කිරීම.
  • **PHP කේත සීමාව:** PHP කේතය සෑම විටම `<?php ... ?>` ටැග් යුගලය අතර තිබිය යුතුය.
  • **Variables:** විචල්‍යයන් සෑම විටම `\$` සලකුණින් ආරම්භ විය යුතුය (උදා: `\$total`).
  • **Superglobals (ගෝලීය අරා):**
    • `\$_POST` / `\$_GET`: HTML පෝරමවලින් දත්ත ලබා ගැනීමට.
    • `\$_SERVER`: සේවාදායක තොරතුරු ලබා ගැනීමට.
  • **දත්ත සමුදාය:** MySQL වැනි DBMS සමඟ සම්බන්ධ වීමට **MySQLi** (Improved MySQL) හෝ **PDO** (PHP Data Objects) භාවිත වේ.

📥 සටහන් PDF බාගත කරන්න

සියලුම සටහන් පහසුවෙන් මුද්‍රණය කර ගැනීම සඳහා PDF ගොනුවක් ලෙස බාගත කර ගත හැකිය。

© 2025 A/L ICT Learning System Creator. සියලු හිමිකම් ඇවිරිණි。
Select Language:
🔴 Lesson List
SIDE BUTTON ON
🖥️ View Desktop Version

schoolict.net

Sign InRegister