Documentatie

COLEGIUL NAŢIONAL “ŞTEFAN CEL MARE”, TÂRGU NEAMŢ
FOOTBALL
Lucrare pentru atestarea competenţelor profesionale la informatică
Profesor coordonator, Elev,
Radu Dragoș Cucoș Vasile

Iustin
Clasa a XII-a RB
FOOTBALL
Introducere
1. Limbajul HTML
HyperText Markup Language (HTML) este un limbaj de marcare utilizat pentru crearea

paginilor web ce pot fi afișate într-un browser (sau navigator). Scopul HTML este mai
degrabă prezentarea informațiilor – paragrafe, fonturi, tabele ș.a.m.d. – decât descrierea
semanticii documentului.
HTML este o formă de marcare orientată către prezentarea documentelor text pe o singura
pagină, utilizând un software de redare specializat, numit agent utilizator HTML, cel mai bun
exemplu de astfel de software fiind browserul web. HTML furnizează mijloacele prin care
conținutul unui document poate fi adnotat cu diverse tipuri de metadate și indicații de redare.
Indicațiile de redare pot varia de la decorațiuni minore ale textului, cum ar fi specificarea
faptului că un anumit cuvânt trebuie subliniat sau că o imagine trebuie introdusă, până la
scripturi sofisticate, hărți de imagini și formulare.
2. Cascading Style Sheets
CSS (Cascading Style Sheets) este un standard pentru formatarea elementelor unui

document HTML. Stilurile se pot atașa elementelor HTML prin intermediul unor fișiere
externe sau în cadrul documentului, prin elementul <style> și/sau atributul style . CSS se
poate utiliza și pentru formatarea elementelor XHTML, XML și SVGL.
CSS3 reprezintă un upgrade ce aduce câteva atribute noi și ajută la dezvoltarea noilor
concepte in webdesign. Unele dintre cele mai importante segmente (module) noi adăugate
acestui standard pentru formatarea elementelor HTML aduc un plus considerabil in
dezvoltarea activități webdesign.
3. Motivul alegerii acestei teme
Alegerea acestei teme a apărut din popularitatea jocului de fotbal și din pasiunea pentru acest
sport încă din copilărie. Conform unui sondaj realizat de FIFA în anul 2006, aproximativ
270 de milioane de oameni din întreaga lume sunt implicați activ în fotbal, inclusiv
jucători, arbitri și cei din staffurile tehnice.
2
FOOTBALL
Pagina Acasă
 Design:
3
FOOTBALL
4
FOOTBALL
 Codul sursă:
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <title>Acasa</title>
5. <meta charset="utf-8">
6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
7. <link rel="stylesheet" type="text/css" href="css/style.css">
8. <link rel="shortcut icon" href="img/logo.png">
9. </head>
10. <body>
11. <div class="container">
12. <div class="meniu">
13. <div class="titlu"><a href="index.html">Football</a></div>
14. <ul>
15. <li><a href="index.html">Acasa</a></li>
16. <li><a href="generic.html">Istoric</a></li>
17. <li><a href="contact.html">Contact</a></li>
18. </ul>
19. </div>
20. <a name="meniu"></a>
21. <div class="coperta">
22. <div class="text">Football</div>
23. <div class="sub">Don’t plan to succeed, Work to succeed</div>
24. </div>
25. <div class="panou">
26. <div class="text1">FIFA FAIR PLAY</div>
27. <div class="sub1">
28. "My game is fair play."
29. </div>
30. <div class="linie">
31.
32. <div class="card">
33. <img src="img/1.jpg" class="icon"><br>
34. <div class="nume">Fotbal pentru o lume<br> mai bună</div><br>
35. <div class="descriere">Popularitatea fotbalului poate ajuta lume
a să devină un loc mai bun.
36. Folosiți puterea fotbalului pentru a promova pacea și egalitatea
.
37. Faceți lumea mai bună prin fotbal.</div>
38. </div>
40. <img src="img/2.png" class="icon"><br>
41. <div class="nume">Expuneti trucurile</div><br>
42. <div class="descriere">Spune „nu” înșelătorilor și raportează-i.

43. Este mai bine să fie îndepărtați înșelătorii înainte de a putea
deteriora jocul.
44. Protejați activ jocul frumos de fotbal.</div>
45. </div>
48. <div class="nume">Ajută-i pe alții să joace<br> corect</div><br>

49. <div class="descriere">Asigurați-vă că toată lumea din fotbal jo
acă corect.
50. Nu-i lăsați ispitiți de droguri, rasism, violență, jocuri de nor
oc sau alte pericole.</div>
51. </div>
52.
53. </div>
5
FOOTBALL
56. <img src="img/4.jpg" class="icon"><br>
57. <div class="nume">Respingeți influențele negative</div><br>
58. <div class="descriere">Fotbalul este uneori expus influențelor n
egative din exterior.
59. Nu fiți tentat de droguri, rasism, violență, jocuri de noroc sau
alte pericole.
60. Fotbalul este sport, iar sportul este pace.</div>
61. </div>
64. <div class="nume">Promovați jocul corect</div><br>
65. <div class="descriere">Fotbalul este excelent, deoarece jocul co
rect este respectat.
66. Când cineva este corect în fotbal, merită recunoaștere.
67. Ajută la promovarea imaginii fotbalului recunoscând faptele bune
.</div>
68. </div>
71. <div class="nume">Respectă toată lumea</div><br>
72. <div class="descriere">Fotbalul este cel mai mare joc din lume.
Ajută să fie așa.
73. Vorbeste pozitiv si incurajeaza-i pe ceilalti sa faca la fel.
74. Fii un model pentru joc.</div>
75. </div>
76. </div>
77.
78. </div>
79.
80. <div class="back"></div>
81.
82. <div class="panou2">
83. <div class="text1">Citate celebre</div>
84. <div class="sub1">
85. „E foarte simplu să joci fotbal, dar să joci fotbal simplu e cel mai
greu lucru.”
86. </div>
89. <div class="text2"> "Atunci când m-am dus la conferința de p
resă dinaintea meciului, în mintea mea jocul deja începuse."</div>
90. <div>
91. <img src="img/jose.jpg" class="icon1">
92. <div class="text3">Jose Mourinho</div>
93. </div>
94. </div>
96. <div class="text2"> "Nu este nici o rușine în a vrea să câșt
igi, dar totul trebuie făcut așa cum trebuie, în spiritul fotbalului."</div>
97. <div>
98. <img src="img/arsene.jpg" class="icon1">
99. <div class="text3">Arsene Wenger</div>
100. </div>
101. </div>
103. <div class="text2"> "Cel mai dificil lucru într-un me
ci ușor este să faci un adversar slab să joace un fotbal prost."</div>
104. <div>
105. <img src="img/johan.jpg" class="icon1">
106. <div class="text3">Johan Cruyff</div>
107. </div>
108. </div>
109. </div>
110. </div>
111.
6
FOOTBALL
112. <div class="footer">
113. <div class="linie1">
114. <div class="coloana1">
115. <div class="text4">De tinut minte si promovat</div>
116. <div class="descriere1"><li>Spune „nu” înșelătorilor
și raportează-i.<br>
117. <li>Asigurați-vă că toată lumea din fotbal joacă core
ct.<br>
118. <li>Respectă pe toată lumea.<br>
119. <li>Respingeți influențele negative<br>
120. </div>
121. </div>
123. <div class="text4">Link-uri utile</div>
124. <img src="img/facebook.png" class="social"><a href="h
ttps://www.fifa.com/" class="fif">FIFA</a><br>
125. <img src="img/twitter.png" class="social"><a href="ht
tps://www.uefa.com/" class="fif">UEFA</a><br>
126. <img src="img/instagram.png" class="social"><a href="
https://www.lpf.ro/" class="fif">LPF</a><br>
127. </div>
128. <hr size="1">
129. </div>
131. © Untitled. Photos Unsplash, Video Coverr.
132. </div>
133. </div>
134. </div>
135. <a href="#meniu"><img src="img/sageata.png" class="sageata"></a>
136. </body>
137. </html>
7
FOOTBALL
Pagina Istoric
 Design:
 Codul sursă:
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <title>Istoric</title>
8. </head>
9. <body>
13. <ul>
17. </ul>
18. </div>
20. <div class="coperta1">
8
FOOTBALL
21. <div class="text0">Istoric</div>
22. </div>
23.
24. <div class="backgr">
25. <div class="continut1">
26.
27. <div class="desc1">
28. Fotbalul este un sport de echipă ce se dispută între două echipe
alcătuite din 11 jucători fiecare. La începutul secolului al XXI-lea era jucat de pe
ste 250 de milioane de jucători în peste 200 de țări, ceea ce îl face cel mai popula
r sport din lume.
29.
30. Se joacă cu o minge sferică pe un teren dreptunghiular, acoperit
cu iarbă, cu câte o poartă la fiecare capăt. Scopul jocului este de a înscrie goluri
introducând mingea în poarta adversarului. În afara portarului, ceilalți jucători nu
se pot folosi de mâini pentru a manevra mingea. Câștigătorul meciului este echipa ca
re a înscris mai multe goluri la încheierea partidei.
31.
32.
33. <br><br>
34.
35.
36. Originile fotbalului se află undeva în urmă cu peste 2000 de ani
. În 2004, forul ce guvernează acest sport la nivel mondial FIFA (Fédération Interna
tionale de Football Association) a recunoscut China ca fiind locul de naștere al fot
balului. În jurul anului 200 î.e.n. chinezii jucau un sport asemănător numit cuju. R
egulile au evoluat cu timpul, astfel ajungându-se la sportul practicat astăzi.
37.
38. În primăvara anului 2001, FIFA informa că peste 240 de milioane
de oameni joacă regulat fotbal, în peste 200 de țări de pe întreg globul. Regulile s
ale simple și echipamentul redus și ieftin, necesar practicării fotbalului au contri
buit, fără îndoială, la creșterea popularității sale. În multe zone ale lumii, fotba
lul naște pasiuni enorme și joacă un rol foarte important în viața fanilor, a comuni
tăților locale și chiar a națiunilor; este deseori numit cel mai popular sport din l
ume. Este recunoscut în multe țări drept: sportul rege.
39. <hr size="1">
40. </div>
41.
42. <div class="titl2">
43. Natura jocului
44. </div>
46. Fotbalul se joacă după un set de reguli, cunoscute sub numele de
Legile Jocului. Acestea sunt dezvoltate în continuare:
47.
48. Două echipe de câte 11 jucători fiecare încearcă să lovească o m
inge rotundă (mingea de fotbal), cu scopul de a o introduce în poarta adversă. Echip
a care înscrie mai multe goluri până la finalul jocului este declarată câștigătoare;
dacă ambele echipe au marcat același număr de goluri, meciul este considerat egal. U
na dintre primele reguli este interzicerea atingerii intenționate a mingii cu mâna î
n timpul jocului (excepție fac portarii). Singura dată când jucătorul se poate folos
i de mâini este atunci când aruncă de la margine (execută un aut). În rest, jucători
i se pot folosi de orice parte a corpului pentru a direcționa mingea.
49.
50.
51. Jucătorii se pot apropia de poarta adversă astfel: prin dribling
(alergarea cu mingea la picior); prin pasarea mingii între coechipieri și prin șutar
ea acesteia spre poartă. Jucătorii adverși pot recupera mingea prin interceptarea un
ei pase sau prin deposedarea adversarului. Contactul fizic este limitat.<br><br>
52.
53. Jocul se oprește doar în momentul în care mingea părăsește cu în
treaga circumferință o linie ce marchează terenul (fie pe pământ, fie în aer) sau câ
nd arbitrul fluieră. Jocul se reia prin diferite metode, analizate în continuare.
54.
55. De obicei, într-un meci disputat la un nivel profesionist se îns
criu puține goluri. De exemplu, în prima divizie engleză (Premier League), în sezonu
9
FOOTBALL
l 2005–2006, s-au marcat, în medie, 2,48 de goluri pe meci. În plus, 88% din jocuri
s-au încheiat cu mai puțin de 4 goluri marcate. Dar, doar 8% dintre partidele disput
ate s-au terminat fără gol marcat.
56.
57. În perioada 2003-2004, scorul cel mai des întâlnit în cele mai i
mportante ligi din Europa a fost de 1-1 (12,4% din toate meciurile disputate).
58. <hr size="1">
59. </div>
60.
61. <div class="titl2">
62. Fotbalul în lume
63. </div>
65. Conform unui sondaj realizat de FIFA în anul 2006,[24] aproximat
iv 270 de milioane de oameni din întreaga lume sunt implicați activ în fotbal, inclu
siv jucători, arbitri și cei din staffurile tehnice. Dintre aceștia, 265 de milioane
joacă fotbal profesionist, semi-profesionist sau amator, luând în considerare atât b
ărbați, femei, cât și tineri din loturile de juniori. Această cifră reprezintă aprox
imativ 4% din populație. Confederația cu cel mai mare procent de persoane implicate
activ în fotbal este CONCACAF, cu 8,53% din populație. La polul opus se află AFC, cu
numai 2,22%. UEFA are o rată de 7.59%, CONMEBOL de 7.47%, OFC de 4.68% și Confederaț
ia Africană de Fotbal de 5,16%. Există peste 1,7 milioane de echipe la nivel mondial
și aproximativ 301.000 de cluburi.
66.
67. Țara cu cei mai mulți jucători activi (cu excepția loturilor de
tineret) este China, care are 26,100,000 jucători. Alte țări care urmează sunt:
Statele Unite ale Americii (24400000), India (20,5), Germania (16,3), Brazilia (13,1
) și Mexic (8.4). Pe de altă parte, sunt și zone cu sub 1000 de jucători, cum ar fi
Montserrat, cu numai 300 de jucători, Insulele Virgine Britanice (658), Anguilla (76
0) și Insulele Turks și Caicos (950).<br><br>
68.
69. În fotbal se învârt mulți bani, deoarece este un sport mediatiza
t. FIFA, echipele de fotbal și jucătorii primesc mulți bani din sponsorizări.
70.
71. Conform estimărilor FIFA, în perioada 2003-2006 forul a avut ven
ituri de 3238 milioane de franci elvețieni (CHF) și cheltuieli de 2,422 de milioane
CHF, profitul fiind de 816 milioane CHF. 92% (2986 milioane de franci elvețieni) din
venit provine din vânzarea drepturilor de televizare ale competițiilor internațional
e, în special cele ale CM 2006, care au adus în vistieria forului 1,660 milioane CHF
. Restul de 714 milioane de franci elvețieni a fost obținut din produse de merchandi
sing. În ceea ce privește cheltuielile, 69% (1,682 milioane de franci elvețieni), di
n venit a fost folosit la organizarea competițiilor și la dezvoltarea sportului: 46%
din totalul cheltuielilor (1.125 milioane de franci elvețieni) merg către organizare
a competițiilor, iar 26% (622 milioane de franci elvețieni) au fost cheltuiți pe ser
vicii cum ar fi transportul, chiriile, serviciile juridice, de comunicații etc. Alte
5% (118 milioane de franci elvețieni), se pierd de la schimbul valutar și dobânzi.<b
r><br>
72.
73. Bugetele cluburilor de fotbal pot varia în funcție de zona de pe
glob. Cele mai mari bugete pot fi găsite în Europa, în special în primele ligi din G
ermania, Spania, Italia și Anglia.[30] Aici, drepturile de televizare, publicitatea,
vânzările de bilete și merchandisingul acoperă o mare parte din buget. În America de
Sud, bugetele au crescut datorită transferurilor de jucători în Europa.
74.
75. Fotbalul joacă, de asemenea, un rol de solidaritate. Una dintre
contribuțiile principale ale FIFA este dezvoltarea sportului în zonele în care acest
lucru este îngreunat de lipsa materială și a tehnicii. FIFA colaborează cu UNICEF di
n 1999, furnizând materiale de fotbal pentru a fi distribuite de către această organ
izație a Națiunilor Unite.[31] Există reuniuni periodice în întreaga lume în scopuri
caritabile, promovate de vedete din fotbalul mondial.
76.
77. Cluburile cheltuiesc mult pe transferuri pentru a-și realiza obi
ectivele. Un jucător în formă are o cotă mare. Deși unele transferuri sunt scumpe, a
cestea sunt amortizate din veniturile publicitare, cum a fost în cazul lui Cristiano
Ronaldo. Salariile pentru cei mai buni fotbaliști din lume sunt de câteva milioane d
e euro.
10
FOOTBALL
78. </div>
79. </div>
80. </div>
81.
86. <div class="descriere1"><li>Spune „nu” înșelătorilor și rapo
rtează-i.<br>
87. <li>Asigurați-vă că toată lumea din fotbal joacă corect.<br>

90. </div>
91. </div>
94. <img src="img/facebook.png" class="social"><a href="https://
www.fifa.com/" class="fif">FIFA</a><br>
95. <img src="img/twitter.png" class="social"><a href="https://w
ww.uefa.com/" class="fif">UEFA</a><br>
96. <img src="img/instagram.png" class="social"><a href="https:/
/www.lpf.ro/" class="fif">LPF</a><br>
97. </div>
98. <hr size="1">
99. </div>
102. </div>
103. </div>
104. </div>
106. </body>
107. </html>
11
FOOTBALL
Pagina Contact
12
FOOTBALL
 Design:
13
FOOTBALL
 Codul sursă:
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <title>Contact</title>
8. </head>
9. <body>
13. <ul>
17. </ul>
18. </div>
20. <div class="coperta2">
21. <div class="text0">Contacteaza autorul</div>
22. </div>
23.
24. <div class="backgr2">
25. <div class="continut2">
26. <form>
27. <div class="title_form">Contact us Today!</div>
28. <div class="container_form">
29. <div class="numee">
30. <input type="text" name="firstname" placeholder="Fir
st Name" class="inregistrare" maxlength="20">
31. <input type="text" name="lastname" placeholder="Seco
nd Name" class="inregistrare" maxlength="20">
32. </div>
33.
34. <div class="numee">
35. <input type="text" name="emai" placeholder="E-mail"
class="inregistrare" maxlength="20">
36. <input type="text" name="phonenumber" placeholder="Y
our Phone Number" class="inregistrare" maxlength="15">
37. </div>
38. <input type="text" name="postalcode" placeholder="Postal
Code" class="inregistrare" maxlength="10"><br>
39. <div class="butoane">
40. <input type="submit" name="non" value="Submit" class
="unu" onclick="alert('Data sent')">
41. <input type="reset" name="non" value="Reset" class="
doi" onclick="alert('Are you sure?')">
42. </div>
43. </div>
44. </div>
45.
50. <div class="descriere1"><li>Spune „nu” înșelătorilor și rapo
rtează-i.<br>
51. <li>Asigurați-vă că toată lumea din fotbal joacă corect.<br>

14
FOOTBALL
54. </div>
55. </div>
58. <img src="img/facebook.png" class="social"><a href="https://
www.fifa.com/" class="fif">FIFA</a><br>
59. <img src="img/twitter.png" class="social"><a href="https://w
ww.uefa.com/" class="fif">UEFA</a><br>
60. <img src="img/instagram.png" class="social"><a href="https:/
/www.lpf.ro/" class="fif">LPF</a><br>
61. </div>
62. <hr size="1">
63. </div>
66. </div>
67. </div>
68. </div>
70. </body>
71. </html>
Pagina de CSS
 Codul sursă:
1. body{
2. margin: 0;
3. background:black;
4. }
5. .container{
6. position: absolute;
7. }
8. .sageata{
9. position: fixed;
10. height: 3.8%;
11. width: 2.7%;
12. margin-left: 94%;
13. margin-top: 64%;
14. border-radius: 200px;
15. /*border: solid #151515 2px;*/
16. padding: 2px;
17. }
18. /*Meniu////////////////////*/
19. .meniu{
20. font-size: 17px;
21. position: fixed;
22. background-color: #151515;
23. color: white;
24. width: 100%;
25. height: auto;
26. }
27. .titlu{
29. margin-top: 2%;
30. text-indent: 3%;
31. float: left;
15
FOOTBALL
33. }
34. .titlu a:hover{
35. color:#D2CFCE;
36. }
37. ul{
39. }
40. ul li{
41. float: left;
42. list-style-type: none;
43. padding: 7.5%;
44. }
45. a{
46. text-decoration: none;
47. color: white;
48. }
49. ul li:hover{
50. border-bottom:solid;
51. border-color:#FC6B27;
52. }
53. ul li a:hover{
54. color: #D2CFCE;
55. }
56.
57. /*Coperta////////////////////*/
58. .coperta{
59. margin-top: 6.1%;
60. float: right;
61. background-image: url('../img/back1.jpg');
62. background-size: cover;
63. background-position: center;
64. height: 600px;
65. width: 100%;
66. }
67. .text{
68. text-align: center;
69. font-size: 20%;
71. color: #FD5000;
72. animation: efect1 3s;
73. animation-fill-mode: forwards;
74. }
75. .sub{
76. font-size: 0px;
77. color: #FD5000;
80. margin-right: 10%;
82. animation-delay: 3s;
84. }
85. @keyframes efect1{
86. 0%{
87. font-size: 0px;
88. }
89. 100%
90. {
92. }
93. }
95. 0%{
96. font-size: 0px;
97. }
98. 100%
16
FOOTBALL
99. {
101. }
102. }
103.
104. /*Panou////////////////////*/
105. .panou{
106. float: right;
107. padding-bottom: 5%;
108. background-color: black;
109. background-image: url('../img/panou.jpg');
111. background-attachment: fixed;
113. height: 120%;
114. width: 100%;
115. }
116. .text1{
120. color: black;
121. opacity: 0.7;
122. }
123. .sub1{
129. color: black;
130. opacity: 0.7;
131. }
132. .linie{
133. margin-left:8%;
134. margin-bottom: 10%;
135. }
136. .card{
137. height: 400px;
138. width: 30%;
139. background-color: white;
142. float: left;
143. }
144. .icon{
147. height: 30%;
148. width: 40%;
149. }
150. .nume{
151. text-transform: uppercase;
155. }
156. .descriere{
157. padding: 20px;
161. }
162.
163. .back{
164. background-image: url('../img/coperta1.png');
17
FOOTBALL
165. height: 400px;
166. width: 100%;
170. float: left;
171. }
172. .title{
176. color: #FD5000;
177. }
178. .description{
184. color: #FD5000;
185. }
186. .panou2{
191. width: 100%;
192. height: 650px;
193. float: left;
194. }
195. .text2{
202. font-style: italic;
203. }
204. .icon1{
205. height: 120px;
206. width: 120px;
208. border: solid 1px white;
211. float: left;
212. }
213. .text3{
214. padding-top:30px;
215. text-indent: 8%;
217. font-style: italic;
218. }
219. .footer{
220. background: #151515;
221. width: 100%;
222. height: 300px;
223. float: left;
224. }
225. .linie1{
229. height:250px;
230. }
18
FOOTBALL
231. .linie1 .coloana1{
232. width: 70%;
233. float: left;
234.
235. }
236. .text4{
238. text-transform: uppercase;
240. color: white;
242. }
243. .descriere1{
244. text-align: justify;
246. color: #8F8E8E;
247. line-height: 1.4;
248. }
250. width: 25%;
251. float: left;
255. }
256. .fif{
257. color:#8F8E8E;
258. }
259.
260. .fif:hover{
261. color: #E55B1B;
262. }
263.
265. width:25%;
266. float: left;
271. }
272. .social{
273. height: 7%;
274. width: 7%;
276. }
277. hr{
279. width:100%;
280. background: #EDE8E5;
281. }
282. .linie2{
283. margin-top: -3%;
287. color: #8F8E8E;
288. }
289.
290. .text0{
292. font-size: 10%;
294. color: #FD5000;
19
FOOTBALL
297. }
299. 0%{
301. }
302. 100%
303. {
305. }
306. }
307. .coperta1{
309. float: right;
313. height: 400px;
314. width: 100%;
315. }
316. .coperta2{
318. float: right;
322. height: 400px;
323. width: 100%;
324. }
325. .backgr{
330. width: 100%;
331. height: 1700px;
332. float: left;
333. }
334. .backgr2{
339. width: 100%;
340. height: 900px;
341. float: left;
342. }
343. .continut1{
344. height: 1500px;
345. background: white;
349. padding: 4%;
350. }
351. .continut2{
352. height: 680px;
353. background: white;
357. padding: 4%;
358. }
359. .titl{
360. font-size: 200%;
361. opacity: 0.6;
20
FOOTBALL
363. }
364. .desc1{
366. font-size: 110%;
367. opacity: 0.7;
368. }
369. .titl2{
370. font-size: 130%;
371. opacity: 0.6;
373. }
374. .desc2{
376. font-size: 110%;
377. opacity: 0.7;
378. }
379. .backgr1{
384. width: 100%;
385. height: 850px;
386. float: left;
387. }
388. .title_form{
389. font-size: 150%;
390. opacity: 0.8;
392. }
393. .inregistrare{
394. border: solid #FD5000 1px;
395. margin-left:2.6%;
396. width: 42.7%;
397. height: 10%;
398. padding-left: 2.4%;
399. padding-bottom: 1.5%;
400. padding-top: 1.5%;
402. }
403. .inregistrare:hover{
404. opacity:0.7;
405. }
406. textarea{
407. width: 100%;
408. resize: none;
409. }
410. .numee{
411. display: inline;
412. }
413. .butoane{
415. }
416. .unu{
417. background: #FD5000;
418. color:white;
419. border:none;
420. font-size: 100%;
421. padding-left:5%;
422. padding-right:5%;
423. padding-top:1.5%;
425. margin-right:5%;
427. opacity: 0.8;
428. }
21
FOOTBALL
429. .doi{
430. background: #FD5000;
431. color:white;
432. border:none;
433. font-size: 100%;
434. padding-left:5%;
435. padding-right:5%;
436. padding-top:1.5%;
439. opacity: 0.8;
440. }
441. .unu:hover{
442. opacity: 1;
443. }
444. .doi:hover{
445. opacity: 1;
446. }
22
FOOTBALL
Bibliografia
 https://www.w3schools.com/
 https://www.wikipedia.org/
 https://www.fifa.com/
23
FOOTBALL
Cuprins
Introducere..................................................................................................................................2
1. Limbajul HTML...............................................................................................................2
2. Cascading Style Sheets....................................................................................................2
3. Motivul alegerii acestei teme...........................................................................................2
Pagina Acasă...............................................................................................................................3
 Design:.............................................................................................................................3
 Codul sursă:.....................................................................................................................5
Pagina Istoric..............................................................................................................................8
 Design:.............................................................................................................................8
 Codul sursă:.....................................................................................................................8
Pagina Contact..........................................................................................................................12
 Design:...........................................................................................................................12
 Codul sursă:...................................................................................................................13
Pagina de CSS...........................................................................................................................14
 Codul sursă:...................................................................................................................14
Bibliography.............................................................................................................................22
24

Documentatie

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Documentatie

Încărcat de

Drepturi de autor:

Formate disponibile

COLEGIUL NAŢIONAL “ŞTEFAN CEL MARE”, TÂRGU NEAMŢ

Lucrare pentru atestarea competenţelor profesionale la informatică

Profesor coordonator, Elev,

Radu Dragoș Cucoș Vasile

HyperText Markup Language (HTML) este un limbaj de marcare utilizat pentru crearea

2. Cascading Style Sheets

CSS (Cascading Style Sheets) este un standard pentru formatarea elementelor unui

3. Motivul alegerii acestei teme

S-ar putea să vă placă și