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.htm7/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