7/26/2019 chghghft

1/29

LICEUL TEORETIC CAROL I FETESTI

MatriceabidimensionalaLUCRARE PENTRU OBTINEREA

ATESTATULUI PROFESIONAL

Prol matematica!in"ormatica# intensi$ en%le&a

Pro"esor Coordonator' Ele$' IonAle(andra )eor%iana

1

7/26/2019 chghghft

2/29

CATRINESCU ANTONETAClasa a *II a +

Promotia ,-./

CUPRINS

CUPRINS................................................................................................................................2

Introd0cere...............................................................................................................................3

Limba10l 2TML........................................................................................................................4

+escrierea A3licatiei.........................................................................................................19

+escrierea Proiect0l0i.....................................................................................................21

Cod0l S0rsa............................................................................................................................24

Biblio%rae'............................................................................................................................26

2

7/26/2019 chghghft

3/29

Introd0cere

Jenny scrie si tu ceva aici nuj dreaQ zi ca matricele e frumoase respect

3

7/26/2019 chghghft

4/29

Limba10l 2TML

HTML e limbajul n care sunt scrise paginile web. Paginile web suntfsiere cu etensia .!tml sau .!tm care re"i#a$ #e %bicei$ pe ser&erele #e

internet$ #ar care p%t re"i#a si pe calculat%rul #umnea&%astra.HTML e acr%n#imul #e la H'perTet Mar(up Language$ care e numele unuilimbaj #e marcare ce a nl%cuit S)ML*ul. + ,%st c%nceput n -/ #e Tim0erners*Lee 1&. ,%t%2 $ licentiat la 3,%r#$ pe atunci f"ician la C4RN. 5iin# siepert n s%,tware$ 0erners*Lee e acum #irect%r al 6%rl# 6i#e 64bC%ns%rtium 1 pe scurt$ 67C 2$ a#ica al %rgani"atiei care c%%r#%nea"a#e"&%ltarea web*ului 1 n principal$ prin impunerea #e stan#ar#e pentrulimbaje etc. 2. HTML*ul a cun%scut % p%pularitate rapi#8$ apr%ape t%atepaginile web fin# scrise n acest limbaj.

5iin# un limbaj #e marcare$ HTML nu utili"ea"a instructiuni 1 ca Pascal*ul sauC*ul 2 %ri c%men"i 1 ca 5%*ul 2$ ci etic!ete$ acestea fin# numite si bali"e$elemente sau tag*uri. Sintaa %ricarui tag este9

4TA) atrib0t.56$al6 atrib0t,56$al67Te(t48TA)7

In unele ca"uri$ atributele p%t lipsi. In altele$ p%ate lipsi tag*ul #e nc!i#ere9:;T+)< 3 pagina web p%ate c%ntine9

tet

imagini

fsiere au#i%

fsiere &i#e%

Paginile web se &i"uali"ea"8 n br%wsere$ care sunt niste pr%grame #e&i"itare. Cele mai p%pulare br%wsere sunt9

Netscape Na&igat%r$ care a cun%scut mai multe &ersiuni$ cele maireusite fin# =.>? si =.>@ care a&eau$ t%tusi$ #e,ectul ca nu sup%rtau

#iacriticele. +cest%ra le*a urmat &ersiunea @.A care sup%rta #iacriticele. Micr%s%,t Internet 4pl%rer$ care a ajuns la &ersiunea @.B.

Intr*un fsier !tml$ se p%t inclu#e9

pr%grame n a&aScript

4

7/26/2019 chghghft

5/29

scripturi CSS

tag*uri care sa sete"e parametrii unui applet 1 pr%gram scris n a&a sicare re"i#a pe retea 2

Un fsier !tml se p%ate reali"a9

man0al$ scriin# tag #up8 tag n N%tepa#

c0 a10tor0l editoarelor 2TML precum H%mesite$ +#%be )%li&e$Micr%s%,t 5r%ntpage D/ sau BAAA$ Macr%me#ia Ereamwea&er1 aplicatia cea mai apreciata #e pr%,esi%nisti 2$ C%FeeCup HTML 4#it%r $Netscape C%mp%ser 1 rec%man#at #%ar ncepat%ril%r 2$ N%teTab Lig!tsau -st Page BAAA .

Cum reali"8m prima pagin8 web G

+l%cati un #irect%r sitului pe care intenti%nati s8*l reali"ati.

Clic( pe but%nul Start$ ap%i pe Pr%grams$ +ccess%ries$ N%tepe#.

Intr%#uceti tetul si etic!etele.

Sal&ati fsierul cu etensia .!tm sau .!tml n #irect%rul #e#icat.5isierul &a ap8rea ca$ s8 "icem$ ist%ric.!tm.

Eesc!i#eti fsierul ist%ric.!tm n Micr%s%,t Internet 4pl%rer.Pentru a a#uce m%#ifcari fsierului$ eecutati clic(*#reapta pesupra,ata acestuia si &eti %btine c%#ul*sursa. Eupa m%#ifcareafsierului$ sal&ati*l.

3bser&atii9

HTML*ul e in#epen#ent #e plat,%rm8.

HTML*ul nu e un limbaj case*sensiti&e$ asa c8 putem scrie la ,el #e bine:03E

7/26/2019 chghghft

6/29

Intre primele #%u8 g!ilimele e #at8 calea pn8 la #%cumentul*tint8$ n ca"uln%stru fsierul CK.!tm #in #irect%rul tete. +cest fsier &a f #esc!is n,ereastra numit8 JnewJ. +ceast8 ,ereastr8 p%ate f una #eja eistent8 sauuna creat8 pe l%c. Eac8 atributul target lipseste$ fsierul CK.!tm &a f #esc!isn ,ereastra fsierului apelant$ a#ic8 n l%cul paginii n care &8 aati. +tributul

title pr%#uce aparitia unui #reptung!i c%ntinn# un tet$ atunci cn# m%use*ul trece peste un lin(. In ca"ul n%stru$ tetul &a f JCK*ul meuJ. Iat8 lin(*ul9Clic( aici

Legaturi intre pagini:a !re,JOsusJ

7/26/2019 chghghft

7/29

o )eneralit8ti

o 4emple #e ,rames

o Tag*ul i,rame

= Imaginile n pagina web

? 5isiere au#i%

@ 5%rme * #espre elementele care p%t ,ace #in situl #&s. unul interacti&

o )eneralit8ti

o Tag*ul butt%n

o Tag*ul input

o 4emple #e ,%l%sire a tag*ului input

o Tag*urile legen#$fel#set

o Tag*urile tetarea

o Tag*urile %pti%n$ %ptgr%up

o Tag*ul select

> +lte etic!ete

o Tag*urile abbr$ acr%n'm$ a##ress

o Tag*urile base$ base,%nt$ big$ blin(

o Tag*urile cite$ c%#e$ ##$ #el$ #ir$ #l$ #t

o Tag*urile em$ ins$ (b#$ maruee$ menu$ n%script$ pre

o Tag*urile script$ small$ stri(e$ st'le$ sub$ sup

o Tag*urile tt$ &ar. C%mentariul

/ Meta * #espre etic!etele care in,%rmea"8 pr%gramele r%b%t asuprac%ntinutului sitului #&s.

o Metatag*uri$ generalit8ti

7

http://manuale.20m.com/cgi-bin/framed/1862/HTML/Frames.htmhttp://manuale.20m.com/cgi-bin/framed/1862/HTML/Exemple.htmhttp://manuale.20m.com/cgi-bin/framed/1862/HTML/Iframe.htmhttp://manuale.20m.com/cgi-bin/framed/1862/HTML/Img.htmhttp://manuale.20m.com/cgi-bin/framed/1862/HTML/Audio.htmhttp://manuale.20m.com/cgi-bin/framed/1862/HTML/Meta.htmhttp://manuale.20m.com/cgi-bin/framed/1862/HTML/Frames.htmhttp://manuale.20m.com/cgi-bin/framed/1862/HTML/Exemple.htmhttp://manuale.20m.com/cgi-bin/framed/1862/HTML/Iframe.htmhttp://manuale.20m.com/cgi-bin/framed/1862/HTML/Img.htmhttp://manuale.20m.com/cgi-bin/framed/1862/HTML/Audio.htmhttp://manuale.20m.com/cgi-bin/framed/1862/HTML/Meta.htm

7/26/2019 chghghft

8/29

o Principalele metatag*uri

Eespre applet*uri

o Tag*urile applet si %bject

o Tag*ul param

3rice fsier ncepe cu etic!eta :!tml< si se termin8 cuetic!eta :;!tml

7/26/2019 chghghft

9/29

stanga a ,erestrei. In m%# %bisnuit$ aceste atribute ale tagului :b%#'< iau&al%ri nule$ ast,el nct tetul si imaginile s8 umple t%t spatiul ,erestrei.Pentru a &a lamuri in pri&inta acet%r atribute$ reali"ati % pagina web cu ,%artemult tet si #ati #i,erite &al%ri atributel%r #iscutate. 0inenteles$ t%ate acestecaracteristici p%t f setate n ca#rul aceluiasi tag :b%#'

7/26/2019 chghghft

10/29

acestuia.4emplu9

:p aligncenter

7/26/2019 chghghft

11/29

:%lJ