COLEGIUL NAIONAL DE INFORMATIC

Piatra Neam
LUCRARE PENTRU ATESTAREA
COMPETENELOR PROFESIONALE LA
INFORMATIC
SITE:
Mun ii Carpa i

Profesori cooro!atori: E"e#:
Costan Marius
Blaga Gabriela Clasa a-XII-a
Mndru Mariana
Mai, 2014
1
C$%ri!s:
ARGUMENT
SITE:............................................................................................................................. 1
BLAGA GABRIELA CLASA A-XII-A ........................................1
Fonturi.......................................................................................................................... 4
Liste neordonate............................................................................................................ 6
Tabele........................................................................................................................... 7
Leg turi ........................................................................................................................ 8
2
Ar&$me!t

Am ales aceast tem deoarece mult lume re!er s lece in alte ri entru a a"ea arte de
eisa#e suerbe$ Acest site o!er in!orma ii utile desre alctuirea Mun ilor Cara i i desre
obiecti"ele turistice re%ente aici$
&e asemenea acest site oate !i !olosit i ca material didactic la ora de geogra!ie entru a le
arat ele"ilor !rumuse ea Mun ilor Cara i$


'
Pre'e!tare soft(are $ti"i'at
Alica(ia de !a( a !ost reali%at n limba#ul )*M+, !iind de%"oltat cu a#utorul rogramului Adobe
&ream,ea"er si -otead$ &e aceea, n cele ce urmea%, am regtit o serie de no(iuni at.t cu ri"ire
la limba#ul )*M+, c.t /i ri"itoare la so!t-ul Adobe &ream,ea"er si -otead$
Ge!era"it)i es%re "im*a+$" ,TML
)*M+ -,.%erte/t Mar0$% La!&$a&e1 a a0rut ca o alica(ie I12 standard 3aar(ine standardului
1GM+ - 1tandard Generali%ed Mar4u +anguage, seciali%at entru 5ierte6t /i adatat la 7eb8,
rere%ent.nd un limba# creat n scoul de a descrie, n mod te6t, !ormatul aginilor 7eb$ Alt!el sus,
)*M+ rere%int0 de !at limba#ul e care bro,serele de internet l n(eleg /i cu a#utorul lui ot !i
a!i/ate aginile ,eb$
2rice document )*M+ ncee cu nota(ia 23tm"4 /i se termina cu nota(ia 253tm"4$ Acestea se
numesc n literatura de secialitate 9TAG6$ri9$ :n )*M+ nu se ot crea tag-uri rorii, limba#ul
disun.nd de#a de un set rede!init de tag-uri, care indic0 e!ectele alicate di!eritelor 0r(i de agin0
n rogramele bro,ser 3cum ar !i Internet ;6lorer, Mo%illa <ire!o6 sau -etscae -a"igator8$
&ocumentele )*M+ sunt documente n !ormat A1CII /i rin urmare ot !i create cu orice editor de
te6te 3-otead, Microso!t 2!!ice 7ord8 de c0tre utili%atorii care cunosc limba#ul )*M+, sau mai
simlu, se ot utili%a editoarele seciale, n care obiectele se introduc interacti" iar codul )*M+ se
generea%0 automat, ns0 n ambele ca%uri este util0 cunoa/terea entit0(ilor care se ot inttroduce n
aginile )*M+ /i marca#ele caracteristice acestora$
Fo!t$ri
=n !ont este caracteri%at de urmtoarele atribute>
Culoarea !ondului aginii 7eb - se stabile/te ast!el> 27OD8 7GCOLOR 9 c$"oare4:
Culoarea te6tului - se stabile/te rin intermediul atributului text al etic5etei 2B2&?4 du
sinta6a> 27OD8 TE;T 9c$"oare4:
1tiluri entru blocurile de te6t
@entru a scrie un te6t cu un anumit stil trebuie s0 !olosim urm0toarele etic5ete care s0 l delimite%e>
2*4:::25*4 6 entru a scrie cu caractere <!&ro=ate> a"i!e?
2*i&4:::25*i&4 - entru a scrie cu caractere mai mari cu o unitate dec.t cele curenteA
2sma""4:::25sma""4 6 entru a scrie cu caractere mai mici cu o unitate dec.t cele curenteA
2i4:::25i4 - entru a scrie cu caractere inclinate, italiceA
2s$*4:::25s$*4 6 entru a scrie caracterele aliniate ca
indice
A
2s$%4:::25s$%4 - entru a scrie caracterele aliniate ca
e6onent
A
2$4:::25$4 6 entru a sublinia caracterele scriseA
2@4:::25@4 - entru a introduce citate cu caractere cursiveA
2coe4A25coe4 - entru a introduce un te6t care este codul entru un rogram$
4
7"oc$ri e te/t
Aceste etic5ete se re!er0 la !unc(iile e care le oate a"ea un bloc de te6t n cadrul aginii 7eb$ ;le
roduc automat trecerea la un r.nd nou /i adugarea unui sa(iu sulimentar$
I!serarea $!ei arese se rea"i'ea'B c$ a+$tor$" $rmBtoarei etic3ete: 2aress4:::25aress4:
I!e!tarea $!$i *"oc
@entru ca un bloc de te6t s0 !ie delasat la dreata cu o anumit0 distan(0 !a(0 de marginea din st.nga
trebuie ca acel bloc de te6t s0 !ie curins ntre urm0toarele etic5ete> 2*"oc0@$ote4:::25*"oc0@$ote4>
care roduc automat trecerea la un r.nd nou /i ad0ugarea unui sa(iu sulimentar$
7"oc$" %reformatat
@entru ca bro,ser-ul s0 ia n considerare r.ndurile "ide e care noi le introducem n editorul de te6t
trebuie ca te6tul s0 !ie delimitat de urm0toarele etic5ete> 2%re4:::25%re4: Caracterul 9 sa(iu 9 oate !i
luat n considerare de bro,ser dac este inserat e6licit rin C!*s%?
7"oc$ri %ara&raf
@entru a insera un sa(iu sulimentar nainte de blocul aragra! trebuie !olosit0 etic5eta> 2%4 /i
etic5etele 2%4::::25%4 entru a insera un sa(iu sulimentar du0 blocul aragra!$
&e asemenea entru a alinia te6tul la dreata, la st.nga sau centrat trebuie sa !olosim etic5etele> B%
a"i&!9Dri&3tD4, 2% a"i&!9D"eftD4, resecti" 2% a"i&!9Dce!terD4$

7"oc$ri e tit"$
@entru a introduce titluri 35eaders8 trebuie s0 !olosim urm0toarele etic5ete>
23E4::::253EC 3entru caractere mai mari /i aldine8,
23F4::::253F4 -entru caractere mai mici8,
23G4::::253G4 3entru caractere /i mai mici dec.t cele recedente de la 528,
23H4::::253H4 3entru caractere /i mai mici dec.t cele recedente de la 5'8,
23I4:::::253I4 3entru caractere /i mai mici dec.t cele recedente de la 548,
23J4:::::253J4 3entru caractere /i mai mici dec.t cele recedente de la 5D8$
&e asemenea, unui titlu i se oate stabili /i o%i(ia, alt!el el "a !i aliniat automat la st.nga$ Acest lucru
se oate reali%a rin includerea n etic5etele men(ionate mai sus a o%i(iei n care dorim s0 !ie aliniat
titlul, ca de e6emlu entru un titlu de m0rime 2 centrat l "om m0rgini cu urm0toarele etic5ete> 23F
a"i&!9Dce!terD4:::253F4:
Li!ii ori'o!ta"e
@entru a introduce olinie ori%ontal0 trebuie s0 !olosim etic5eta 23r4: @entru a stabili caracteristicile
acestei linii trebuie s0 introducem n cadrul etic5etei 23r4 urm0toarele cu"inte-c5eie>
a"i&!9D%o'iieD 3rig5t, le!t, center8 entru a stabili o%i(ia liniei, (it39&rosime entru a stabili
grosimea liniei, si'e9"Bime entru a stabili l0(imea liniei, !os3ae entru a introduce o linie !0r0
umbr0, co"or9Dc$"oareD entru a stabili culoarea liniei$ &e e6emlu entru a introduce o linie aliniat0
la st.nga, de grosime 12 i6eli, de l0(ime 1D0 i6eli, !0r0 umbr0, de culoare ro/ie "om introduce
urm0toarea etic5et0> 23r a"i&!9D"eftD (it39EF si'e9EIK !os3ae co"or9DreD4:
D
7"oc$ri 2ce!ter4
@entru a alinia la centru toate elementele unui bloc de te6t "om delimita acest bloc cu urm0toarele
etic5ete> 2ce!ter4:::::25ce!ter4$
7"oc$ri 2i#4
Modalitatea cea mai e!icient de delimitare /i de !ormatare a unui bloc de te6t este !olosirea
delimitatorilor 2i#4:::25i#4$ =n arametru !oarte util entru stabilirea caracteristicilor unui bloc
2i#4 este a"i&!$Ealorile osibile ale acestui arametru sunt>
9 "eft 9 3aliniere la st.nga8A
9 ce!ter 9 3aliniere central8A
9 ri&3t 9 3aliniere la dreata8$
=n bloc 2i#4:::25i#4 oate include alte subblocuri$ :n acest ca% , alinierea reci%at de atributul
align al blocului are e!ect asura tuturor subblocurilor incluse n blocul 2i#4A
Liste !eoro!ate
@entru a introduce o list0 neordonat0 "a trebui s0 delimit0m blocul de comonente ale listei rin
etic5etele 2$"4:::::25$"4 /i s0 unem tag-ul 2"i4 n !a(a !iec0rei comonente n arte, entru ca ast!el
ele s0 !ie scrise e un nou r.nd indentat !a(0 de restul aginii$ @entru a introduce marcatori !iec0rei
comonente a listei trebuie sa introducem in cadrul tag-ului 2"i4 una din urm0toarele atribute /i
"alori>
t.%e9Dcirc"eD 3cercule(8A
t.%e9DiscD 3disc lin8A
t.%e9Ds@$areD 30trat8$
&e e6emlu entru urm0toarea sec"en(0>
2$"4 Atri*$t
2"i t.%e9DiscD4 *&co"or?
2"i t.%e9Ds@$areD4 te/t?
25$"4, scris0 n editorul de te6t, bro,ser-ul "a a!i/a>
Atribut
bgcolorA
te6tA

Liste oro!ate
@entru a introduce o list0 orodonat0 "a trebui s0 delimit0m blocul de comonente ale listei rin
etic5etele 2o"4::::25o"4 s0 unem etic5eta 2"i4 n !a(a !iec0rei comonente n arte, entru ca ast!el
ele s0 !ie scrise e un nou r.nd indentat !a(0 de restul aginii$
*ag-ul 2o"4 oate a"ea atributul start care stabile/te "aloarea de lecare a sec"en(ei de ordonare, dar
/i atributul t.%e care stabile/te tiul de caractere utili%at entru ordonarea listei$ Ealorile e care le
oate lua atributul t.%e sunt>
,,AF entru ordonare de tiul A, B, C, & etc$ 3litere mari8A
,,aF entru ordonare de tiul a, b, c, d etc$ 3litere mici8A
G
,,IF entru ordonare de tiul I, II, III, IE etc$ 3ci!re romane mari8A
,,EF entru ordonare de tiul 1, 2, ', 4 etc$ 3ci!re arabe-o(iune restabilit08$
*ag-ul 2"i4 oate a"ea atributul #a"$e care stabile/te "aloarea entru elementul resecti" al listei
3aceast0 "aloare trebuie s0 !ie un num0r ntreg o%iti"8$ &e e6emlu entru 2"i #a"$e9J4 %ro&ram, se
a!i/ea%0 G$rogram$
Ta*e"e
@entru a introduce un tabel se utili%ea%0 etic5etele 2ta*"e4::::25ta*"e4$ @utem stabili num0rul de
r.nduri e care le are un tabel rin inserarea etic5etelor 2tr4:::25tr4 ori de c.te ori dorim ca n tabel
s0 !ie introdus un nou r.nd, iar num0rul de coloane stabilind num0rul de celule e care le are !iecare
r.nd rin inserarea tag-ului 2t4 n interiorul sa(iului delimitat de etic5etele 2tr4:::25tr4:
:n mod restabilit un tabel nu are c5enar$ @entru a ad0uga un c5enar unui tabel, se utili%ea%0 un
atribut al etic5etei 2ta*"e4 numit *orer, care oate s0 nu !ie urmat de nicio "aloare, ca% n care
tabelul "a a"ea un c5enar de grosime restabilit0 egal0 cu 1 i6el$
@entru a stabili l0(imea /i n0l(imea unui tabel "om utili%a atributele (it3 /i 3ei&3t ale etic5etei
2ta*"e4$ Ealorile acestor atribute ot !i>
numere ntregi o%iti"e rere%ent.nd l(imea resecti" nl(imea n i6eli a tabeluluiA
numere ntregi ntre 1 /i 100, urmate de semnul H, rere%ent.nd !rac(iunea din l(imea /i
nl(imea total0 a aginiiA

Lo!a i! +$r$" $!$i ta*e"
Ealoarea atributului 3s%ace a etic5etei Bta*"eC rere%int0 distan(a e ori%ontal0 dintre imagine /i te6t
3sre e6emlu8$
Ealoarea atributului #s%ace a etic5etei Bta*"eC rere%int0 distan(a e "ertical0 dintre imagine /i te6t
3sre e6emlu8$
Tit"$" $!$i ta*e"
@entru a une titlu unui tabel "a trebui s0 utili%0m etic5eta BcationC, care trebuie
inclus0 n interiorul sa(iului delimitat de etic5etele BtableC$$$$BItableC, dar n a!ara
celui delimitat de BtrC$$$$BItrC$
@entru a stabili o%i(ia titlului !a(0 de tabel "om utili%a atributul align al etic5etei 2ca%tio!4 care
oate lua "alorile>
J*ottomF 3sub tabel8A
Jto%F 3deasura tabelului8A
J"eftF 3la st.nga tabelului8A
Jri&3tF 3la dreata tabelului8$
Ca% e ta*e"
=n tabel oate a"ea celule cu semni!ica(ia ca% e ta*e"$ Aceste celule sunt introduse n etic5eta Bt3C
n loc de 2t4, ns0 toate atributele care ot !i ata/ate etic5etei 2t4 ot !i, de asemenea, ata/ate
etic5etei 2t34, iar con(inutul celulelor de!inite cu 2t34 este scris cu caractere aldine /i centrat$
=ni!icarea unei celule cu una sau mai multe celule din dreata ei se reali%ea%0 cu a#utorul atributului
co"s%a! al etic5etei Bt4> care ia ca "alori numere naturale ce au ca semni!ica(ie num0rul de celule
care se uni!ic0$
K
=ni!icarea unei celule cu una sau mai multe celule de dedesubtul ei se reali%ea%0 cu a#utorul
atributului ro(s%a! al etic5etei 2t4, care ia ca "alori numere naturale ce au ca semni!ica(ie num0rul
de celule care se uni!ic0$
Ce"$"e #ie a"e $!$i ta*e"
:n ca%ul n care ntr-un tabel aar celule de date "ide acestea nu "or a0rea delimitate de un c5enar,
ast!el c0 entru ca aceste celule s0 !ie bordate /i ele de un c5enar se rocedea%0 ast!el> du0 2t4 se
une caracterul C!*s% 3no brea4 sace81A=> du0 2t4 se une 2*r4 :
Alte atribute ale etic5etei BtableC>
*ac0&ro$! ermite stabilirea unei imagini entru !ondul unui tabelA
*orerco"or ermite stabilirea ntregii culorii entru c5enarul unui tabelA
*orerco"or"i&3t ermite stabilirea unui col( colorat entru c5enarul '& al unui tabel8A
*orerco"orar0 ermite stabilirea altui col( colorat entru c5enarul '& al unui tabel8$
Gr$%$ri e co"oa!e
@entru de!inirea unui gru de coloane "a trebui s0 !olosim etic5etele
2co"&ro$%4:::2 I co"&ro$%4: @entru a stabili o l0(ime unic0, o anumit0 aliniere /i num0rul de coloane
care intr0 ntr-un gru "om utili%a urm0toarele atribute ale etic5etei 2co"&ro$%4> (it3, a"i&! /i
resecti" s%a!, ns0 utem de asemenea !olosi acelea/i atribute entru !iecare coloan0 n arte dintr-
un gru
dac0 utili%0m tag-ul 2co"4, care admite /i el aceste atribute$ :n acest ca% s%a! identi!ic0 acea coloan0
din gru entru care se !ace con!igurarea 3dac0 lise/te, atunci coloanele sunt con!igurate n ordine8,
(it3 determin0 o la(ime entru coloana identic0 rin san, iar a"i&! determin0 o aliniere entru
coloana identic0 rin san$
Atributul r$"es al etic5etei Bta*"eC ermite alegerea unor delimitatori entru celulele unui tabel$
Ealorile osibile sunt> a"", co"s, ro(s, !o!e$
Ima&i!i
@entru a insera o imagine ntr-o agin0, se utili%ea% etic5eta Bim&C, ast!el>
2im& src9D aresa URL a ima&i!iiD4, unde src este un atribut al etic5etei 2im&4 rin intermediul
c0ruia imaginea este identi!icat0$
@entru a utili%a o imagine ca "i!0 3o %on0 acti"0 e care dac0 e!ectu0m clic4 cu butonul mouse-ului n
bro,ser se "a desc5ide o nou0 agin0 8 "om !olosi etic5etele 2a4::::25a4, atributul 3ref al etic5etei
2a4 care stabile/te agina care se "a desc5ide atunci c.nd se "a !ace clic4 e lin4, recum /i etic5eta
2im&4 /i atributul ei src, care stabile/te imaginea care "a constitui lin4-ul , ast!el>
2a 3ref9D!$me %a&i!BMe/te!sieD42 im& src9Daresa URL a ima&i!iiD425a4$
Le&Bt$ri
@entru a stabili o leg0tur0 c0tre o agin0 a!lat0 n acela/i director "om !olosi etic5etele 2a4::::25a4 /i
atributul 3ref al etic5etei 2a4 care ia "aloare numele !i/ierului )*M+ a!lat n acela/i director, care
"a nlocui "ec5ea agin0$ Cele dou0 !i/iere se desc5id unul du0 altul rin a0sarea unui clic4 e
te6tul subliniat 3e lin48$
@entru a stabili o leg0tur0 c0tre o agin0 a!lat0 e acela/i disc local, dar ntr-un alt director "om !olosi
din nou etic5etele 2a4:::25a4 /i atributul 3ref al etic5etei 2a4 care ns0 de aceast0 dat0 ia "aloarea
c0ii !i/ierului )*M+ a!lat e acela/i disc local, dar ntr-un alt director$ Cele dou0 !i/iere se desc5id
c.nd unul c.nd altul rin a0sarea unui singur clic4 e te6tul subliniat 3e lin48$
L
A!core
:ntr-o agin !oarte lung ot e6ista uncte de reer 3ancore8 ctre care se de!inesc legturi$
2 ancor se de!ine/te rin etic5eta 2a4 /i rin atributul s0u !ame care rime/te ca "aloare un nume
atribuit ancorei, ast!el> Ba nameMFnume ancor0FC$
@entru a insera o legtura ctre o ancor0 de!init n aceea/i agin se utili%ea% etic5eta 2a4 mreun0
cu atributul s0u 3ref! de "aloare 9Nnume ancor0F$
@entru a introduce o leg0tur0 c0tre o ancor0 de!init0 n alt document 3alt0 agin08 a!lat n acela/i
director,atributul 3ref rime/te o "aloare de !orma
J!$meNfi=ier:3tm"O!$meNa!corBD
&ac0 dorim ca agina solicitat0 s0 !ie nc0rcat0 ntr-o alt0 !ereastr0 dec.t cea curent0, atunci trebuie
lansat0 n e6ecu(ie o nou0 instan(0 a bro,ser-ului care "a con(ine noua agin0$ Acest lucru se
reali%ea%0 !olosind atributul tar&et al etic5etei BaC, care rime/te ca "aloare un nume entru !ereastra
n care se "a nc0rca noua agin0$ &ac0 mai multe leg0turi !olosesc aceea/i "aloare entru atributul
tar&et, nseamn0 c0 aginile re!erite de acestea se "or nc0rca n aceea/i !ereastr0$
Atributul i este un atribut uni"ersal, care oate !i ata/at oric0rui element al unei agini 7eb$ ;l "a
nlocui comlet atributul !ame, care utea !i ata/at numai anumitor elemente, rimind ca "aloare un
nume care identi!ic0 n mod unic un element$ &ac0 dorim s0 de!inim o ancor0 cu a#utorul atributului
i "om !olosi sinta6a>
2a 3ref 9 PO!$meD4 A25a4
2etic3etB i 9D!$meD4A25etic3etB4
@entru a !urni%a in!orma(ii sulimentare desre semni!ica(ia unei leg0turi trebuie s0 !olosim atributul
tit"e al etic5etei 2a4, care determin0 aari(ia unei mici !erestre n agina 7eb c.nd mouse-ul se a!l0
e o leg0tur0, !ereastr0 n care este a!i/at0 "aloarea dat0 acestui atribut$
@entru a ad0uga sunet unei agini 7eb trebuie s0 !olosim etic5eta *&so$! mreun0 cu unul din
atributele ei src> care ia ca "aloare numele melodiei$ =n alt atribut al etic5etei *&so$! este "oo%>
care ia ca "aloare un num0r ntreg o%iti" ce reci%ea%0 de c.te ori s0 se reete sunetul$ &ac0 dorim
ca sunetul de !undal s0 se reete de un un num0r in!init de ori atunci "a trebui s0 atribuim ca "aloare
acestui atribut >>6ED sa$ >>i!fi!iteD $
&ac0 dorim ca unui anumit bloc de te6t s0-i !ie alicat un anumit stil atunci "a trebui s0 utili%0m
sti"$ri"e eicate, c0rora le coresund etic5etele 2st."e4:::25st."e4> ce delimitea%0 tiul de te6t c0ruia
s0 i !ie alicat stilul, recum /i carcteristicile stilului dorit$ &e e6emlu dac0 dorim ca toate titlurile
de m0rimea 1 s0 !ie centrate /i de culoare ro/ie atunci "om introduce urm0toarea sec"en(0> 2st."e4 3E
Qte/t6a"i&!:ce!ter? co"or9re?R25st."e4$
&ac0 dorim ca acela/i stil s0 !ie utili%at de c0tre mai multe elemente atunci "om roceda rin a
delimita cu etic5etele 2st."e4::::25st."e4 tiurile de te6t des0r(ite rin "irgul0 c0rora dorim s0 le
atribuim stilul, recum /i carcteristicile stilului dorit$
@entru a de!ini un stil n scoul de a-l !olosi ori de c.te ori este necesar roced0m ast!el> mai nt.i
de!inim clasa de stiluri n modul urm0tor>
2st."e4
: !$me c"asB Qte/t6carcteristici"eNc"aseiNes%BriteN%ri!S?DNcaN<!Ne/em%"$"Na!terior R
25st."e4 3locul liber a!lat n !a(a numelui clasei de stiluri indic0 !atul c0 aceast0 clas0 este alicabil0
tuturor blocurilor de te6t, atunci c.nd este necesar 8, aoi dac0 dorim ca un anumit ti de te6t s0
!oloseasc0 stilul de!init "om roceda ast!el>
2ti%Ne Nte/t c"ass9!$me c"asB4A2 5 ti%NeNte/t4:
&ac0 dorim s0 de!inim o clas0 de stiluri care s0 !ie alicabil0 doar entru anumite elemente ale
documentului, atunci "om roceda ast!el> mai nt.i de!inim clasa de stiluri n modul urm0tor>
2st."e4
O
ti%Ne"eme!te: !$meNc"asBQcarcteristici"eNc"aseiNse%arateN%ri!S?DNcaN<!Ne/em%"$"Na!terior R
25st."e4> aoi o alic0m elementelor cu tiul dorit 2ti%Ne Nte/t c"ass9!$meNc"asB4A2 5
ti%NeNte/t4$
Sti"$ri >>ie!tificateD
Atributul i, desre care am dicutat anterior oate identi!ica de asemenea /i stilul utili%at de un
element$
@entru a utili%a un stil ,,identi!icatF, "om roceda ast!el>
E$ 2st."e4
ONUMELE STILULUI DEFINIT Q carcteristici"eNsti"$"$i Nse%arateN%ri!D?D R
25st."eC
F$ n elementul n care se dore/te utili%area local0 a acestui stil, !olosi(i atributul i care rime/te ca
"aloare numele stilului de!init anterior$
&ac0 dorim ca un stil ,,identi!icatF s0 !ie alicabil numai entru anumite elemente ale documentului,
atunci roced0m ast!el> mai nt.i de!inim clasa de stiluri n modul urm0tor>
2st."e4ti%Ne"eme!teO !$meNsti"Q carcteristici"eNsti"$"$i Nse%arateN%ri!D?D R
25st."e4> aoi o alic0m elementelor cu tiul dorit ast!el>
2ti%Ne Nte/t i9!$meNsti"4A2 5 ti%NeNte/t4$
&e e6emlu dac0 dorim ca toate blocurile de te6t cursi" dintr-un bloc de te6t de ti aragra! s0 !ie de
culoare ro/ie, atunci>
2st."e4 % > i Qco"or : re ? R2st."eC
1tilurile i!6"i!e sunt de!inite c5iar n etic5eta ce ini(ia%0 blocul n care dorim s0 se alice aceste stiluri
ast!el>
2ti%N*"oc st."e9D carcteristici"eNsti"$"$i Nse%arateN%ri!D?D D4::::25ti%N*"oc4$
:n ca%ul n care dorim utili%area unui anumit stil entru un !ragment de te6t, atunci includem acest
te6t ntr-un bloc cu a#utorul delimitatorilor Bs%a!CPB I s%a!C du0 care utili%0m atributul st."e> care
ia ca "aloare carcteristicile stilului de!init searate rin FAF entru etic5eta 2s%a!4:
Sti"$ri efi!ite <! fi=iere e/ter!e
@roced0m ast!el>
E: Cre0m un !i/ier 5tml, care "a a"ea ca /i con(inut con(inutul unui bloc BstQleCPB I stQleC, !0r0 ca
ace/ti delimitatori s0 !ie inclu/i$
F: Cre0m un nou !i/ier 5tml n care includem n blocul B5eadCPB I 5eadC o etic5et0 B"i!0C a".nd
atributele>
atributul re" cu "aloarea Jst."es3eetF
atributul t.%e cu "aloarea Jte/t5cssF
atributul 3ref a".nd ca "aloare adresa =R+ a !i/ierului creat anterior$
&ac0 un atribut are "aloarea ,, T im%orta!t F, atunci el are rioritate ma6im0$
Ti%$" fo!t$"$i oate !i stabilit cu a#utorul atributului fo!t6fami"., care are ca "aloare numele tiului
!ontului dorit$
Grosimea fo!t$"$i oate !i stabilit0 cu a#utorul atributului fo!t6(ei&3t, care oate lua ca "alori>
!orma"- entru caractere de grosime normal0A
*o"6 entru caractere de grosime mai mareA
*o"er6 entru careactere de grosime /i mai mare dec.t cea anterioar0A
10
"i&3ter6 entru caractere de grosime mai mic0 dec.t cea normal0A
"alori numerice ntre EKK 3entru !ontul cel mai sub(ire8 /i UKK 3entru !ontul cel mai gros8A
Sti"$" fo!t$"$i oate !i stabilit cu a#utorul atributului fo!t6st."e, care oate lua ca "alori>
!orma" S entru caractere scrise normalA
ita"ic- entr caractere scrise nclinatA
Varia!te"e fo!t$"$i ot !i stabilite cu a#utorul atributului fo!t6#aria!t, care oate luaca "alori>
!orma"6 entru carctere scrise normalA
sma""6ca%s6 entru ma#usculeA
Care <! ,TML
&ac0 dorim ca n interiorul !erestrei bro,ser-ului s0 de!inim alte sub!erestre 3cadre8 "a trebui s0
nlocuim n !i/ierul 5tml blocul 2*o.4:::25*o.4 cu blocul 2frameset4::::25frameset4, n interiorul
c0ruia !iecare cadru este introdus rin etic5eta 2frame4 ce are un atribut obligatoriu, /i anume src,
care rime/te ca "aloare adresa =R+ a documentului )*M+ care "a !i ncrcat n acel !rame 3cadru8$
&e!inirea cadrelor se !ace rin mr(irea !erestrelor 3/i a sub!erestrelor8 n linii /i coloane>
mr(irea unei !erestre ntr-un numr de sub!erestre de ti coloan se !ace cu a#utorul
atributului co"s al etic5etei 2frameset4 ce descrie acea !ereastr /i care ia ca "aloare o list de
elemente searate rin "irgul , care descriu modul n care se !ace mr(ireaA
mr(irea unei !erestre ntr-un numr de sub!erestre de ti linie se !ace cu a#utorul atributului
ro(s al etic5etei 2frameset4 ce descrie acea !ereastr /i care ia ca "aloare o list de elemente
searate rin "irgul , care descriu modul n care se !ace mr(ireaA
1$ ;lementele unei liste care descrie modul n care se !ace mr(irea ot !i>
un numr ntreg de i6eliA
2$ rocente din dimensiunea !erestrei 3numr ntre 1 /i OO terminat cu H8A
'$ n
T
care nseamn ! r(i din sa(iul rmasA
2bser"a(ii
dac mai multe elemente din list sunt con!igurate cu W , atunci sa(iul disonibil rmas entru
ele se "a mr(i n mod egalA
sub!ereastr oate !i un cadru 3!olosind B!rameC8 n care se "a ncrca un document )*M+,
sau oate !i mr(it la r.ndul ei la alte sub!ereste 3!olosind B!ramesetC8A

11
C$"ori %e!tr$ c3e!are"e care"or =i ime!sio!area c3e!ar$"$i $!$i car$
&ac0 dorim ca un c5enar al unui cadru s0 aib0 o anumit0 culoare atunci "om !olosi atributul
*orerco"or care ia ca "aloare un nume de culoare sau o culoare de!init n con!ormitate cu modelul
de culoare RGB /i care este atribuit !ie etic5etei !rameset, dac0 dorim s0 stabilim culoarea tuturor
c5enarelor cadrelor incluse, !ie etic5etei !rame entru a stabili culoarea c5enarului
entruaunacadruaindi"idual$
@entru a stabili grosimea e6rimat0 n i6eli a c5enarelor "om utili%a atributul *orer al etic5etei
2frameset4$ :n ca%ul n care nu dorim s0 stabilim o anumit0 grosime a c5enarelor, ea "a lua automat
"aloarea restabilit0 de D i6eli$ 2 "aloare de 0 i6eli "a de!ini un cadru !r c5enar$
:n mod restabilit, c5enarul unui cadru este a!i/at /i are asect tridimensional, ns0 a!i/area c5enarului
unui cadru se oate de%acti"a dac se utili%ea% atributul frame*orer cu "aloare X!oX> sau acti"a
dac0 se utili%ea%0 acest atribut cu "aloarea D.esD$ &ac0 dorim ca de%acti"area a!i/0rii c5enarelor s0
!ie "alabil entru toate cadrele incluse atunci "om ata/a atributul !rameboard etic5etei 2frameset4,
iar dac0 dorimca ea s0 !ie "alabil numai entru un singur cadru atunci l "om ata/a etic5etei
2frame4$
7are e efi"are
&ac0 dorim s0 utem na"iga n interiorul documentului a!i/at n interiorul unui cadru, atunci "om
!olosi atributul scro""i!& al etic5etei 2frame4, care adaug acelui cadru o bar de derulare$ Ealorile
e care le oate lua acest atribut sunt>
9Qes9 - barele de derulare sunt adugate ntotdeaunaA
9no9 - barele de derulare nu sunt utili%abileA
9auto9 - barele de derulare sunt "i%ibile atunci c.nd este necesarA
:n lus dac0 dorim ca util%atorul s0 nu oat0 redimensiona cadrul cu a#utorul mouse-ului atunci
"om !olosi atributul !oresi'e al etic5etei 2frame4 3!r nici o "aloare sulimentar8$
Po'iio!area oc$me!t$"$i <!tr6$! car$
A"em osibilitatea de a stabili distan(a n i6eli dintre con(inutul unui cadru /i marginile "erticale,
resecti" ori%ontale ale cadrului cu a#utorul atributelor mar&i!3ei&3t /i mar&i!(it3 ale etic5etei
2frame4> care iua ca "alori numrul de i6eli sau rocentul din l(imea, resecti" din nl(imea
cadrului$
i!te %e!tr$ "e&)t$ri
:n mod restabilit, la e!ectuarea unui clic e o legtur, noua agin 3ctre care indic legtura8 o
nlocuie/te e cea curent n aceea/i !ereastr 3acela/i cadru8$ Acest comortament se oate sc5imba
n dou moduri>
rin lasarea n blocul 23ea4:::253ea4 a unui element BbaseC care reci%ea%, rin
atributul tar&et numele !erestrei 3cadrului8 n care se "or ncrca toate aginile noi re!erite de
legturile din agina curent con!orm sinta6ei>
<*ase tar&et9Xnume_fereastra/frame_de_baza"> A
rin lasarea n etic5eta 2a4 a atributului target, care reci%ea% numele !erestrei 3cadrului8 n
care se "a ncrca agina nou re!erit de legtura, con!orm sinta6ei>
<a 3ref9XlegturaX tar&et9Xnume_fereastra/frameX4:::25a4?
12
Ao*e Dream(ea#er
Adobe &ream,ea"er este o unealt destinat creatorilor de agini ,eb$ &ream,ea"er a !ost creat de
Macromedia 3acum Adobe 1Qstems8 /i momentan a a#uns la "ersiunea L$ @rimele "ersiuni ale rodusu
lui ser"eau doar ca simle editoare )*M+ de tiul 7?1I7?G dar n "ersiunile recente au !ost imle
mentate !unc(ii de editare a"ansate /i suort entru alte te5nologii ,eb cum ar !i C11, Ua"a1crit etc$
Ca orice alt editor 7?1I7?G, &ream,ea"er oate ascunde
detaliile de imlementare a aginilor )*M+, !c.nd ast!el osibil crearea cu
u/urin( a aginilor ,eb de ctre utili%atorii nee6erimenta(i$
&ream,ea"er ermite !olosirea ma#orit(ii bro,serelor instalate e
calculatorul utili%atorului, entru a re"i%uali%a ,ebsiteul creat$ &e asemenea con(ine /i c.te"a utilitar
e entru administrarea siteurilor, cum ar !i cele entru a gsi /i modi!ica un aragra! sau o linie de cod
, n ntregul ,eb site, e ba%a oricror arametri seci!ica(i de ctre utili%ator$ Cu a#utorul anourilor
de stare se oate crea cod Ua"a1crit !r a a"ea cuno/tin(e de rogramare
=nii creatori de agini ,eb critic aceste tiuri de editoare deoarece roduc agini de dimensiuni
mult mai mari dec.t ar !i necesar, ceea ce conduce la o !unc(ionare neer!ormant a bro,serelor ,eb$
Aceast a!irma(ie este n mare arte ade"arat deoarece aginile ,eb roduse !olosesc design-ul e
ba% de tabel$ :n lus, rodusul a mai !ost criticat n trecut /i entru roducerea de coduri care adesea
nu erau con!orm standardelor 7'C, dar acest asect a !ost mult mbunt(it n "ersiunile recente$ Cu
toate acestea, Macromedia a crescut suortul entru te5nologia C11 recum /i alte modalit(i de
design !r a !i necesar !olosirea design-ului e ba% de tabel$
2dat cu aari(ia "ersiunii MX, Macromedia a ncororat utilitare de generare dinamic a
con(inutului$ &e asemenea este o!erit suort entru conectarea la ba%e de date 3cum ar !i MQ1V+ /i
Microso!t Access8 entru a !iltra /i a!i/a con(inutul !olosind scrit-uri de genul @)@, Cold<usion,
Acti"e 1er"er @ages 3A1@8 /i A1@$-;*, !r a a"ea ne"oie de o realabil e6erien( n rogramare$
U! as%ect foarte ")$at a" Dream(ea#er6$"$i <" re%re'i!t) ar3itect$ra sa e/te!si*i"): E/te!sii"e>
a=a c$m s$!t e"e c$!osc$te> s$!t mici %ro&rame> %e care orice e'#o"tator "e %oate scrie -e
1'
o*icei <! ,TML =i Ya#aScri%t1 =i %e care orici!e "e %oate escarca =i i!sta"a> acestea a$cZ! $!
s%or e %erforma!) =i f$!cio!a"itate <m*$!)t)it) %ro&ram$"$i: E/ist) o com$!itate e
e'#o"tatori care %ro$c aceste e/te!sii =i "e %$*"ic) -atZt comercia" cZt =i &rat$it1 %e!tr$
%ro*"eme e e'#o"tare (e*> e "a sim%"e efecte ro""o#er %Z!) "a so"$ii com%"ete e #Z!'are
o!"i!e:
Str$ct$ra a%"icaiei
1tructural, aginile au !ost reali%ate cu a#utorul tabelelor, !iecare agina este imartita in trei %one,
antetul 3)eader8, content3BodQ8, si subsol3<ooter8$
Meniul rincial, c.t /i submeniurile au !ost reali%ate n 5tml /i css 3cascading stQle s5eet8, entru
care s-a !olosit n rincial rogramul de editare Adobe &ream,ea"er C1D$ :n rimul r.nd 3table
ro,8 este re%entat meniul animat, din care se oate alege>
General S In!ormatii generaleA
@roducatorA
+ista de #ocuriA
<ilmeA
ContactA
14
M=- II CAR@A I
1D
Co s$rs):
BW&2C*?@; )*M+C
B5tmlC
B5eadC
BtitleCMuntii CaratiBItitleC
Bmeta nameM9descrition9 contentM9,ebsite descrition9 IC
Bmeta nameM94eQ,ords9 contentM9,ebsite 4eQ,ords, ,ebsite 4eQ,ords9 IC
Bmeta 5tt-eXui"M9content-tQe9 contentM9te6tI5tmlA c5arsetM=*<-L9 IC
BW-- stQles5eets --C
Blin4 5re!M9cssIstQle$css9 relM9stQles5eet9 tQeM9te6tIcss9 IC
Blin4 5re!M9cssIcolour$css9 relM9stQles5eet9 tQeM9te6tIcss9 IC
BW-- moderni%r enables )*M+D elements and !eature detects --C
Bscrit tQeM9te6tI#a"ascrit9 srcM9#sImoderni%r-1$D$min$#s9CBIscritC
BI5eadC
BbodQC
Bdi" idM9main9C
BW-- begin 5eader --C
B5eaderC
Bdi" idM9logo9CB51C Ba 5re!M9inde6$5tml9C M=-*II CAR@A*IBI51CBIdi"C
Bna"C
Bul classM9s!-menu9 idM9na"9C
Bli classM9selected9CBa 5re!M9inde6$5tml9CAcasaBIaCBIliC
BliCBa 5re!M9locali%are$5tml9C+ocali%areBIaCBIliC
BliCBa 5re!M9N9CCaratiiBIaC
BulC
BliCBa 5re!M9oriental$5tml9C2rientaliBIaCBIliC
BliCBa 5re!M9meridional$5tml9CMeridionaliBIaCBIliC
BliCBa 5re!M9occidental$5tml9C2ccidentaliBIaCBIliC
BIulC
BIliC
BliCBa 5re!M9resurse$5tml9C2biecti"eBIaCBIliC
BliCBa 5re!M9contact$5tml9CAutorBIaCBIliC
BIulC
BIna"C
BI5eaderC
BW-- end 5eader --C
BW-- begin content --C
Bdi" idM9siteYcontent9C
Bul classM9slides5o,9C
Bli classM9s5o,9CBimg ,idt5M9OD09 5eig5tM94D09 srcM9imagesI5omeY1$#g9 ICBIliC
BliCBimg ,idt5M9OD09 5eig5tM94D09 srcM9imagesI5omeY2$#g9 ICBIliC
BliCBimg ,idt5M9OD09 5eig5tM94D09 srcM9imagesI5omeY'$#g9 ICBIliC
BIulC
BIdi"C
1G
BW-- end content --C
BIdi"C
BW-- #a"ascrit at t5e bottom !or !ast age loading --C
Bscrit tQeM9te6tI#a"ascrit9 srcM9#sI#XuerQ$min$#s9CBIscritC
Bscrit tQeM9te6tI#a"ascrit9 srcM9#sI#XuerQ$easing-sooer$#s9CBIscritC
Bscrit tQeM9te6tI#a"ascrit9 srcM9#sI#XuerQ$sooer!is5$#s9CBIscritC
Bscrit tQeM9te6tI#a"ascrit9 srcM9#sIimageY!ade$#s9CBIscritC
BW-- initialise sooer!is5 menu --C
Bscrit tQeM9te6tI#a"ascrit9C
Z3document8$readQ3!unction38 [
Z3\ul$s!-menu\8$sooer!is538A
]8A
BIscritC
BIbodQC
BI5tmlC
E: Loca"i'are[ "oca"i'are:3tm"
Co s$rsa:
<!DOCTYPE HTL!
<"t#l!
<"ead!
<title!$%T&& C'(P'T&<)title!
<#eta na#e*+des,ri-tion+ ,ontent*+.ebsite des,ri-tion+ )!
<#eta na#e*+/e0.ords+ ,ontent*+.ebsite /e0.ords1 .ebsite /e0.ords+ )!
<#eta "tt-2e3ui4*+,ontent2t0-e+ ,ontent*+te5t)"t#l6 ,"arset*$TF28+ )!
<!22 st0les"eets 22!
<lin/ "re7*+,ss)st0le.,ss+ rel*+st0les"eet+ t0-e*+te5t),ss+ )!
<lin/ "re7*+,ss),olour.,ss+ rel*+st0les"eet+ t0-e*+te5t),ss+ )!
<!22 #oderni8r enables HTL9 ele#ents and 7eature dete,ts 22!
<s,ri-t t0-e*+te5t):a4as,ri-t+ sr,*+:s)#oderni8r2;.9.#in.:s+!<)s,ri-t!
<)"ead!
1K
<bod0!
<di4 id*+#ain+!
<!22 begin "eader 22!
<"eader!
<di4 id*+logo+!<";!<a "re7*+inde5."t#l+!$%T&& C'(P'T&<)";!<)di4!
<na4!
<ul ,lass*+s72#enu+ id*+na4+!
<li!<a "re7*+inde5."t#l+!',asa<)a!<)li!
<li !<a "re7*+lo,ali8are."t#l+!Lo,ali8are<)a!<)li!
<li!<a "re7*+<+!Car-ati<)a!
<ul!
<li!<a "re7*+oriental."t#l+!Orientali<)a!<)li!
<li!<a "re7*+#eridional."t#l+!eridionali<)a!<)li!
<li!<a "re7*+o,,idental."t#l+!O,,identali<)a!<)li!
<)ul!
<)li!
<li!<a "re7*+resurse."t#l+!Obie,ti4e<)a!<)li!
<li!<a "re7*+,onta,t."t#l+!'utor<)a!<)li!
<)ul!
<)na4!
<)"eader!
<!22 end "eader 22!
<!22 begin ,ontent 22!
<di4 id*+site=,ontent+!
<di4 id*+le7t=,ontent+!
<";!Lo,ali8are<)";!
<-!un>ii Car-a>i re-re8int? un lan> #untos1 a-ar>in@nd #arelui siste# #untos
,entral al Euro-ei.
Car-a>ii ,u-rinAi Bntre Ca8inul Dienei E,are2l se-ar? de lan>ul al-inF Ai ,uloarul
Ti#o/ului E,are Bl se-ar? de Gtara
Planina1 Bn Peninsula Cal,ani,?F 7or#ea8? un ar, ,u o lungi#e de ;9HH /# Ai o
l?>i#ea #a5i#? de ;IH /#1 des7?Aur@ndu2se
-e 6J Bn latitudine Ai a-ro5i#ati4 ;HJ Bn longitudine.
un>ii se Bntind -e teritoriul a o-t stateK 'ustria1 Ce"ia1 Glo4a,ia1 Polonia1 $ngaria1
$,raina1 (o#@nia Ai Gerbia.<)-!
<)di4!
<di4 id*+rig"t=,ontent+!
<i#g st0le*+7loatK le7t6+ sr,*+i#ages)about.:-g+ title*+about #e+ .idt"*49H
"eig"*IHH alt*+about #e+)!
<)di4!
<)di4!
<!22 end ,ontent 22!
<)di4!
<!22 :a4as,ri-t at t"e botto# 7or 7ast -age loading 22!
<s,ri-t t0-e*+te5t):a4as,ri-t+ sr,*+:s):3uer0.#in.:s+!<)s,ri-t!
<s,ri-t t0-e*+te5t):a4as,ri-t+ sr,*+:s):3uer0.easing2soo-er.:s+!<)s,ri-t!
1L
<s,ri-t t0-e*+te5t):a4as,ri-t+ sr,*+:s):3uer0.soo-er7is".:s+!<)s,ri-t!
<!22 initialise soo-er7is" #enu 22!
<s,ri-t t0-e*+te5t):a4as,ri-t+!
LEdo,u#entF.read0E7un,tionEF M
LENul.s72#enuNF.soo-er7is"EF6
OF6
<)s,ri-t!
<)bod0!
<)"t#l!
F: Car%atii Orie!ta"i 6 orie!ta":3tm"
Co s$rsa:
BW&2C*?@; )*M+C
B5tmlC
B5eadC
BtitleCM=-*II CAR@A*IBItitleC
Bmeta nameM9descrition9 contentM9,ebsite descrition9 IC
Bmeta nameM94eQ,ords9 contentM9,ebsite 4eQ,ords, ,ebsite 4eQ,ords9 IC
Bmeta 5tt-eXui"M9content-tQe9 contentM9te6tI5tmlA c5arsetM=*<-L9 IC
BW-- stQles5eets --C
1O
Blin4 5re!M9cssIstQle$css9 relM9stQles5eet9 tQeM9te6tIcss9 IC
Blin4 5re!M9cssIcolour$css9 relM9stQles5eet9 tQeM9te6tIcss9 IC
BW-- moderni%r enables )*M+D elements and !eature detects --C
Bscrit tQeM9te6tI#a"ascrit9 srcM9#sImoderni%r-1$D$min$#s9CBIscritC
BI5eadC
BbodQC
Bdi" idM9main9C
BW-- begin 5eader --C
B5eaderC
Bdi" idM9logo9CB51CBa 5re!M9inde6$5tml9CM=-*II CAR@A*IBI51CBIdi"C
Bna"C
Bul classM9s!-menu9 idM9na"9C
BliCBa 5re!M9inde6$5tml9CAcasaBIaCBIliC
Bli CBa 5re!M9locali%are$5tml9C+ocali%areBIaCBIliC
BliCBa 5re!M9N9CCaratiBIaC
BulC
BliCBa 5re!M9oriental$5tml9C2rientaliBIaCBIliC
BliCBa 5re!M9meridional$5tml9CMeridionaliBIaCBIliC
BliCBa 5re!M9occidental$5tml9C2ccidentaliBIaCBIliC
BIulC
BIliC
BliCBa 5re!M9resurse$5tml9C2biecti"eBIaCBIliC
BliCBa 5re!M9contact$5tml9CAutorBIaCBIliC
BIulC
BIna"C
BI5eaderC
BW-- end 5eader --C
BW-- begin content --C
Bdi" idM9siteYcontent9C
Bdi" idM9le!tYcontent9C
B51CCaratii 2rientaliBI51C


BCCara ii 2rientali rere%int unul din marile segmente montane ale mun ilor Cara i, i se a!l e
teritoriul Rom.niei,
=crainei, 1lo"aciei i @oloniei$ A a du cum indic i numele, Cara ii 2rientali se gsesc n
artea estic a lan ului muntos,
re%ent.nd o "arietate larg de roci, asecte geo!i%ice, geologice i mor!ologice, nl imi, mduriri,
!lor i !aun$BIC
BCGrua -ordic a Cara ilor 2rientali curinde urmtoarele subdi"i%iuni> Mun ii 2a , Mun ii
Gut.i, Mun ii ibles, Mun ii Maramure ,
Mun ii 1u5ard, Mun ii B.rgu, Muntii Rodnei cu cel mai inalt "ar! de aici, @ietrosu 2'0' m,
2bcinele Buco"inene 3 2bcina Mestecanis, 2bcina <eredeului
si 2bcina Mare8 , &eresiunea 2a e r.ul *ur,
&eresiunea Maramure e r.urile > *isa,I%a i Ei eu, &eresiunea &ornelor e Bistri a,
&eresiunea Camulung Moldo"enesc e Moldo"a, @asul @rislo 141G m,
20
@asul etre!, @asul *i5u a, @asul Mestecani $BIC
BC:n Grua Central se gsesc> Mun ii Climani cu "ar!ul @ietrosu de 2100 m, Mun ii Gurg5iului,
Muntii )arg5ita, Muntii Ciomatu, Mun ii Giurgeu, Mun ii ) ma u
Mare, Mun ii Ciuc, Mun ii -emira, Mun ii Bistri ei, Muntii Cea5lu, Muntii *arcu, Muntii
1t.ni oarei, Mun ii Gosmanu, Mun ii Ber%un i, &eresiunea Ciuc e r.ul
2lt, &eresiunea Giurgeu e r.ul Mure , &eresiunea Comane ti e r.ul *rotu , @asul I%"orul
Mure ului, @asul Bucin, @asul 2itu%, @asul *u nad$BIC
BC:n Grua 1udica sunt> Muntii :ntorsurii, Mun ii Bre cu, Mun ii B.rsei !ormati din @ost"aru i
@iatra Mare, Mun ii Erancei Mun ii Bu%ului !orma i din @enteleu ,
1iriu i @odu Calului, Mun ii Ciuca , Mun ii Baiu, &eresiunea Bra o" e r.urile 2lt i R.ul
-egru, &eresiunea :ntorsura Bu%ului e r.ul Bu%au, @asul @redeal,
@asul Bratocea, @asul 2itu%$BICBIdi"C
Bdi" idM9rig5tYcontent9C
Bimg stQleM9!loat> le!tA9 srcM9imagesIorientali$#g9 ,idt5M4D0 5eig5M4D0 titleM9about me9
altM9about me9IC
BIdi"C
BIdi"C
BW-- end content --C


BIdi"C
BW-- #a"ascrit at t5e bottom !or !ast age loading --C
Bscrit tQeM9te6tI#a"ascrit9 srcM9#sI#XuerQ$min$#s9CBIscritC
Bscrit tQeM9te6tI#a"ascrit9 srcM9#sI#XuerQ$easing-sooer$#s9CBIscritC
Bscrit tQeM9te6tI#a"ascrit9 srcM9#sI#XuerQ$sooer!is5$#s9CBIscritC
BW-- initialise sooer!is5 menu --C
Bscrit tQeM9te6tI#a"ascrit9C
Z3document8$readQ3!unction38 [
Z3\ul$s!-menu\8$sooer!is538A
]8A
BIscritC
BIbodQC
BI5tmlC
21
G: Car%atii Meriio!a"i [ meriio!a":3tm"
Co s$rs):
BW&2C*?@; )*M+C
B5tmlC
B5eadC
BtitleCM=-*II CAR@A*IBItitleC
Bmeta nameM9descrition9 contentM9,ebsite descrition9 IC
Bmeta nameM94eQ,ords9 contentM9,ebsite 4eQ,ords, ,ebsite 4eQ,ords9 IC
Bmeta 5tt-eXui"M9content-tQe9 contentM9te6tI5tmlA c5arsetM=*<-L9 IC
BW-- stQles5eets --C
Blin4 5re!M9cssIstQle$css9 relM9stQles5eet9 tQeM9te6tIcss9 IC
Blin4 5re!M9cssIcolour$css9 relM9stQles5eet9 tQeM9te6tIcss9 IC
BW-- moderni%r enables )*M+D elements and !eature detects --C
Bscrit tQeM9te6tI#a"ascrit9 srcM9#sImoderni%r-1$D$min$#s9CBIscritC
BI5eadC
BbodQC
Bdi" idM9main9C
BW-- begin 5eader --C
B5eaderC
Bdi" idM9logo9CB51CBa 5re!M9inde6$5tml9CM=-*II CAR@A*IBI51CBIdi"C
22
Bna"C
Bul classM9s!-menu9 idM9na"9C
BliCBa 5re!M9inde6$5tml9CAcasaBIaCBIliC
Bli CBa 5re!M9locali%are$5tml9C+ocali%areBIaCBIliC
BliCBa 5re!M9N9CCaratiBIaC
BulC
BliCBa 5re!M9oriental$5tml9C2rientaliBIaCBIliC
BliCBa 5re!M9meridional$5tml9CMeridionaliBIaCBIliC
BliCBa 5re!M9occidental$5tml9C2ccidentaliBIaCBIliC
BIulC
BIliC
BliCBa 5re!M9resurse$5tml9C2biecti"eBIaCBIliC
BliCBa 5re!M9contact$5tml9CAutorBIaCBIliC
BIulC
BIna"C
BI5eaderC
BW-- end 5eader --C
BW-- begin content --C
Bdi" idM9siteYcontent9C
Bdi" idM9le!tYcontent9C
B51CCaratii MeridionaliBI51C


BCCara ii Meridionali, alturi de Cara ii 2rientali i Cara ii 2ccidentali rere%int cele trei mari
grue
muntoase ale Rom.niei$ &enumirea lor este dat re!eritor la o%i ia lor geogra!ic 3la sud, deci
meridionali ca
o%i ie8 !a de &eresiunea Colinar a *ransil"aniei, care rere%int simultan i limita lor
nordic$BIC
BCCara ii Meridionali rere%int cea mai masi", tiic i sectaculoas regiune montan a rii,
a".nd unele
similitudini cu Alii$ @arte distinct a Cara ilor Meridionali, Mun ii <gra , cei mai sectaculo i,
nal i i
slbatici mun i ai Rom.niei, i-au insirat e geogra!ul !rance%;mmanuel de Martonne s-i
denumeasc i Alii
*ransil"aniei, con!orm lucrrii sale Rec5erc5es sur l\;"olution mor5ologiXue des Ales de
*ransQl"anie 3^arates
meridionales8, ublicat la @aris, ;ditura &elagra"e, 1O0G$BIC
BC+imita lor "estic, sre Cara ii 2ccidentali, este culoarul deresionar Cerna-*imi -Bistra-
)a eg- tei-2r tie,
iar limita lor estic 3sreCara ii Curburii8 o rere%int Ealea @ra5o"ei$ +imita sudic a Cara ilor
Meridionali
o rere%int un abrut ma#or 3e alocuri a".nd o di!eren de ni"el .n la 1000 m8 !ormat din trei
grue>
1ubcara ii Curburii 3ntre @ra5o"a i &.mbo"i a8, 1ubcara ii Getici 3ntre &.mbo"i a i Motru8 i
@odi ul Me5edin i
3ntre Motru i &unre8$
2'
BICBIdi"C
Bdi" idM9rig5tYcontent9C
Bimg stQleM9!loat> le!tA9 srcM9imagesImeridionali$#g9 ,idt5M4D0 5eig5M4D0 titleM9about me9
altM9about me9IC
BIdi"C
BIdi"C
BW-- end content --C
BW-- begin !ooter --C
BIdi"C
BW-- #a"ascrit at t5e bottom !or !ast age loading --C
Bscrit tQeM9te6tI#a"ascrit9 srcM9#sI#XuerQ$min$#s9CBIscritC
Bscrit tQeM9te6tI#a"ascrit9 srcM9#sI#XuerQ$easing-sooer$#s9CBIscritC
Bscrit tQeM9te6tI#a"ascrit9 srcM9#sI#XuerQ$sooer!is5$#s9CBIscritC
BW-- initialise sooer!is5 menu --C
Bscrit tQeM9te6tI#a"ascrit9C
Z3document8$readQ3!unction38 [
Z3\ul$s!-menu\8$sooer!is538A
]8A
BIscritC
BIbodQC
BI5tmlC
H: Car%atii Occie!ta"i6 occie!ta":3tm"
24
Cod surs >
BW&2C*?@; )*M+C
B5tmlC
B5eadC
BtitleCM=-*II CAR@A*IBItitleC
Bmeta nameM9descrition9 contentM9,ebsite descrition9 IC
Bmeta nameM94eQ,ords9 contentM9,ebsite 4eQ,ords, ,ebsite 4eQ,ords9 IC
Bmeta 5tt-eXui"M9content-tQe9 contentM9te6tI5tmlA c5arsetM=*<-L9 IC
BW-- stQles5eets --C
Blin4 5re!M9cssIstQle$css9 relM9stQles5eet9 tQeM9te6tIcss9 IC
Blin4 5re!M9cssIcolour$css9 relM9stQles5eet9 tQeM9te6tIcss9 IC
BW-- moderni%r enables )*M+D elements and !eature detects --C
Bscrit tQeM9te6tI#a"ascrit9 srcM9#sImoderni%r-1$D$min$#s9CBIscritC
BI5eadC
BbodQC
Bdi" idM9main9C
BW-- begin 5eader --C
B5eaderC
Bdi" idM9logo9CB51CBa 5re!M9inde6$5tml9CM=-*II CAR@A*IBI51CBIdi"C
Bna"C
Bul classM9s!-menu9 idM9na"9C
BliCBa 5re!M9inde6$5tml9CAcasaBIaCBIliC
Bli CBa 5re!M9locali%are$5tml9C+ocali%areBIaCBIliC
BliCBa 5re!M9N9CCaratiBIaC
BulC
BliCBa 5re!M9oriental$5tml9C2rientaliBIaCBIliC
BliCBa 5re!M9meridional$5tml9CMeridionaliBIaCBIliC
BliCBa 5re!M9occidental$5tml9C2ccidentaliBIaCBIliC
BIulC
BIliC
BliCBa 5re!M9resurse$5tml9C2biecti"eBIaCBIliC
BliCBa 5re!M9contact$5tml9CAutorBIaCBIliC
BIulC
BIna"C
BI5eaderC
BW-- end 5eader --C
BW-- begin content --C
Bdi" idM9siteYcontent9C
Bdi" idM9le!tYcontent9C
B51CCaratii 2ccidentaliBI51C


BCCara ii 2ccidentali, alturi de Cara ii 2rientali i Cara ii Meridionali rere%int
una dintre cele trei
2D
grue mari muntoase aleRom.niei$ &enumirea lor este dat re!eritor la o%i ia lor
geogra!ic 3la "est, deci occidentali
ca o%i ie8 !a de &eresiunea colinar a*ransil"aniei, care rere%int simultan i limita
lor estic, resecti" !a de Culoarul *imi -Cerna
entru Mun ii Banatului gruul sudic al 2ccidentalilor$BIC
BCCara ii 2ccidentali se des! oar ntre &unre, Barcu i 1ome $ Au o altitudine
ma6im de 1L4O m n Mun ii Bi5or, E.r!ul Curcubta Mare$
&iscontinuitatea este una din caracteristicile de ba% ale acestora$ Alctuirea geogra!ic
este !oarte "ariat, e6ist.nd un ade"rat 9mo%aic
etrogra!ic9 3!li , i turi cristaline, calcare, roci eruti"e, roci metamor!ice8$
BIC
BC:n Cara ii 2ccidentali se disting trei grue ma#ore de mun i>BIC
BulCBliCMun ii Auseni la nord de MuresBIliC
BliCMun ii @oiana Rusc, situa i central, la sud de Mure ,BIliC
BliCMun ii Banatului, n col ul sud-"estic al Rom.niei i la sud de *imi $BIliC
BIulC
BIdi"C
Bdi" idM9rig5tYcontent9C
Bimg stQleM9!loat> le!tA9 srcM9imagesIoccidentali$#g9 ,idt5M4D0 5eig5M4D0
titleM9about me9 altM9about me9IC
BIdi"C
BIdi"C
BW-- end content --C

BIdi"C
BW-- #a"ascrit at t5e bottom !or !ast age loading --C
Bscrit tQeM9te6tI#a"ascrit9 srcM9#sI#XuerQ$min$#s9CBIscritC
Bscrit tQeM9te6tI#a"ascrit9 srcM9#sI#XuerQ$easing-sooer$#s9CBIscritC
Bscrit tQeM9te6tI#a"ascrit9 srcM9#sI#XuerQ$sooer!is5$#s9CBIscritC
BW-- initialise sooer!is5 menu --C
Bscrit tQeM9te6tI#a"ascrit9C
Z3document8$readQ3!unction38 [
Z3\ul$s!-menu\8$sooer!is538A
]8A
BIscritC
BIbodQC
BI5tmlC
2G
I: O*iecti#e [res$rse:3tm"
Co s$rsa:
<!DOCTYPE HTL!
<"t#l!
<"ead!
<title!$%T&& C'(P'T&<)title!
<#eta na#e*+des,ri-tion+ ,ontent*+.ebsite des,ri-tion+ )!
<#eta na#e*+/e0.ords+ ,ontent*+.ebsite /e0.ords1 .ebsite /e0.ords+ )!
<#eta "tt-2e3ui4*+,ontent2t0-e+ ,ontent*+te5t)"t#l6 ,"arset*$TF28+ )!
<!22 st0les"eets 22!
2K
<lin/ "re7*+,ss)st0le.,ss+ rel*+st0les"eet+ t0-e*+te5t),ss+ )!
<lin/ "re7*+,ss),olour.,ss+ rel*+st0les"eet+ t0-e*+te5t),ss+ )!
<!22 #oderni8r enables HTL9 ele#ents and 7eature dete,ts 22!
<s,ri-t t0-e*+te5t):a4as,ri-t+ sr,*+:s)#oderni8r2;.9.#in.:s+!<)s,ri-t!
<)"ead!
<bod0!
<di4 id*+#ain+!
<!22 begin "eader 22!
<"eader!
<di4 id*+logo+!<";!<a "re7*+inde5."t#l+!$%T&& C'(P'T&<)";!<)di4!
<na4!
<ul ,lass*+s72#enu+ id*+na4+!
<li!<a "re7*+inde5."t#l+!',asa<)a!<)li!
<li !<a "re7*+lo,ali8are."t#l+!Lo,ali8are<)a!<)li!
<li!<a "re7*+<+!Car-ati<)a!
<ul!
<li!<a "re7*+oriental."t#l+!Orientali<)a!<)li!
<li!<a "re7*+#eridional."t#l+!eridionali<)a!<)li!
<li!<a "re7*+o,,idental."t#l+!O,,identali<)a!<)li!
<)ul!
<)li!
<li!<a "re7*+resurse."t#l+!Obie,ti4e<)a!<)li!
<li!<a "re7*+,onta,t."t#l+!'utor<)a!<)li!
<)ul!
<)na4!
<)"eader!
<!22 end "eader 22!
<!22 begin ,ontent 22!
<di4 id*+site=,ontent+!
<di4 id*+le7t=,ontent+!
<";!Obie,ti4e<)";!


<-!Cabele sunt 7or#a>iuni st@n,oase situate Bn a-ro-iere de 4@r7ul Caba are EPPQP #F1
situat Bn #asi4ul Cu,egi din Car-a>ii
eridionali. &#-ortant obie,ti4 turisti,1
Cabana Cabele este situat? sub 4@r7ul ,u a,elaAi nu#e Ai este -un,tul de -le,are ,entral Bn
dru#e>iile din #un>ii Cu,egi.
Cabele sunt R#artori de ero8iuneS1 7or#ate -rin erodarea eolian? di7eren>iat? a di7eritelor
strate geologi,e Bn ,are sunt s,ul-tate
E,onglo#erate ,reta,i,eF Ai se g?ses, Bn i#ediata 4e,in?tate a ,abanei ,u a,elaAi
nu#e.<)-!
<-!G7in5ul din un>ii Cu,egi este un #egalit antro-o#or7 situat la P.P;6 # altitudine.
Originea nu#elui G7in5ului este datorat? ase#?n?rii sale ,u un
,a- u#an1 #ai e5a,t ,u ase#?n?rea G7in5ului Egi-tean1 7or#area lui 7iind datorat? ero8iunii
eoliene E4@ntuluiF. For#at dintr2ul blo, #are de -iatr? ,e
2L
a ,?-?tat 7or#a de ast?8i intr2un ti#- 7oarte Bndelungat1 G7in5ul din Cu,egi1 a7lat -e -latoul
Cu,egi #?soara 8 #etri Bn Bn?l>i#e Ai ;P #etri Bn l?>i#e.<-!
<-!Din -un,t de 4edere istori, Ai ,"iar #isti,1 G7in5ul este re-re8entarea unei di4init?>i
su-re#e din ti#-uri -elasge. 's-e,tul s?u o#enes, este aso,iat
,u o e5-resie de su4eranitate Ai -utere1 a,est lu,ru 7iind e4iden>iat -rin 7a>a -ro-or>ionat?1
bu8e se4ere si b?rbia 4oluntar?. Pelasgii au 7ost anteriori
gre,ilor1 triburile lor au 7ost r?s-@ndite #ai ales Bn 8ona ?rii Egee. ul>i istori,i #erg -@n?
a,olo Bn,@t s-un ,? arele G7in5 de la Ti8a1 Egi-t1 este
o ,o-ie a ,elui de -e -lat7or#a Cu,egilor. ',est lu,ru se ba8ea8? -e niAte
ase#?n?ri ,are sunt #ai #ult sau #ai -u>in Bnt@#-l?toare1 ,u# ar 7i 7a-tul ,a G7in5ul din
Cu,egi are a,eeaAi Bn?lti#e ,u ,el egi-tean1 de la Ti8e".
<)-!<)di4!
<di4 id*+rig"t=,ontent+!
<i#g st0le*+7loatK le7t6+ sr,*+i#ages)babele.:-g+ .idt"*49H "eig"*49H title*+about #e+
alt*+about #e+)!
<i#g st0le*+7loatK le7t6+ sr,*+i#ages)s7in5ul.:-g+ .idt"*49H "eig"*49H title*+about #e+
alt*+about #e+)!
<)di4!
<)di4!
<!22 end ,ontent 22!
<!22 begin 7ooter 22!
<)di4!
<!22 :a4as,ri-t at t"e botto# 7or 7ast -age loading 22!
<s,ri-t t0-e*+te5t):a4as,ri-t+ sr,*+:s):3uer0.#in.:s+!<)s,ri-t!
<s,ri-t t0-e*+te5t):a4as,ri-t+ sr,*+:s):3uer0.easing2soo-er.:s+!<)s,ri-t!
<s,ri-t t0-e*+te5t):a4as,ri-t+ sr,*+:s):3uer0.soo-er7is".:s+!<)s,ri-t!
<!22 initialise soo-er7is" #enu 22!
<s,ri-t t0-e*+te5t):a4as,ri-t+!
LEdo,u#entF.read0E7un,tionEF M
LENul.s72#enuNF.soo-er7is"EF6
OF6
<)s,ri-t!
<)bod0!
<)"t#l!
2O
J: A$tor 6 co!tact:3tm"
Co s$rs):
<!DOCTYPE HTL!
<"t#l!
<"ead!
<title!$%T&& C'(P'T&<)title!
<#eta na#e*+des,ri-tion+ ,ontent*+.ebsite des,ri-tion+ )!
<#eta na#e*+/e0.ords+ ,ontent*+.ebsite /e0.ords1 .ebsite /e0.ords+ )!
<#eta "tt-2e3ui4*+,ontent2t0-e+ ,ontent*+te5t)"t#l6 ,"arset*$TF28+ )!
<!22 st0les"eets 22!
<lin/ "re7*+,ss)st0le.,ss+ rel*+st0les"eet+ t0-e*+te5t),ss+ )!
<lin/ "re7*+,ss),olour.,ss+ rel*+st0les"eet+ t0-e*+te5t),ss+ )!
<!22 #oderni8r enables HTL9 ele#ents and 7eature dete,ts 22!
<s,ri-t t0-e*+te5t):a4as,ri-t+ sr,*+:s)#oderni8r2;.9.#in.:s+!<)s,ri-t!
<)"ead!
<bod0!
'0
<di4 id*+#ain+!
<!22 begin "eader 22!
<"eader!
<di4 id*+logo+!<";!<a "re7*+inde5."t#l+!$%T&& C'(P'T&<)";!<)di4!
<na4!
<ul ,lass*+s72#enu+ id*+na4+!
<li!<a "re7*+inde5."t#l+!',asa<)a!<)li!
<li !<a "re7*+lo,ali8are."t#l+!Lo,ali8are<)a!<)li!
<li!<a "re7*+<+!Car-ati<)a!
<ul!
<li!<a "re7*+oriental."t#l+!Orientali<)a!<)li!
<li!<a "re7*+#eridional."t#l+!eridionali<)a!<)li!
<li!<a "re7*+o,,idental."t#l+!O,,identali<)a!<)li!
<)ul!
<)li!
<li!<a "re7*+resurse."t#l+!Obie,ti4e<)a!<)li!
<li!<a "re7*+,onta,t."t#l+!'utor<)a!<)li!
<)ul!
<)na4!
<)"eader!
<!22 end "eader 22!
<!22 begin ,ontent 22!
<di4 id*+site=,ontent+!
<di4 id*+le7t=,ontent+!
<,enter!
<";!Proie,t de atestare a ,o#-etentelor in in7or#ati,a<)";!
<";!'utorK Costan Constantin arius<)";!
<";! Ele4 al Colegiului %ational de &n7or#ati,a Piatra %ea#t<)";!
<";! ai1 PH;4 <)";!
<),enter!
<)di4!
<di4 id*+rig"t=,ontent+!
<i#g st0le*+7loatK le7t6+ sr,*+i#ages)about.:-g+ title*+about #e+ .idt"*49H "eig"*IHH alt*+about
#e+)!
<)di4!
<)di4!
<!22 end ,ontent 22!
<)di4!
<!22 :a4as,ri-t at t"e botto# 7or 7ast -age loading 22!
<s,ri-t t0-e*+te5t):a4as,ri-t+ sr,*+:s):3uer0.#in.:s+!<)s,ri-t!
<s,ri-t t0-e*+te5t):a4as,ri-t+ sr,*+:s):3uer0.easing2soo-er.:s+!<)s,ri-t!
<s,ri-t t0-e*+te5t):a4as,ri-t+ sr,*+:s):3uer0.soo-er7is".:s+!<)s,ri-t!
<!22 initialise soo-er7is" #enu 22!
<s,ri-t t0-e*+te5t):a4as,ri-t+!
LEdo,u#entF.read0E7un,tionEF M
LENul.s72#enuNF.soo-er7is"EF6
OF6
<)s,ri-t!
<)bod0!
<)"t#l!
'1
Res$rse e 3ar =i soft !ecesare
'2
@entru reali%area acestui site au !ost utili%ate ca rograme de lucru, Adobe &ream,ea"er
C1D, recum /i bro,serele Mo%illa <ire!o6 /i Internet ;6lorer$
Cerin(ele de sistem ale rogramelor utili%ate nu sunt e6agerate, du cum oate !i obser"at /i
n urmtoarele recomandri$
Res$rse mi!ime:
,ar(are
@rocesor 3C@=8 > D00 M)%_A
Memorie 3RAM8 > G4 MbA
1atiu liber e 5ard- dis4 > '0 MbA
Monitor > EGA 1G-bit colorA
Soft(are
1istem de oerare > 7indo,s X@A
=n bro,ser oarecare> Internet ;6lorer, Mo%illa <ire!o6 etcA
Res$rse recoma!ate:
,ar(are
@rocesor 3C@=8 > 1000 M)%_A
Memorie 3RAM8 > 12L MbA
1atiu liber e 5ard- dis4 > '0 MbA
Monitor > EGA '2-bit colorA
Soft(are
1istem de oerare > 7indo,s X@A
=n bro,ser oarecare> Internet ;6lorer, Mo%illa <ire!o6 etcA
''
Co!c"$'ii
:n reali%area acestei alica(ii am a"ut ca obiecti" crearea unui site care s constituie o
modalitate de documentare c.t mai bun /i mai recis cu ri"ire la Muntii Carati, a".nd la ba% o
documentare solid datorit creia consider, acum la !inal, c am /i reu/it s ating ntr-o mare msur
acest (el, lucrarea con(in.nd in!orma(ie bine structurat care s "in n a#utorul utili%atorilor$
Alica(ia oate !i utili%at n cadrul unor ore de curs entru studierea geoagra!iei Romaniei, a
muntilor Carati e teritoriul nostru$
&e asemenea, ar e6ista /i alte modalit(i de mbunt(ire /i e6tindere ale alica(iei, rin
er!ec(ionarea gra!icii /i rin adugarea unor in!orma(ii o(ionale, dar utile "i%itatorilor site-ului
legate de no(iunile re%entate$
'4
7i*"io&rafie
:n scoul document`rii acestui roiect am a"ut dret surse urm`toarele>
1$ ;li%abet5 Castro, a)tml entru ,orld ,ide ,ebF, ;ditura Corint, Bucure/ti, 200'A
2$ *eodoru Gugoiu, a)*M+, X)*M+, C11 si XM+ rin e6emleF, ;ditura *eora, Bucure/ti,
200DA
'$ Muntii Carati, 5tt>IIro$,i4iedia$org
'D