nyq udoh ;dlaikh fhdod.ksñka ir, fjí wvú ks¾udkh


1 5 nyq udoh ;dlaikh fhdod.ksñka ir, fjí wvú ks¾udkh fuu mdvu yeoeífuka Tng" ² fjí wvúhl wj...

0 downloads 1 Views 4MB Size

Recommend Documents


fj
1 Jaarverslag projecten 2015 Stichting Mara MB/fj2 Inhoudsopgave Inleiding...3 Projecten in Den Haag 1....OPstap; activeringsproject voor zwerfjongere...

wv
1 Gemeente Amsterdam Bezoekadres Strawinskylaan 59 ao77xw Amsterdam Postbus NC Amsterdam Telefoon Retouradres: Postbus 79092,1070 NC Amsterdam Verenig...

WV
1 DRL IDUSTRIAL Kies in de horizontale balk standaard uitvoeringen- de gewenste uitvoering: Floor-mounted (F), Wall-mounted (W) of Selfstanding (S). K...

WV RETAIL
1 Lichtoplossingen voor: winkel showroom horeca kantoor hotel cultureel WV RETAIL2 retail. Uitgave: Wolfs Verlichting BV Euregiopark JE Kerkrade t: (0...

DEC Prijs FJ 2,00
1 JAARGANG 8 NOV/DEC 1988 Prijs FJ 2,002 REDACTIONEEL 'Allicht' is een uitgave van de stichting Allicht. Deze zet zich in voor een democratisch, mens-...

Gemeente fj Bergen Ojp
1 -& Gemeente fj Bergen Ojp Datum raadsvergadering Nummer Onderwerp : 27 mei 2003 : GRIF/03/14 : Plan van aanpak inzake integriteit/ gedragscode A...

WV RETAIL
1 Lichtoplossingen voor: winkel showroom horeca kantoor hotel cultureel WV RETAIL2 retail. Uitgave: Wolfs Verlichting BV Euregiopark JE Kerkrade t: (0...

00 (WV)
1 LZ-702IR WIDE SCREEN MONITOR 3 page 2-12 INSTRUCTION MANUAL MONITEUR ECRAN LARGE 3 page MODE D EMPLOI BREITBILD MONITOR 3 Seite BEDIENUNGSANLEITUNG ...

FJ RA-001
1 Lid NLingenieurs ISO-9001 gecertificeerd Rapport Concept Masterplan Rijnstate Arnhem; Akoestische onderzoek inzake de geluidbelasting in de omgeving...

WV FLEVO WV ZEEWOLDE. Wedstrijdbepalingen Woensdag Avond Competitie 2014
1 Wedstrijdbepalingen Woensdag Avond Competitie Regels Voor deze wedstrijdserie zijn van toepassing de regels voor het wedstrijdzeilen en de aanvullin...



nyq udOH ;dlaIKh fhdod .ksñka ir, fjí wvú ks¾udKh

5

fuu mdvu yeoEÍfuka Tng" ² ² ² ² ²

fjí fjí fjí fjí fjí

wvúhl wvúhla wvúhla wvúhla wvúhla

wjYH;dj iy wka;¾.;h ie,iqï lsÍu ks¾udKh lsÍfï l%u m%ldYhg m;a lsÍu kv;a;= lsÍu

hk lreKq ms
5'1 fjí wvú ks¾udKh i|yd f;dr;=re jHqy.; lsÍu fjí wvúhla ks¾udKfha § wjOdkh fhduq l< hq;= wxY fndfyduhla we;' oeka" Tn we;=¿ YsIH lKavdhug fjí wvúhla ks¾udKh lsÍug mejÍ we;ehs is;kak' Tn úiska fjí wvúh idokq ,nkafka" l=ula i|yd o" ld i|yd o" flfia o" kv;a;= lrkafka flfia o hk lreKq ms
5'1'1 fjí wvúhl Ndú;h (Application of web site) fjí wvúhla ks¾udKh lsÍfï wjYH;d my; mßÈ y÷kd .; yels h'

i)

f;dr;=re ikaksfõokh (Information Communication) wka;¾cd, mßYS,l fj; wOHdmksl" fi!LH wdÈ jYfhka úúO f;dr;=re ikaksfõokh fjkqfjka ilia l< fjí wvú we;' ksoiqk -

ii)

www.nie.lk, www.surgery.lk, www.webopedia.org

PB

fjf<|du (e Commerce) wka;¾cd,fhka NdKav yd fiajd wf,ú lrk fjí wvú fuhg wh;a fõ'

ksoiqk - www.farlin.lk, www.lego.lk, www.amazon.com

fkdñf,a fnod yeÍu msKsihs

135

iii)

úfkdaodiajdoh (Entertainment) .S;" Ñ;%mg" fg,skdgH wdÈh wdiajdokh lsÍu fyda nd.; lr.ekSu" úfkdao l%Svdj, fh§u" .=jka úÿ,shg ijka§u fyda rEmjdysksh keröu wdÈ jYfhka úfkdaodiajdoh ,nd .; yels fjí wvú we;' ksoiqk - ZZZLVODQGFULFNHWONZZZQHWÀL[FRPZZZ\RXWXEHFRP

iv)

m%pdrKh (Advertising) úúO wdh;k ksIamdokh lrk NdKav yd fiajd ms
www.onclickads.net, www.adcash.com, www.myadvertisingpays.com

v)

m%jD;a;s fnodyeÍu (News) fuu fjí wvú b;d blaukska nyqudOH wdldrhg m%jD;a;s ,nd fok neúka ck;dj w;r fndfyda m%p,s; h' ksoiqk -

www.itnnews.lk, www.rupavahini.lk, www.bbc.co.uk

vi)

iudc iïnkaO;d f.dvke.Su (Building up social media) wOHdmk uÜgu" /lshdj" reÑl;ajh fyda fjk;a fya;= u; úúO iudc lKavdhï w;r iïnkaO;d f.dvke.Su iy tajd mj;ajdf.k hdug myiqlï ie,eiaùu fuu fjí wvú u.ska isÿ flf¾' ksoiqk - www.facebook.com, www.linkedin.com, www.twitter.com,

www.pinterest.com

vii)

fijqï wjYH;d (Search engine) jpkhla fyda jdlH LKavhla h;=rla f,i Ndú; lr" f,dal jHdma; cd,h ;=
ksoiqk -

www.google.com, www.msn.com, www.bing.com

viii) fm!oa.,sl wjYH;d (Personal)

fndfyda úg f,aLlhka" foaYmd,lhka jeks m%isoaO mqoa.,hka fyda mqoa., lKavdhï Tjqkaf.a f;dr;=re wka wh fj; ikaksfõokh lsÍug Ndú; lrk fjí wvú fuhg wh;a h' ksoiqk - www.president.gov.lk, www.arthurcclarke.net, www.nelsonmandela.org

5'1'2 .%dyl lKavdhï úYaf,aIKh fjí wvúhlg m%fõY ù th mßYS,kh lrk mqoa.,fhda tu fjí wvúfha .%dylhka ^Users& f,i ye¢kafj;s'

136

fkdñf,a fnod yeÍu msKsihs

WodyrK f,i f,dalh mqrd úisÍ isák www.google.com fjí wvúh Ndú; lrk mqoa.,fhda .+.,a fjí wvúfha .%dylfhda fj;s' fjí wvúhla ks¾udKfha § .%dyl úúO;ajh my; whqßka y÷kd .; yel' 1' 2' 3' 4' 5'

NdIdj yd ixialD;sh jhia uÜgu wOHdmksl uÜgu ia;%S mqreI nj reÑl;ajh

.%dyl lKavdhï úYaf,aIKh hkq b,lal.; .%dyl lKavdhu ms
PB isxy, NdIdfjka msúiSug rEmh 5'1 -

fou< NdIdfjka msúiSug

bx.%Sis NdIdfjka msúiSug

www.srilanka.lk fjí wvúfha uq,a msgqj o¾Ykh jk wdldrh fkdñf,a fnod yeÍu msKsihs

137

wl=rej, m%udKh fjkia lsÍug fijqï fldgqj NdIdj fjkia lsÍug ckm%sh iudc fjí wvú i|yd wêikaOdk

ùäfhda rEm mdG fjí msgq w;r ixp,k ;Srej rEmh 5'2 -

ysñlu iy hdj;ald,Sk j¾Ih

www.trc.gov.lk fjí wvúfha uq,a msgqj

5'1'3 fjí wvúhl wka;¾.;h

(Web content)

fjí wvúhla ;=< we;s Y%jH oDYH f;dr;=re iy fiajd ish,a, tys wka;¾.;h f,i ye¢kafõ' fjí wvúh ks¾udKhg ;=vq ÿka wjYH;dj$wjYH;d iy .%dyl lKavdhï úYaf,aIKfha § y÷kd .;a .%dyl wjYH;d ie,ls,a,g .ksñka kj fjí wvúfha wka;¾.;h f;dard .; hq;= fõ' ta ;=< .%dylhdg ikaksfõokh l< hq;= ish¨ f;dr;=re fuka u fjí wvúh mßYS,kh myiq lsÍu i|yd .%dylhd fj; iemhsh hq;= fiajd o wvx.= l< hq;= h' úúO fjí wvú mßYS,kfha § tajdfha wka;¾.;h ;=< úúO j¾.fha f;dr;=re iy fiajd yuqjk w;r bka iuyrla my; olajd we;' ²

úúO mdG ^WH[W& ( flá úia;r f,i olajd we;s f;dr;=re

²

rEm ( leurdjlska ,nd.;a PdhdrEm" miqre is;a;ï ^Clip Arts&" iqmÍlaIlhla wdOdrfhka mß.Klhg we;=¿ lr.;a w;ska w¢k ,o rEm jeks oE

²

Yío ( .S;" y~ mg ^Voice clip&

²

138

ùäfhda ( ùäfhda mg ^Video clip& fkdñf,a fnod yeÍu msKsihs

²

iÔùlrK ^Animations&

²

m%ldYk ysñlu ^Copyright& yd hdj;ald,Sk nj ms
²

fjk;a f,aLk" rEm" Y%jH oDYH f.dkq" iudc fjí wvú wdÈh i|yd jQ

²

wêikaOdk oekaùï

²

fijqï myiqlï

²

fjí wvúh mßYS,khg wod< we;eï uDÿldx." wl=re j¾. nd.; lr .ekSfï myiqlï

fjí wvúhl wka;¾.;h y÷kd .ekSug ksoiqkla f,i rEmh 5'2ys olajd we;s úÿ,s ixfoaY kshduk fldñiug wh;a fjí wvúh ^www.trc.gov.lk& mÍlaId lr n,kak'

5'1'4 ikaOdrh ixúOdkh ^Content Management& fjí wvúhla i|yd f;dard.;a wka;¾.;h" l%uj;a ms
mßYS,kh lsÍug myiqhs'

²

b;d blaukska .%dylhdg wjYH f;dr;=re fidhd .; yel'

²

.%dylhka wdl¾IKh lr.kS'

²

hdj;ald,Sk lsÍu myiqhs'

²

miqld,Sk j kj wx. tl;= lsÍfï bv m%ia;d iys;hs'

fjí wvúfha wka;¾.;h f,i f;dard.;a f;dr;=rej, m%udKh l=vd kï ikaOdrh ixúOdkh myiq ld¾hhls' kuq;a úúO j¾.j, Y%jH oDYH f;dr;=re úYd, m%udKhla wvx.= fõ kï tjeks fjí wvúj, ikaOdrh ixúOdkh i|yd úúO l%u wkq.ukh lsÍug isÿ fõ' ksoiqka f,i bka iuyrla my; olajd we;' 1' rEmuh ieliqulg wkqj j¾.SlrKh fjí wvúfha wka;¾.;h iqÿiq j¾.SlrKhlg wkqj j¾. lr rEmuh ieliqula ^Site Map& f.dv k.d .ekSfuka fjí wvúh fjkqfjka ilia l< hq;= fjí msgq iy tajd w;r we;s l< hq;= wka;¾-iïnkaO;d ms
139

PB

uq,a msgqj

j¾;udk f;dr;=re

l
b;sydih

l%Svd

md'i lñgqj

wdÈ YsIH

ix.ï

idys;H fjd,sfnda,a

l%slÜ

fn!oaO

iïnkaO lr.ekSu

isxy,

t,af,a

rEmh 5'3 - mdi,l fjí wvúhg wod< rEmuh ieliqu

(Site Map)

2' uq,a msgqfjka (Home Page) fjí wvúfha iuia; wka;¾.;h fláfhka ksrEmKh lsÍu fuys § uq,a msgqfõ bv md,kh lr .ekSu i|yd" ² ²

fukq iy wkqfukq ^rEmh 5'4& Ndú; flf¾' wê ikaOdk ^rEmh 5'5&

m%Odk fukq wkqfukq rEmh 5'4 - fukq iy wkq fukq

3' f;dr;=re fláfhka bÈßm;a lsÍu fjí msgqjl fndfyda f;dr;=re m%udKhla we;s úg tys jQ we;eï f;dr;=re fj; .%dyl wjOdkh fhduq fkd ùug bv we;' tneúka tla msgqjlg we;=<;a lrk f;dr;=re m%udKh iSud l< hq;= h' 4' wxls; ,ehsia;= (Numbered List)" wxls; fkdjk ,ehsia;= wkqfþok (Indentation) Ndú;h

(Bulleted List) fyda

fjí msgqjla ;=< È.= fþo f,i we;s f;dr;=re lshùfuka .%dylhd fjfyig m;a ùu j
140

fkdñf,a fnod yeÍu msKsihs

Home msgqj click l< úg

Home

About Us click

uq,a msgqj

Gem & jewellery click l< úg

wêikaOdkh

Gem & jewellery f,i kï l< msgqj

l< úg

Home msgqj click l< úg

rEmh 5'5 - www.laksala.gov.lk fjí wvúh ;=< wêikaOdk u.ska fjí msgq w;r we;s lrk ixp,k myiqlï

About us f,i kï l< msgqj fkdñf,a fnod yeÍu msKsihs

141

PB

6' hdj;ald,Sk nj m%ldYk ysñlu yd hdj;ald,Sk ld, jljdkq ms
5'1'5 fjí msgqj, jHqyh yd msßie,iqu ^Structure and layout& ñka woyia jkqfha fjí msgq i|yd fhdok miq;," j.=" rduq" j¾K" wl=re j¾." wl=re m%udK" wl=re yev hkdÈhhs' fuys § ie,lsh hq;= lreKq rdYshla y÷kd.; yel' bka lsysmhla kï" 1' ieu msgqjl u fjí wvúfha wkkH;dj mj;ajd .ekSu fuys § tl u fjí wvúhlg wh;a fjí msgq iuQyfha u jHqyh iy msßie,iqu taldldrj mj;ajd .ekSu woyia flf¾' 2' jeo.;a lreKq Woa§mkh fï i|yd tlS f;dr;=rg wod< j wl=re j¾.h" wl=re m%udKh" j¾Kh fjkia j oelaùu jeks l%u Ndú; l< yels h' 3' ´kE u $ úúO j¾.fha mß.Klj,ska fjí wvúh mßYS,kh l< yels ùu úúO j¾.fha fm!oa.,sl mß.Kl" cx.u ÿrl:k wdÈ úúO Wmdx. fjí wvú mßYS,kh i|yd Ndú; flf¾' fuys § fjkia m%udKj, ;sr fhdod .efkk w;r tAjdfha ;sr úfNaok fjkia neúka we;eï fjí msgq tla tla ;srj, § fjkia wdldrhg o¾Ykh ùu je
remh 5'6 - úúO m%udK ;sr

l%shdldrlu Tfí .=rejrhd iu. tla j my; fjí ,smskj,ska olajd we;s fjí wvú msßlaid n,d tajdfha ks¾udKh ;=< mj;sk m%n,;d yd ÿn,;d ms
142

www.srilanka.lk

www.schoolnet.lk

www.doenets.lk

www.bbc.co.uk/education

fkdñf,a fnod yeÍu msKsihs

5'1'6 udOH iïm;a f;dard .ekSu fjí wvúhlg we;=<;a lsÍu i|yd úúO mdG" rEm" Yío" ùäfhda" iÔùlrK wd§ ´kE u j¾.hl udOHhl iïm;a f;dard.ekSfï § my; lreKq ms
²

.%dmslhla i|yd" ƕ

.%dmsl uDÿldx.j, crop/trim Ndú;fhka wkjYH fldgia bj;a lr mslai, m%udKh wvq lsÍu

ƕ

.%dmsl ixfldapk ^graphic compression&

ùäfhda f.dkqjla i|yd" ƕ ƕ

²

rduqjl m%udKh ^frame size& wvq lsÍu

;sr úfNaokh ^resolution& wvq lsÍu

ƕ

rduq fõ.h wvq lsÍu ^frame rate&

ƕ

wkjYH rduq iy wkjYH Yío bj;a lsÍu

Y%jH f.dkqjl" ƕ ƕ

ìgq fõ.h ^bit rate& wvq lsÍu

idïm, fõ.h ^sample

rate& wvq lsÍu

ƕ

kd,sld ^channel& ixLHdj wvq lsÍu

ƕ

wkjYH Yío bj;a lsÍu

2' ysñlï kS;shg wkql+, j udOH iïm;a we;=<;a lsÍu fjk;a whl= úiska ks¾udKh lrk ,o udOH iïm;a fhdod .kafka kï ksis wjir ,nd .; hq;= h' tfia fkdjqK fyd;a th iodpdr úfrdaë l%shdjla jk w;r kS;suh .eg¨j,g uqyqK mEug o isÿ úh yel' tfy;a idOdrK Ndú; m%;sm;a;shg wkqj m%jD;a;s jd¾;dlrKh" úoaj;a l%shd" újrK wdÈh i|yd fujeks udOH iïm;a wjirhlska f;dr j Ndú; lsÍfï yelshdj we;' fkdñf,a fnod yeÍu msKsihs

143

PB

l%shdldrlu Tfí mdif,a fjí wvúhla ks¾udKh i|yd by; 5'1'1 isg 5'1'6 olajd jQ wkqud;Dld yhg wod< j úia;r lrk ie,iqula f.dvk.kak'

5'1'7 uQ,sl

HTML Ndú; lsÍu

kue;s flá fhÿfuka y÷kajk +\SHU7H[W0DUNXS/DQJXDJH hkq f,dal jHdma; cd,h i|yd f,aLk ieliSug Ndú; flfrk uQ,sl NdIdjhs' fjí w;ßlaiqjla wdOdrfhka ixo¾Ykh l< yels wdldrfha HTML f,aLkhla" fjí msgqjla f,i ye¢kaúh yel' Tn fuhg fmr W.;a Pascal jeks mß.Klh i|yd jev igyka ,shk NdId fuka fkdj HTML NdIdfõ fla; u.sska fjí msgqjg fhdod we;s wka;¾.;h" mß.Kl ;srh u; ixo¾Ykh l< hq;= wdldrh ms
l%shdldrlï wxl 01 mshjr 1 - wxl 5'7 rEmfha olajd we;s mßÈ" 6WDUWĺ$OO3URJUDPPHĺ  $FFHVVRULHVĺ1RWHSDG hk ud¾.h Tiafia Notepad msgqjla újD; lrkak' Notepad hkq úkafvdaia fufyhqï moaO;sh;a iu. ,efnk ir, joka ilik jev igykls' mshjr 2

msgqj u; rEmh 5'8ys oelafjk mßÈ j.ka;s ,shkak'

- Notepad

rEmh 5'7 -

rEmh 5'8 144

Notepad

fkdñf,a fnod yeÍu msKsihs

Notepad

msgqjla újD; lsÍu

msgqjl ,shk ,o HTML j.ka;s lsysmhla

mshjr 3 -

rEmh 5'9 mßÈ tu Notepad msgqfõ f.dkq kduh P\¿UVWKWPO f,i;a f.dkq j¾.h All Files f,i;a olajd iqÿiq f*da,avrhl ;ekam;a lrkak'

rEmh 5'9 -

mshjr 4 -

Notepad msgqj ;ekam;a lsÍfï § Èiajk ixjdo fldgqj

P\¿UVWKWPO f.dkqj újD; lr n,kak' rEmh 5'10 mßÈ Tfí m
rEmh 5'10 - újD; lrk ,o

HTML f.dkqj

mshjr 5 -

by; 2 jk mshjf¾ § Notepad msgqj u; ,shk ,o "This is the title'' iy 0\¿UVWZHESDJHhk j.ka;s fjkqjg fjk;a j.ka;s wdfoaY lrñka ;j;a fjí msgq ks¾udKh lr mÍlaId lr n,kak'

mshjr 6 -

by; mßÈ j.ka;s ,sùug" Notepad jeks joka ilik jev igyka fjkqjg HTML ixialdrl ^HTML editors& f,i y÷kajk uDÿldx. Ndú; l< yel' WodyrK f,i tjeks uDÿldx. lsysmhla tajd nd.; lr .; yels fjí ,smsk iu. my; olajd we;'

1. CoffeeCup (www.coffeecup.com/html-editor) 2. Seamonkey Composer (www.seamonkey-project.org) 3. Eclipse (https://marketplace.eclipse.org/content/html-editor-wtp) bka tla uDÿldx.hla Tfí mß.Klhg ia:dmkh lr .kak' mshjr 7 -

Tfí mß.Klfha jQ fjí ks¾udK fuj,u újD; lrkak' File ĺ1HZ+70/GRFXPHQW f,i úOdkh ,nd ÿka miq CoffeeCup kï jQ HTML ixialdrlh újD; jk whqre wxl 5'11 rEmfhka olajd we;' fkdñf,a fnod yeÍu msKsihs

145

PB

rEmh 5'11 -

CoffeeCup, HTML ixialdrlh újD; ùfï § Èiajk whqre

by; 2 jk mshjf¾ § Tn úiska Notepad msgqj u; ,shk ,o jokaj,ska iEfyk m%udKhla fuys bfí u ,sheù ;sfnkq oelsh yel' th Tfí ld¾hh myiq lrhs' oeka Tfí fjí msgqjg we;=<;a l< hq;= foa muKla iqÿiq ia:dk n,d we;=<;a l< yelshs' uq,a fjí msgqfõ § Tn we;=<;a l< "This is the title" iy 0\¿UVWZHE page" hk j.ka;s we;=<;a lr we;s wdldrh 5'12 jk rEmfha olajd we;'  )LOH ĺ 6DYH$V úOdkh Tiafia coffeecup1.html f,i Tfí f*da,avrfha ;ekam;a lrkak'

Preview tool

“This is the Title” ³0\¿UVWZHESDJH´ rEmh 5'12 -

146

CoffeeCup, HTML ixialdrlfha § j.ka;s we;=<;a lrk whqre

fkdñf,a fnod yeÍu msKsihs

mshjr 8 -

oeka by; preview tool Ndú; lr fjí msgqfõ iajrEmh n,kak' fjk;a j.ka;s wdfoaY lrñka ;j;a fjí msgq ks¾udKh lr mÍlaId lr n,kak'

ksÍlaIKh

Notepad iy fjk;a fuj,ï Ndú; lrñka Tn úiska fuf;la ,shk ,oafoa HTML NdIdfõ j.ka;s fyj;a HTML fla; we;=<;a HTML f,aLk fõ' Tn úiska , , wdÈ f,i flda‚l jryka ;=< ,shk ,oafoa tu NdIdfõ uQ,sl wx.hla jk HTML Wiq,k (HTML tags) j¾. fõ' fuu<br /> <br /> Wiq,k u.ska fjí msgqjl wka;¾.;h" mßYS,lhdg ixo¾Ykh l< hq;= wdldrh fjí w;ßlaiqjg fmkajd foa' tkï Tn f;dard.;a jHqyh yd msßie,iqu fjí msgqjg we;=<;a lrkafka HTML Wiq,k u.sks'<br /> <br /> 5'1'8 HTML f,aLkhl uQ,sl jHqyh my; 5'13 jk rEmfha olajd we;s HTML f,aLkhl uQ,sl jHqyh ;=< w;HjYH Wiq,k lsysmhla fmkajd we;' fndfyda úg Wiq,khl wdrïNl wjia:djla ^opening tag& iy wjidk wjia:djla ^closing tag& we;' tfy;a wdrïNl wjia:djla muKla we;s Wiq,k lsysmhla o Tng bÈßfha § yuqjkq we;' wdrïNl html Wiq,kh<br /> <br /> <html><br /> <br /> wdrïNl head Wiq,kh<br /> <br /> </head><br /> <br /> wjika lsÍfï head Wiq,kh<br /> <br /> <body><br /> <br /> wdrïNl body Wiq,kh<br /> <br /> </body><br /> <br /> wjika lsÍfï body Wiq,kh wjika lsÍfï Wiq,kh<br /> <br /> <head><br /> <br /> } }<br /> <br /> head fldgi<br /> <br /> body fldgi<br /> <br /> PB<br /> <br /> </html><br /> <br /> html<br /> <br /> rEmh 5'13 - HTML f,aLkhl uQ,sl jHqyh fkdñf,a fnod yeÍu msKsihs<br /> <br /> 147<br /> <br /> HTML f,aLkhla head iy body f,i m%Odk fldgia follska iukaú; fõ' f,aLkfha wdrïNh" wdrïNl <html> Wiq,kh u.ska o f,aLkfha wjidkh" wjika lsÍfï </html> Wiq,kh u.ska o olajk nj rEmfhka meyeÈ,s fõ' fjí msgqj ;=<g we;=<;a úh hq;= iEu fohla u body fldgi ;=< igyka l< hq;= fõ' Tfí m<uq fjí msgqfõ 0\¿UVWZHESDJHhkak igyka l< wdldrh kej; n,kak' Head fldgi ;=< igyka fhdok úfYaI wjia:d we;' WodyrK f,i Tfí m<uq fjí msgqfõ <title> Wiq,k hq.,h ;=< "This is the title" hkak igyka l< wdldrh kej; n,kak' th Tfí fjí msgqfõ by<ska u msysá Title pane ;=< Èia fõ' 5'1'9 HTML ys ,laIK<br /> <br /> i) HTML Wiq,k u.ska fjí msgqj ixo¾Ykh l< hq;= wdldrh fjí w;ßlaiqjg fmkajd fohs' HTML f,aLkhl jQ fujeks úOdk HTML fla; f,i ye¢kafõ' ii) HTML Wiq,khl uq,g yd w.g flda‚l jryka ;sìh hq;=hs' Wod ( fþohl wdrïNh i,l=Kq lsÍug <p> iii) idudkHfhka HTML Wiq,k hq., jYfhka olajkq ,nhss' wjidk lsÍfï Wiq,kh i|yd —$˜ ^back slash& iu. Wiq,kfha ku oelaúh hq;=hs' Wod ( fþohl wdrïNh i,l=Kq lsÍug <p> yd tys wjidkh i,l=Kq lsÍug </p> iv)<br /> <br /> idudkHfhka fuu Wiq,k case sensitive fkd fõ' tkï bx.%Sis NdIdfõ jQ capital wl=re fyda simple wl=re fhdod .ekSfuka tys w¾:hg lsisÿ fjkila isÿ<br /> <br /> fkd fõ' Wod (<br /> <br /> v)<br /> <br /> <TITLE>, <Title> fyda <title> f,i fh§fuka fjkila fkd fõ'<br /> <br /> Wiq,kh jerÈ wdldrhg olajd we;skï ta i|yd fodaI m%ldY ^error messages& ksl=;a lsÍula isÿ fkdjk w;r fjí w;ßlaiqj úiska wod< úOdkh fkdi,ld yeÍu muKla isÿfõ'<br /> <br /> vi) HTML<br /> <br /> Wiq,khl uQ,sldx.h ^element&" .=Kdx.h ^attribute& yd w.h ^value& f,i fldgia ;=kla we;' Wod( —uu mdi,a isiqfjlañ˜ hk idudkH mdGh ^SODLQ WH[W&" pota wl=re j¾.fhka yd ks,amdáka o¾Ykh ùug wjYH fla;h fufia h'<br /> <br /> 148<br /> <br /> fkdñf,a fnod yeÍu msKsihs<br /> <br /> iskoola HTML<br /> <br /> w.hhka<br /> <br /> (values)<br /> <br /> <font face = zziskoolapotaZZ color = zzblueZZ > uQ,sldx.<br /> <br /> (Element)<br /> <br /> .=Kdx.<br /> <br /> uu mdi,a isiqfjlañ</font><br /> <br /> (Atributes)<br /> <br /> HTML i,l=Klg<br /> <br /> wod< .=Kdx. wdrïNl Wiq,kh ;=< muKla olajk w;r Bg wod< w.hhka iEu úg u we;=<;a ùfï fldud ;=< oelafõ'<br /> <br /> 5'1'10 fjí msgqjla ks¾udKh my; 5'14 jk rEmh mßÈ —Y%S ,xldj˜ ms<sn| flá ye¢kaùula lrk fjí msgqjla ilia lruq' ud;Dld mdGh<br /> <br /> rEmhla<br /> <br /> fþohla<br /> <br /> wêikaOdkhla<br /> <br /> fma<s lsysmhla j.=jla rEmh 5'14 - —Y%S ,xldj˜ ms<sn| flá ye¢kaùula lrk fjí msgqj<br /> <br /> fkdñf,a fnod yeÍu msKsihs<br /> <br /> 149<br /> <br /> PB<br /> <br /> ud;Dld mdGh ilia lsÍu Tn leu;s ´kE u HTML ixialdrlhla Ndú;fhka kj fjí msgqjla újD; lr 5'15 jk rEmfha olajd we;s mßÈ HTML fla; we;=<;a lrkak' tu fjí msgqj Tfí mß.Klfha iqÿiq ia:dkhl Tng leu;s kulska ;ekam;a lrkak' Tfí fjí w;ßlaiqj yryd fjí msgqj ixo¾Ykh lr 5'15 jk rEmfha olajd we;s m%;sodkh iu. fuka u 5'14 jk rEmfha ud;Dld mdGh iu. ixikaokh lr n,kak'<br /> <br /> <html><br /> <br /> </html><br /> <br /> <head> <title> Sri Lanka

SRI LANKA



Header

Wiq,kh

Center

Wiq,kh

m% ;s od k h

SRI LANKA

Font

Wiq,kh

rEmh 5'15 - ud;Dld mdGh ieliSug wod< m%;sodkh

HTML fla;h iy wod<

fuys § Tn Ndú; l< kj HTML Wiq,k ms
Header Wiq,kh fjí msgqjl ud;Dld" Wmud;Dld iy fjk;a iuyr mdG tu f,aLkfha jQ wfkl=;a mdGj,ska fjka j Woa§mkh lr oelaùu i|yd wl=rej, m%udKh úYd, lsÍu" wl=rej, >klu jeä lsÍu wdÈ Wml%u header Wiq,k Ndú; lrhs'

isg

olajd wxl ms u.ska m%udKfhka yd >klfuka jvd;a u úYd, f,i wl=re yev .kajhs'

isg

olajd hdfï § wl=rej, m%udKh yd >klu l%udkql+, j wvq fõ' Tfí fjí msgqfõ

Wiq,kh fjkqjg wfkl=;a header Wiq,k wdfoaY lr fjí msgqj ixo¾Ykh jk whqre mÍlaId lr n,d Tng iqÿiq hhs yefÕk m%udKfhka ud;Dldj ilia lr .kak'

150

fkdñf,a fnod yeÍu msKsihs

Font Wiq,kh Tn oekgu;a yodrd we;s mßÈ HTML Wiq,khl" uQ,sldx.h ^element&" .=Kdx.h ^attribute& yd w.h ^value& f,i fldgia ;=kla we;' Font Wiq,kfha § size" face yd color f,i m%Odk .=Kdx. ;=kla we;' Font size .=Kdx. u.ska wl=rej, m%udKh olajhs' ta i|yd 1 isg 7 olajd mrdifha jQ w.hhka mejßh yelshs' fmr ksñ m%udKh (Default size) 3 fõ' tkï Tn úiska font size i|yd w.hhla fkdoelajQ úg fjí w;ßlaiqj úiska iajhxl%Sh j fmkajk m%udKhhs' Font face .=Kdx.h u.ska wl=rej, j¾.h olajhs' ta i|yd w.h jYfhka Tfí mß.Klfha jQ ´kE u wl=re j¾.hla ^Wod( ''Arial", ''verdana"& fhÈh yelshs' Font color .=Kdx.h u.ska wl=rej, j¾Kh olajhs' fï i|yd w.hhka bÈßm;a lrk l%u folla we;'

i) my; olajd we;s ^rEmh 5'16& iïu; j¾K oyih tajdfha kñka u fh§u

rEmh 5'16 - iïu; j¾K oyih

WodyrK (

SRI LANKA m%;sodkh

ii)

SRI LANKA

5'17 jk rEmfha fmkajk mßÈ r;=" fld<" ks,a hk j¾K uQ,sl lr.;a oYul fla; fh§u

RGB Iâ

fuys § # wkq,laIKh fmrgq lr.;a 0 isg F olajd jQ b,lalï yhlska fla;h ilia ù we;' fuys uq,a b,lalï foflka r;= j¾Kh;a" B<Õ b,lalï foflka fld< j¾Kh;a" wjidk b,lalï foflka ks,a j¾Kh;a ksremKh flf¾'

fkdñf,a fnod yeÍu msKsihs

151

PB

rEmh 5'17 -

WodyrK (
RGB j¾K ixl,k lsysmhla

face = zzverdana" color = ''#0000FF'' >SRI LANKA
m%;sodkh

SRI LANKA

Center Wiq,kh Tfí fjí msgqfõ ud;Dldj ;sria wlaIh Tiafia ueog tfl,a, lsÍu i|yd fhdod f.k we;s Wiq,khls' th fujeks mdGhla i|yd muKla fkdj rEmhla" fþohla jeks ´kE u fohla i|yd Ndú; l< yel' by; center Wiq,kh wdldrhg u mdG yev.ekaùu i|yd Ndú; l< yels ;j;a ir, Wiq,k fndfyduhla we;' bka iuyrla j.=j 5'1ys olajd we;' j.=j 5'1 - mdG yev.ekaùu i|yd Ndú; l< yels Wiq,k lSmhla

HTML i,l=K

152

wlaIr yev .ekaùfï iajNdjh ;o meye;s ^bold& weo yev ^italic& há brla iys; ^underline&

WodyrK

SRI LANKA SRI LANKA

SRI LANKA

SRI LANKA wjOdrKh lrk ,o ^emphasis& SRI LANKA wl=re yryd brla iys; ^strike out& SRI LANKA Wvq ,l=Kq lrk ,o ^superscript& há ,l=Kq lrk ,o ^subscript& SRI LANKA ;sria ÈYdjg p,khla fmkajk ^fuh fjí msgqjlg fhdod ^horizontally PRYLQJWH[W& mÍlaId lr n,kak&

fkdñf,a fnod yeÍu msKsihs

WodyrK(

SRI LANKA m%;sodkh

SRI LANKA

iqÿiq fjí wvú mßYS,kh lr mdG yev.ekaùï i|yd Ndú; jk Wiq,k ms
HTML

http://www.w3schools.com/html http://www.tutorialspoint.com/html

l%shdldrlu my; 5'18 jk rEmfha olajd we;s fla;fha jQ mdif,a ku fjkqjg Tfí mdif,a ku fhdod Tn leu;s fjkia yev .ekaùï iys; j fjí msgqjla ks¾udKh lrkak' fuys § Tn isxy, hqksfldaâ wl=re ^''iskoola pota''& fhdod .kafka kï f,aLkh ;ekam;a lsÍfï § 5'19 rEmfha mßÈ Save As ixjdo fldgqfõ Encoding iajrEmh Unicode f,i ilia l< hq;= h' Tfí fjí msgqfõ 5'20 rEmfha jQ m%;sodkh iu. ii|kak'







KHDG!WLWOH!7H[W)RUPDWWLQJWLWOH!KHDG!

1' Tfí mdif,a ku

2' Tfí mdif,a ku

3' Tfí mdif,a ku

4' Tfí mdif,a ku

5' Tfí mdif,a ku
6' Tfí mdif,a ku
7' Tfí mdif,a ku


rEmh 5'18 -

HTML f,aLkh

PB

rEmh 5'19 -

save as ixjdo fldgqj fkdñf,a fnod yeÍu msKsihs

153

rEmh 5'20 - m%;sodkh

l%shdldrlu 1'

HTML

fla; ms
2' by; 5'18 jk rEmfha olajd we;s fla;fha jQ header Wiq,k fjkqjg úúO Wiq,k fhdod fjí msgqjla ks¾udKh lrkak' 3'

Wiq,khg wod< .=Kdx. lsysmhla we;' ta ms
PdhdrEmhla we;=¿ lr yev.ekaùu Tfí fjí msgqjg we;=¿ lsÍu i|yd iqÿiq PdhdrEmhla f;dard.kak' fjí msgqjlg rEm we;=<;a lsÍfï § tu rEmh we;=<;a f.dkqj .png , .gif fyda .jpeg jeks idfmalaI j wvq Odß;d iys; f.dkq j¾.hla úh hq;=hs' fjí msgqjlg we;=<;a lrk rEm ish,a, fjk u f*da,avrhl ;ekam;a lrkafka kï jvd;a myiqhs'

Image Wiq,kh rEmhla fjí msgqjg iïnkaO lsÍu i|yd image Wiq,kh f,i y÷kajk Wiq,kh Ndú; fõ' fuys § wdrïNl$wjidk f,i Wiq,k fldgia folla Ndú; fkd jk nj úfYaIfhka u u;l ;nd .; hq;= h' Blank tags fyda empty tags f,i y÷kajk fujeks Wiq,k lsysmhla u Tng bÈßfha § o yuqjkq we;' uQ,sldx.hg wod< .=Kdx. fod


154

fkdñf,a fnod yeÍu msKsihs

j.=j 5'2 -

.=Kdx.h source fyj;a

src

alternative fyj;a alt

width

height

border

align

uQ,sldx.hg wÞ< .=Kdx. lsysmhla

w.h msklu mslai, ixLHdjla f,i oelaúh hq;=hs' tfia fkdfõ kï tys w.h—0˜ f,i olajkak'

WodyrK

src=“C:\Users\Pictures\pet. png”

alt = “map”

width = “100” fyda width = “50%” height = “100”fyda height = “50%” border= “3”

left, right, top, bottom, middle align= “middle” hk tajdfhka iqÿiq tfl,a, w.hhla fhÈh yelshs'

WodyrK (



fkdñf,a fnod yeÍu msKsihs

PB

155

m
Sri Lanka

SRI LANKA

A map of Sri lanka


m% ;s Þ k h

rEmh 5'21 - PdhdrEmh we;=¿ lsÍug wod< fla;h iy m%;sodkh

fþohla we;=¿ lr yev.ekaùu fojk mshjf¾ § we;=¿ l< PdhdrEmhg my
Sri Lanka

SRI LANKA





A map of Sri lanka


Sri Lanka is an island located off the southern coast of India. Sri Lanka is surrounded by the Indian Ocean. The geography of Sri Lanka includes coastal plains in the north and hills and mountains in the interior. The government system is a republic. The chief of state and head of government is the President.

fþoh paragraph Wiq,kh rEmh 5'22 - fþoh we;=¿ lsÍug wod< fla;h

156

fkdñf,a fnod yeÍu msKsihs

rEmh 5'23 - rEmh 5'24 g wod< m%;sodkh

fuys § Tn Ndú; l< ms
paragraph

Wiq,kh f,i y÷kajk



Wiq,kh

Wiq,kh

Wiq,kh Ndú; lr Tn ieliQ fþoh jï tfl,a, f,i mj;sk nj Tn ksÍlaIKh lrkakg we;' ta tys fmrksñ ^default& iajrEmhhs'

Wiq,kfhaa align f,i y÷kajk .=Kdx.hg —left˜" —right˜" —center˜ iy —justify˜ hk w.hhka Ndú; lr fjkia tfl,a, iajrEm y;rla ,nd Èh yelshs'

j.=j 5'3 - fþo tfl,a, lsÍu

WÞyrKh

Wiq,kh < p align = ''left'' >

< p align = ''center'' >

< p align = ''right'' >

< p align = ''justify'' >

tfl,a, lsÍu jug ueog PB

ol=Kg fofl
fkdñf,a fnod yeÍu msKsihs

157

jdlHhl jpk w;r mr;rh ilia lrk whqre

Character entity Wiq,kh f,i y÷kajk j¾.hg wh;a fh§fuka jpk w;r mr;rh ilia lr .; yels h'

 : Wiq,kh

The government system is   a republic. The chief of state and head of government is     the President.

m%;sÞkh

The government system is a republic. The chief of state and head of government is the President. l%shdldrlu

HTML fla; iïnkaO fjí wvú fyda .%ka: mßYS,kh lr Character entity f,i y÷kajk j¾.fha ;j;a Wiq,k lSmhl l%shdldß;ajh y÷kd .kak'

fma
Line Wiq,k rEmh 5'24 - fma
158

fkdñf,a fnod yeÍu msKsihs

rEmh 5'25 - rEmh 5'24g wod< m%;sodkfhka fldgila

fma Wiq,kh Tn fuhg fmr Ndú; l< Wiq,kh mßÈ u blank tag /empty tag j¾.hg wh;a fõ' wdrïNl$wjidk f,i Wiq,k folla fkdj
Wiq,kh muKla yßhg u fma
i) wxls; fkdjk ,ehsia;=

(Unordered list)

wxls; fkdjk ,ehsia;=jl wdrïNh iksgqyka lsÍug