Академический Документы
Профессиональный Документы
Культура Документы
,iza cyhtpapd; %yk; ,izag; gf;fq;fis mDf KbAk;. ,t;tpizag;gf;fq;fshdJ vOj;Jf;fs; (Text),
glq;fs;(Pictures), fpugpf];, tPbNah kw;Wk; xyp Nghd;w gy;Y}lf juTfis nfhz;bUf;Fk; nra;Ak;.
,izaj;jsj;jpd; fl;likg;igAk; cs;slf;fj;ijAk; nghWj;J gpd;tUkhW tifg;gLj;jg;gLk;.
cs;s
7. tiyg;gjpTfs; (Blogs)
jdpegu;fs; ,ytrkhf jkJ ngaupy; my;yJ jkf;Fr; nrhe;jkhf tiyj;jsq;fis cUthf;fpf; nfhs;tjw;fhf
,Uf;ff; $ba ,izaj;jsq;fNs ,JthFk;.
cjhuzk;: blogger.com, weebly.com
,izaj;jsk;
xU ,izaj;jskhdJ ,izag;gf;fj;ij my;yJ ,izag;gf;fq;fis nfhz;bUf;Fk;.
,izag;gf;fj;jpd; Muk;g gf;fkhdJ Kfg;G gf;fk; (Home Page) Vida gf;fq;fs; rhjhuz gf;fq;fshf
mwpag;gLk;.
xU ,izag; gf;fkhdJ vOj;Jf;fs;(Text), glq;fs;, fpuhgpf;, xyp kw;Wk; xspf;fisf; nfhz;L
mikf;fg;gl;bUf;Fk; mNjNtis kw;w gf;fq;fs; my;yJ Mtzq;fSld; ,izg;gpid ngWtjw;fhf kP
,izg;Gf;fisAk; (Hiper link) nfhz;bUf;Fk;.
1 | ILM.Irfan
learnbyself.com
,izagf;fj;jpd;
cs;slf;fkhdJ
rl;lfq;fs;
(frames),
gbtq;fs;
ml;ltizfs;(tables) Nghd;witfspdhy; xOq;fikf;fg;gl;bUf;Fk;.
(forms),
gl;bay;fs;(lists),
HTML Tags
<!DOCTYPE html> <!-- HTML MtzkhdJ vd;d Mtz tif vd;gij Fwpj;Jf;fhl;lf; $ba
,e;j Tag cld; fl;lhak; Muk;gpf;f Ntz;Lk -->
<HTML>
</HTML> <!-- HTML Mtzk; ,e;j TagTld; Muk;gpj;J Mtzj;jpd; ,Wjpapy; mjd;
KbTWj;jy; TagTld; Kw;Wg; ngWk; -->
<head>
<title>
</title>
cjhuzk;
<body>
</body>
cjhuzk;
2 | ILM.Irfan
learnbyself.com
HTML Nfhg;G 1:
<!DOCTYPE html>
<html>
<head> <title>Home Page</title> </head>
<body background="C:\Users\RCC\Pictures\luxury-car-6.jpg">
Wel Come to My Web Site
</body>
</html>
,t; HTML tagfSf;fhd ,izag;gf;fk; gpd;tUkhW cyhtpapy; Njhd;Wk;
<title>f;fhd gFjp
<body> tag
Muk;gpj;J KbAk;
tiu <body> Tag
fSf;f ,ilNa
vOjg;gLgit
,q;F Njhd;Wk;
3 | ILM.Irfan
learnbyself.com
Lab Work 01: 3 tpj;jpahrkhd glk; kw;Wk; tu;zk; cila cs;slf;f gpd;ddpiaAila ,izag;
gf;fj;ij tbtikf;Ff.
gz;Gfs;(attribute) : jiyg;GfSf;fhd Tag fspDs; gad;gLj;j align gz;G gad;gLj;jg;gLk;. ,e;j Tag
MdJ Fwpj;j jiyg;gpd; miktplj;ij jPuk
; hdpf;Fk; ngWkjpfis mjhtJ tyJ, ,lk;, kj;jp, rkkdhd
(right, left, center, justify) vd;gjpidahFk;.
</p>
,jw;fhf <p> tagfs; gad;gLj;jg;gLk;. Gjpa ge;jpapid Muk;gpf;fpd;wNghhJ ,e;j Tag gad;gLj;jg;gLk;.
,jd;NghJ ge;jpapd; NkNy xU tup ,ilntsp ,lg;gLk; mNjNghy; ge;jpapd; KbtpYk; ,ilntsp ,lg;gLk;.
NkYk; <p> </p> apDs; vj;jid ,ilntsp tpl;lhYk; mjid xU ,ilntspahfNt nfhs;Sk;.
4 | ILM.Irfan
learnbyself.com
</br>
,jw;fhf <br> tag gad;gLj;jg;gLk;. ge;jpapid Muk;gp;f;fhJ xU tupapid mLj;j tupapy; Muk;gpf;f
Ntz;Lkhf ,Ue;jhy; ,e;j Tag gad;gLj;jg;gLk;. ,e;j tag MdJ KbTWj;jy; tag ,id nfhz;bUf;fhJ
mjhtJ </br> tag ,id nfhz;bUf;fhJ.
cjhuzk;: This paragraph break by <br> after this tag this line will start in new line
HTML Nfhg;G 4:
<p align="justify">
This paragraph contains a lot of lines <br>
in the source code,<br> but the browser
ignores it.
</p>
vOj;Jf;fspid mjd; KO tbtikg;Gld; fhl;rpg;gLj;Jtjw;fhd HTML Tag - <pre>
,e;j <pre> tag MdJ vOj;Jf;fspid jl;lr;R nra;fpd;wNghJ gpd;gw;wg;gLk; ,ilntspfs;
tbtikg;Gf;fis mt;thNw fhl;rpg;gLj;Jk;.
</pre>
kw;Wk;
HTML Nfhg;G 5:
<pre>
This paragraph contains a lot of lines
in the source
but the browser
code,
ignores it.
</pre>
</font>
nra;tjw;fhf ,e;j
5 | ILM.Irfan
learnbyself.com
glk;: 2
-->
,e;j tag ,Ds; vOjg;gLg; vjidAk; cyhtpahdJ ntspg;gLj;jhJ khwhf HTML Mtzj;jpy; gadu;
Nkyjpf tpsf;fq;fSf;fhf vd ,e;j tag ,idg; gad;gLj;jp vOJtu;.
gl;bay;fs; (List)
,izag; gf;fq;fspy; tplaq;fis xOq;FgLj;Jtjw;fhf gad;gLj;jg;gLk; xU KiwNa tplaq;fis gl;bay;
gLj;jyhFk;. ,g;gl;bay; gLj;jyhdJ gpd;tUk; Kiwfspy; ,lk;ngUk;.
</ol>
1. One
2. Two
3. Three
a. One
b. Two
c. Three
i. One
ii. Two
iii. Three
gz;Gfs;(attribute) : <ol> tag MdJ type vDk; gz;gpid nfhz;bUf;Fk;. ,J gl;bayhdJ vt;thW
gl;bay;gLj;jg;gl Ntz;Lk; vd;gjpid tiuaiw nra;Ak;. ,J gpd;tUk; ngWkjpfisf; nfhz;bUf;Fk;.
type = 1 gl;bayhdJ 1. 2. 3. 4. vd gl;bay;gLj;jg;gLk;
type = A gl;bayhdJ A. B. C. D. vd gl;bay;gLj;jg;gLk;
type = a gl;bayhdJ a. b. c. d. vd gl;bay;gLj;jg;gLk;
type = I gl;bayhdJ I. II. II. IV. vd gl;bay;gLj;jg;gLk;
type = i gl;bayhdJ i. ii. iii. iv. vd gl;bay;gLj;jg;gLk;
,d;DnkhU gz;G start MFk; gl;bay; ngWkjpahdJ vj;jidapypUe;J Muk;gpf;f Ntz;Lk;
vd;gjpid ,J tiuaiw nra;Ak; c-k;: start = 3
6 | ILM.Irfan
learnbyself.com
</ul>
,e;j tag MdJ tplaq;fis ,q;F fhl;lg;gl;lthW xd;wd; gpd; xd;whf xU xOq;ifg;
gpd;gw;whJ gl;bay; gLj;j gad;gLj;jg;gLk;.
,e;j tag MdJ <ul> ,y; Muk;gpf;Fk; mNjNtis tplaq;fshdJ <li> </li> vDk;
tag ,Ds; vOjg;gLk;
HTML Nfhg;G 7:
<ul type= circle >
<li> One</li>
<li> Two</li>
<li> Three</li>
</ul>
</dl>
,e;j Tag MdJ gpd;tUk; Tagfis jd;dfj;Nj nfhz;bUf;Fk;. <dt> ve;j thu;j;ijia tpgupf;f
Ntz;Lk; vd;gjpid nfhz;bUf;Fk;. <dd> ,e;j tag MdJ <dt> tag ,dhy; Fwpj;Jf; fhl;lg;gl;l thu;j;ijf;fhd
tpguq;fis nfhz;L fhzg;gLk;. ,t; %d;W tagfSk; KbTWj;jg;gL.
learnbyself.com
</embed>
8 | ILM.Irfan
learnbyself.com
Lab work 5:
Jav agro Technologies vd;gjpid fpspf; nra;jhy; http://www.javagrotec.com ,izaj; jsKk; Lanka agri systems
pvt Ltd vd;gjpid fpspf; nra;jhy; ;. http://www.lkagrisys.com ,izaj;jsKk; Njhd;wNtz;Lk
</table>
learnbyself.com
gz;Gfs; (attribute): <tr> tag MdJ bgcolor, align Mfpa gz;Gfisf; nfz;bUf;Fk;.
<th> tag MdJ jiyg;Gf;fisf; nfhz;l epiufis cUthf;f gad;gLk;.
<td> tag MdJ bgcolor, align,
rowspan MdJ xU epiuahdJ vj;jid epiufspd; ,lj;ij nfhz;bUf;f Ntz;Lk; vd;gij
tiuaiw nra;a gad;gLk;
learnbyself.com
Lab work 7:
ghlrhiyapy; ckJ tFg;giwf;F toq;fg;gl;l ghlNeu Rrpapid nfhz;l ,izag;gf;fj;jpid tbtikf;Ff.
Time
Mon
Tue
Wed
Thu
Fri
Interval
School
Over
</frameset>
11 | ILM.Irfan
learnbyself.com
gz;Gfs;(Attribute): src, scrolling ,g;gz;ghdJ yes, no, auto Mfpa gz;Gfisf; nfhz;bUf;Fk;.
HTML Nfhg;G 14;:
<frameset cols= "30%, 70%">
<frame src="page1.html">
<frameset rows="50%, 50%">
<frame src="page2.html">
<frameset cols="50%, 50%">
<frame src="page3.html" scrolling="yes">
<frame src="page4.html" scrolling="yes">
</frameset>
</frameset>
</frameset>
Lab work 8:
gpd;tUkhU rpj;jupf;fg;gl;lthW Njhd;wf; $ba ,izag;gf;fj;jpid rl;lfq;fspd; cjtpAld; tbtikf;Ff.
12 | ILM.Irfan
learnbyself.com
20%
Blue
60%
Red
50%
Yellow
20%
Green
50%
Pink
50%
50% Black
,izj;jsj;jq;fspd; tiffs;
,izaj;js cs;slf;fj;jpd; jd;ikapidf; nfhz;L ,izaj;jsq;fis gpd;tUkhW tifg;gLj;jyhk;.
1. epiyj;j ,izaj;jsk;(Static Web sites)
2. ,aq;F epiy ,izaj;jsk;(Dynamic Web Sites)
epiyj;j ,izaj;jsk;
,t;tpizaj;jsq;fspd; cs;slf;fq;fshdJ Fwpj;j fhyj;jpw;F khw;wg;glhJ gad;gLj;jg;gLk;.
,t;tpizaj;jsq;fs; HTML nkhopapid mbg;gilahff; nfhz;L cUthf;fg;gl;bUf;Fk;.
,tw;iw cUthf;f HTML editors> ,izag; gilg;ghf;f fUtpfs; Nghd;w nkd;nghUl;fs; gad;gLj;jg;gLk;
,aq;Fepiy ,izaj;jsk;.
,t;tpizaj;jsq;fspd; cs;slf;fq;fshdJ mbf;fb khw;wKwf; $baJ.
,t;tpizaj;jsq;fs; (PHP Hypertext Preprocessor), ASP.Net(Active Server Page), JSP(Java Server Page) Nghd;w
fzpdp nkhopfspd; cjtpAld; cUthf;fg;gLk;.
,t;tpizaj;jsq;fspid Nritafq;fspd; cjtpAlNdNa mZf KbAk;.
,t;tpizaj;js nraw;ghLfSf;F cjhuzkhf:
,izaj;jsnkhd;wpy; jw;Nghija Neuj;ij(Current Time) fhl;Ljy;
guPl;ir Rl;nlz;Zf;F mikthf guPlr
; hu;j;jpapd; ngWNgw;wpid fhl;Ljy;
,izaj;js epUkhz nkd;nghUs;
gpd;tUk; tifahd ,izaj;jsq;fis cUthf;Ftjw;fhd nkd;nghUl;fs; fhzg;gLfpd;wd.
1. ,iza gilg;ghf;ff; fUtp(Web Authoring tools)
2. cs;slf;f Kfhikj;Jt Kiwik(Content Management System/CMS)
,iza gilg;ghf;ff; fUtpfs;.
Tiutpay; gaeu; ,ilKfj;jpidAila nkd;nghUl;fspd; cjtpAld; ,izag; gf;fq;fspid
cUthf;Ftjw;fhd trjpfspidAila nkd;nghUs; ,JthFk;.
,t;tpizaj;jsq;fs; gaeu; tiugpay; fUtpfisg; gad;gLj;Jtjw;Nfw;g HTML Fwpfis ntspg;gLj;Jk;.
,t;tpizaj;js gilg;ghf;f fUtpfSf;F cjhuzk;:
13 | ILM.Irfan
learnbyself.com
14 | ILM.Irfan
learnbyself.com
www.godaddy.com
www.bluehost.com
www.nic.lk
5. Nfhg;Gg; gupkhw;W nkd;nghUs;(File Transfer Protocol/FTP)
cUthf;fg;gl;l ,izaj;jsj;jpid tiy tpUe;Njhk;gpapw;F khw;Wtjw;fhf cs;s nkd;nghUshFk;.
,k;nkd;nghUl;fis jdpahf gjptpwf;fk; nra;aTk; KbAk;
c-k;: filezilla (filezilla-project.org)
SmartFTP(smartftp.com)
mNjNeuk; ,t;trjpfs; ,izaj;js tbtikg;G nkd;nghUl;fspYk; fhzg;gLfpdwd.
6. ,izaj;js guhkupg;G
,izaj;jskhdJ ntw;wpfukhf nraw;gl Ntz;Lkhf ,Ue;jhy; mJ rupahd Kiwapy;
guhkupf;fg;gl Ntz;Lk;.
guhkupg;G nraw;ghlhdJ gpd;tUk; tplaq;fSf;fhf Nkw;nfhs;sg;gLk;.
1. ,izaj;jsj;jpid mbf;fb ,w;iwg;gLj;j Ntz;Lk;
2. er;R epuy; kw;Wk; mDkjpaw;w mDfypdhy; Vw;glf;$ba ghjpg;gpypUe;J ghJfhg;gjw;fhf.
15 | ILM.Irfan
learnbyself.com