Introducere

Am ales acest subiect pentru lucrarea de atestat deoarece sunt microbist, iar echipa
F.C. Liverpool este echipa mea preferată. Liverpool Football Club, pe scurt Liverpool FC,
este un club de fotbal din Liverpool, Anglia, care evoluează în Premier League. De la
fondarea sa în 1892, Liverpool a câștigat cel mai mare număr de Cupe UEFA, Supercupe ale
Europei și Cupe ale Ligii. Terenul propriu al clubului este stadionul Anfield, cu o capacitate
de 45.362 de locuri, aflat la aproape trei mile de centrul orașului Liverpool.

Am realizat acest proiect în limbajul de dezvoltare de pagini web HTML (HyperText

Markup Language) împreună cu foile de stiluri CSS(Cascading Style Sheets).

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. Metadatele pot include informații
despre titlul și autorul documentului, informații structurale despre cum este împărțit
documentul în diferite segmente, paragrafe, liste, titluri etc. și informații cruciale care permit
ca documentul să poată fi legat de alte documente pentru a forma astfel hiperlink-uri (sau
web-ul).

CSS 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 XHTL, XML..

2016
 Prezentare site

Site-ul conține cinci pagini html:

1. Acasă (index.html)

În prima pagină sunt prezentate date generale despre echipa F.C. Liverpool cum ar fi
anul înfințării, stadionul etc..

1
 2. Istorie (istorie.html)

În pagina aceasta este prezentată detaliat istoria acestei echipe, cu incidentele pe care
le-a suferit de-a lungul timpului.

3. Echipă (echipa.html) -Prezentarea lotului la momentul actual.

2
4. Palmares (palmares.html) – Pagina cu toate campionatele și competițiile caștigate
de Liverpool de-a lungul timpului.

5. Galerie (foto.html) – Ultima pagină a site-ului în care sunt afișate câteva poze cu
această echipă.

3
 Meniul, fundalul și titlul

În fiecare dintre aceste pagini există un meniu ce face legătura dintre ele, un
fundal(același pe fiecare pagină) și un titlu care se modifică în funcție de pagină.

1. Meniul – conține 5 căsuțe și anume:

2. Fundalul – conține stema în stânga iar culoare trece de la roșu spre vișiniu de la
stânga la dreapta

3. Titlul – se schimbă în funcție de pagina pe care se află.

Pe pagina foto.html

La fel și în tab-ul navigatorului

4
 Pe lângă aceste elemente mai există și o bandă, în partea de jos a paginii cu numele
proiectului „F.C. Liverpool” și numele meu „Cojocaru Adrian” cu insigna copyright înainte.

5
 Cod sursă

Proiectul conține un director numit „Imagini” în care se află pozele de pe site, cinci
pagini html și un fișier CSS.

Fiecare pagină html, după cum am prezentat mai sus, au unele elemente comune dar
conținut diferit.

Pentru fundal, meniu și titlu am folosit următorul cod:

body{

background:url('Imagini/background.jpg') no-repeat fixed;

background-color: #93002A;

min-width:1200px;

<div id="meniu">

<a href="index.html">Acasa</a>

<a href="istorie.html">Istorie</a>

<a href="echipa.html">Echipa</a>

<a href="palmares.html">Palmares</a>

<a href="foto.html">Galerie</a>

<p>F.C. Liverpool - Acasa</p>

</div>

6
#meniu{

width:770px;

height:40px;

margin-top:-5px;

#meniu a:link, #meniu a:visited{

background:white;

padding:10px;

border-bottom-left-radius:5px;

border-bottom-right-radius:5px;

color:red;

transition: color 1s;

margin-right:10px;

text-decoration:none;

font-size:20px;

#meniu a:hover{

color:black;

transition:color 1s;

#meniu p{

float:right;

width:300px;

font-size:19px;

font-family:"Castellar";

font-style:bold;

margin-top:5px;

color:white;

}
7
Pentru tagul <div> ce stabilește conținutul paginii am folosit următoarele stiluri:

<div id="continut">

<b>Nașterea lui Liverpool F.C.</b>

<p>Liverpool F.C. a fost fondat de către John Houlding în 1892,

fiind ales la Liga de Fotbal, alături de Woolwich Arsenal doi ani mai târziu.
#continut{

width:740px;

padding:20px;

border-left:2px white solid;

min-height:500px;

font-family:"Calisto MT";

letter-spacing:1px;

font-size:19px;

text-align:justify;

#continut b{

text-decoration:underline;

color:white;

font-size:21px;

margin-top:5px;

#continut p{

margin-left:20px;

8
Tabelul de la secțiunea „Palmares”:

<table border="1">

<tr>

<th scope="col">Duble/Triple</th>

<th scope="col">Nr.</th>

<th scope="col">Ani</th>

</tr>

<tr>

<th scope="row">Campionatul și Cupa Ligii</th>

<td align="center">2</td>

<td>1981–82, 1982–83</td>

</tr>

<tr>

<th scope="row">Cupa și Cupa Ligii</th>

<td align="center">1</td>

<td>1985–86</td>

</tr>

<tr>

<th scope="row">

Duble europene (Campionatul și Cupa

Campionilor)</th>

<td align="center">1</td>

<td>1976–77</td>

</tr>

<tr>

<th scope="row">Campionatul și Cupa UEFA</th>

<td align="center">2</td>

<td>1972–73, 1975–76</td>
9
</tr></table>
Pentru galeria foto am folosit tag-ul <img src...> .

<img src="Imagini/echipa.jpg" style="width:900px;height:550px;">

<img src="Imagini/galerie.jpg" style="width:900px;height:550px;">

<img src="Imagini/vestiar.jpg" style="width:900px;height:550px;">

<img src="Imagini/stadion.jpg" style="width:900px;height:550px;">

10
 Bibliografie

- http://ro.wikipedia.org/wiki/Liverpool_FC
- http://www.liverpoolfc.com/
- http://wallpaperwonder.com/all-star-liverpool-2014-wallpaper.html
- http://www.sportskeeda.com/football/liverpool-on-opening-day-the-critical-
difference/
- http://hqdesktop.net/liverpool-fc-logo-wallpaper-84205/

11
 Cuprins

Introducere.........................................................................................1
Prezentare site....................................................................................2
Meniul, fundalul şi titlul ...................................................................5
Cod sursă ..........................................................................................8
Bibliografie .....................................................................................12
Cuprins ............................................................................................13

12