School ICT Self Study
Absolutely Free Learning Opportunity! No Need to Spend Money! Study at Your Own Pace! Everything You Need is Right Here
UNLOCK YOUR DIGITAL FUTURE!
Free ICT Learning for Sri Lanka
🚀 Welcome to School ICT

Your Gateway to Digital Excellence

🌍
|
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. සියලු හිමිකම් ඇවිරිණි。
🔴 Lesson List
SIDE BUTTON ON
Sign In Register
×

👋 Welcome Back!

🚀
Ready to Learn?Pick up where you left off.
🔑
Forgot Password?Click the link below to reset.
📢
New FeaturesCheck out the new AI Voice tool.

Sign In

👤
🔒
or continue with
Google Facebook

Already have an account? Register Now

🖥️ View Desktop Version Switch to full website view.