COLEGIUL NATIONAL "DINICU GOLESCU"

PROIECT PENTRU OBTINEREA ATESTARII PROFESIONALE

IN INFORMATICA

TITLUL LUCRARII:
CELE MAI FRUMOASE ORASE DIN EUROPA

PROFESOR COORDONATOR: DUMITRASCU DIANA

ELEV: DUTULESCU ANDREEA-NICOLETA

MAI 2018
CUPRINS
ARGUMENT_____2
PREZENTAREA PROIECTULUI_____3
GENERALITATI DESPRE HTML, CSS SI PHOTOSCAPE_____5
CERINTE HARDWARE SI SOFTWARE_____6
STRUCTURA SI CONTINUTUL PROIECTULUI_____7
SABLONUL WEBSITE-ULUI_____7
PAGINA HOME_____11
PAGINA LINK-URI UTILE_____13
PAGINA CONTACT_____14
PAGINA UNEI DESTINATII:PARIS_____15
MODUL DE FOLOSIRE AL SITE-ULUI_____19
BIBLIOGRAFIE_____20

1/22
 ARGUMENT
In lumea moderna si globalizata in care informatia este la un click distanta si cu o
simpla cautare pe Internet putem avea acces la o multitudine de informatii, este greu insa sa
gasim informatii complete si relevante pentru subiectul care ne intereseaza, fara ca atentia
noastra sa fie disimulata de strategii comerciale. De foarte multe ori m-am lovit de problema
alegerii unei destinatii de vacanta, alegerea unui hotel sau stabilirea unor obiective turistice
de vizitat, tocmai din cauza multitudinii de informatii impersonale disponibile pe internet.
Acest lucru m-a determinat sa creez eu propriul meu site web in care sa prezint cu lux
de amanunte cele mai frumoase orase europene si sa ofer informatii relevante pentru cei care
isi planuiesc o vizita acolo, sau pur si simplu doresc sa-si imbogateasca cultura si
cunostiintele din confortul casei lor, din spatele ecranelor.
Motivul pentru care am ales sa prezint informatiile sub forma unui site web este tocmai
modul facil prin care intreaga lume poate avea acces la ceea ce am eu de impartasit. De la
usurinta cu care o persoana poate accesa si naviga pe un site web, pana la varietatea de
moduri prin care publicul primeste informatia: sub forma de imagini, tabele structurate,
referinte si link-uri catre alte site-uri, paragrafe scrise detaliat, sunete, etc. Un argument in
plus pentru prezentarea informatiei pe Internet il reprezinta si costurile extrem de reduse.
Costa enorm sa tiparesti un atlas ilustrat dar pentru un website ai nevoie doar de imaginatie si
de competente informatice. Ca sa nu mai vorbim de usurinta cu care un site poate fi
actualizat si imbunatatit, lucru care se face destul de frecvent si este chiar recomandat, pe
cand o carte necesita tiparirea unei versiuni noi de fiecare data cand autorul o vrea
modificata.
Pe internet sunt sute de tipuri de website-uri, insa eu am ales sa fac unul de informare,
oferind expertiza si recomandari cat se poate de obiective.

2/22
 PREZENTAREA PROIECTULUI
Lucrarea are ca tema prezentarea celor mai recognoscibile si frumoase orase europene,
alaturi de recomandarile oferite pentru un city-break de succes in aceste destinatii de vis.
Sunt prezentate imagini iconice din fiecare oras, informatii utile despre obiectivele turistice
principale ale capitalelor, recomandari pentru reducerea pretului sejurului si transportului in
comun, recenzii pentru restaurante si hoteluri iconice si multe referinte la site-uri de nisa care
pot face vacanta unei persoane sa fie mult mai usoara, productiva si ieftina.

3/22
 Site-ul web a fost realizat in cea mai mare parte in limbajul HTML, prin programarea
directa in cod sursa. Desigur, design-ul aparte al site-ului nu ar fi fost posibil fara folosirea
standardului CSS pentru formatarea elementelor folosite in HTML. Codul CSS a fost scris in
documente externe si apelat de codul HTML pentru a face mai usoara si facila intelegerea
codului-sursa si al procedurilor folosite. Liniile de cod au fost scrise in programul
Notepad++, facilizand astfel alternanta intre diferite surse si documente. Imaginile au fost
editate si formatate cu ajutorul programului PhotoScape.
Atat fisierele .html si .css , cat si imaginile folosite in site-ul web au fost structurate in
foldere specifice, facilizand astfel modificarea sau gasirea unui fisier, dar si mentinand
spatiul de lucru curat si usor de accesat.

4/22
 GENERALITATI DESPRE HTML, CSS SI PHOTOSCAPE
Unul din primele elemente fundamentale ale WWW ( World Wide Web ) este HTML
(Hypertext Markup Language ), care descrie formatul primar in care documentele sunt
distribuite si vazute pe Web. Multe din trasaturile lui, cum ar fi independenta fata de
platforma, structurarea formatarii si legaturile hipertext, fac din el un foarte bun format
pentru documentele Internet si Web.
HTML a fost dezvoltat initial de Tim Berners-Lee la CERN in 1989. HTML a fost
vazut ca o posibilitate pentru fizicienii care utilizeaza computere diferite sa schimbe intre ei
informatii utilizind Internetul. Erau prin urmare necesare cateva trasaturi : independenta de
platforma, posibilitati hypertext si structurarea documentelor. Independenta de platforma
inseamna ca un document poate fi afisat in mod asemanator de computere diferite ( deci cu
font, grafica si culori diferite ), lucru vital pentru o audienta atat de variata.
Hipertext inseamna ca orice cuvant, fraza, imagine sau alt element al documentului vazut de
un utilizator ( client ) poate face referinta la un alt document, ceea ce usureaza mult
navigarea intre multiple documente sau chiar in interiorul unui aceluiasi document.
Structurarea riguroasa a documentelor permite convertirea acestora dintr-un format in altul
precum si interogarea unor baze de date formate din aceste documente.
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 activitatii de
webdesign.
PhotoScape este un program de editare grafică dezvoltat și eliberat de Mooii. Este
utilizat de doi ani, având diverse funcții care se dezvoltă continuu. Versiunea 3.1 a adăugat
opțiunea Splitter, care împarte o poză în mai multe părți, a adăugat 5 efecte de film cum ar fi
Cross Process, Velvia, Provia, Portra și Agfa.

5/22
 CERINTE HARDWARE SI SOFTWARE
Fiind realizat in HTML si CSS, functionarea corecta depinde de foarte putini factori la
nivel de hardware.
Configuratia minima necesara:
-procesor la 133MHz
-minim 32 MB RAM
-o placa video care sa suporte afisarea unor culori care nu sunt standard
Este necesara o versiune a browser-ului care sa permita recunoasterea tuturor
etichetelor HTML si CSS (Testul a fost facut cu Mozilla 59.0.2).
Conditii de testare: proiectul a fost facut si testat pe un Laptop HP ProBook 450 G2 cu
procesor Intel Core i7-4510U 2.00GHz, 8GB, 1TB, AMD Radeon R5 M255 2GB, MS
Windows 8.

6/22
 STRUCTURA SI CONTINUTUL PROIECTULUI
SABLONUL WEBSITE-ULUI
Trei elemente apar in cadrul fiecarei pagini a site-ului web: banner-ul, bara de meniu si
bara laterala de navigare(cu pozitie fixata).

Meniul este principalul mod de navigare in cadrul site-ului, fiind impartit pe categorii
si subcategorii. Trecerea cu cursorul mouse-ului peste sectiunile meniului va marca portiunea
selectata prin schimbarea culorii, sau in cazul sectiunii DESTINATII, va afisa lista de obtiuni
din cadrul sectiunii.
Sectiunile meniului sunt:
-HOME-este un link catre pagina principala
-LINK-URI UTILE-este un link catre o pagina care contine unelte si link-uri
folositoare pentru planificarea unei vacante
-DESTINATII-este un meniu “drop-down” ce contine link-uri catre orasele prezentate
-SURSE-link catre o pagina care enumera sursele citate
-CONTACT-link catre o pagina ce contine informatiile de contact ale celei care a
realizat site-ul
PALETA DE CULORI
71323E F9F9F9 DEC3AE A57A6D 000000

7/22
Sursa HTML a sablonului
<!DOCTYPE html>
<​html​>
<​head​>
<​title​>HOME</​title​>
<​link​ ​rel​=​"stylesheet"​ ​type​=​"text/css"​ ​href​=​"bucuresti_css.css"​>
</​head​>
<​body​>
<​div​ ​class​=​"column left"​>
<​p​ ​class​=​"nav1"​>Navigare</​p​>
<​a​ ​href​=​"#1"​><​p​ ​class​=" ​ nav2"​>Bucuresti</​p​></​a​>
<​a​ ​href​=​"#2"​><​p​ ​class​=" ​ nav2"​>Obiective turistice</​p​></​a​>
<​a​ ​href​=​"#3"​><​p​ ​class​=" ​ nav2"​>Carduri reducere</​p​></​a​>
<​a​ ​href​=​"#4"​><​p​ ​class​=" ​ nav2"​>Restaurante</​p​></​a​>
<​a​ ​href​=​"#5"​><​p​ ​class​=" ​ nav2"​>Hoteluri iconice</​p​></​a​>
</​div​>
<​div​ ​class​=​"column right"​>
<​img​ ​src​=​"banner.jpg"​ i ​ d​=​"banner"​>
<​div​ ​class​=​"navbar"​>
<​a​ ​href​=​"../../HOME/index.html"​>HOME</​a​>
<​a​ ​href​=​"../../LINK-URI UTILE/linkuri.html"​>LINK-URI UTILE</​a​>
<​div​ ​class​=​"dropdown"​>
<​button​ ​class​=" ​ buton"​>DESTINATII</​button​>
<​div​ ​class​=​"lista-destinatii"​>
<​a​ ​href​=​"../../DESTINATII/LONDRA/londra.html"​>Londra</​a​>
<​a​ ​href​=​"../../DESTINATII/PARIS/paris.html"​>Paris</​a​>
<​a​ ​href​=​"../../DESTINATII/BERLIN/berlin.html"​>Berlin</​a​>
<​a​ ​href​=​"../../DESTINATII/BUCURESTI/bucuresti.html"​>Bucuresti</​a​>
<​a​ ​href​=​"../../DESTINATII/ROMA/roma.html"​>Roma</​a​>
<​a​ ​href​=​"../../DESTINATII/PRAGA/praga.html"​>Praga</​a​>
<​a​ ​href​=​"../../DESTINATII/VIENA/viena.html"​>Viena</​a​>
</​div​>
</​div​>
<​a​ ​href​=​"../../CONTACT/contact.html"​>CONTACT</​a​>
<​a​ ​href​=​"../../SURSE/surse.html"​>SURSE</​a​>
</​div​>

Sursa CSS a intreg site-ului-codul CSS este scris intr-un singur document:
/**********************************************INCEPUTUL SABLONULUI*/
* {
​box-sizing​: border-box;
}

body​ {
​margin​: 0;
}
.column {
​float​: left;
​height​: 100%;
}

.left {
​width​: 20%;
​background-color​: #a57a6d;

8/22
 ​position​:fixed;
}
.right {
​margin-left​:20%;
​width​: 80%;
​background-color​: white;
}
#banner {
width​:100%;
height​:200px;
}
.navbar {
​overflow​: hidden;
​background-color​:#71323e;
​font-family​: Arial;
}

.navbar ​a​ {
​float​: left;
​font-size​: 20px;
​color​: white;
​text-align​: center;
​padding​: 15px 50px;
​text-decoration​: none;
}

.dropdown {
​float​: left;
​overflow​: hidden;
}

.dropdown .buton {
​font-size​: 20px;
​border​: none;
​outline​: none;
​color​: white;
​padding​: 15px 50px;
​background-color​: inherit;
​font-family​: Arial;
}

.navbar ​a​:hover​, .dropdown​:hover​ .buton {

​background-color​: #dec3ae;
}

.lista-destinatii {
​display​: none;
​position​: absolute;
​background-color​: #f9f9f9;
​min-width​: 160px;
​box-shadow​: 0px 8px 16px 0px ​rgba​(0,0,0,0.2);
​z-index​: 1;
}

.lista-destinatii ​a​ {

9/22
 ​float​: none;
​color​: #71323e;
​padding​: 5px 10px;
​text-decoration​: none;
​display​: block;
​text-align​: left;
}

.lista-destinatii ​a​:hover​ {
​background-color​: #dec3ae;
}

.dropdown​:hover​ .lista-destinatii {
​display​: block;
}
/************************************************** SFARSITUL SABLONULUI*/

/**************************************************BARA DE NAVIGARE*/
.nav1 {
padding​: 0px 20px;
font-family​:Courier New;
font-size​:50px;
color​:#FFFFFF;
font-weight​: bold;
}
.nav2 {
padding​: 0px 20px;
font-family​:Courier New;
font-size​:20px;
color​:#FFFFFF;
font-weight​: bold;
}
/******************************************************SFARSIT BARA DE NAVIGARE*/

/*******************************************************CONTINUTUL PAGINII*/
.scris {
padding​: 3px 20px;
font-family​:Courier New;
font-size​:20px;
}
.titlu {
font-size​:70px;
color​:#71323e;
padding​: 0px 50px;
font-family​:Courier New;
font-weight​: bold
}
.subtitlu {
padding​: 0px 20px;
font-family​:Courier New;
font-size​:25px;
color​:#71323e;
font-weight​: bold;
}

10/22
PAGINA HOME
Pagina HOME a site-ului surprinde prin citatul-motto al site-ului. Citatul este pus in
evidenta de stilizarea CSS. Continutul paginii are un format asemanator cu restul paginilor
site-ului, font-ul si marimea scrisului fiind de asemenea controlate cu ajutorul CSS.

Sursa HTML a paginii HOME

<blockquote>
<p ​class​=​"citat"​>
Traveling:it leaves you speechless, then turns you into a storyteller -
Ibn Battuta
</p>
</blockquote>
<p ​class​=​"scris"​>
Calatoriile sunt cel mai facil mod prin care poti ingloba cultura, dinamica
si istoria unei intregi tari dupa doar cateva zile. Vizitarea unui
oras nou ​te​ transforma intr-un om culturalizat, sociabil si aventuros, fiind una
dintre cele mai facile metode ​de​ relaxare si educare.
</p>
<p ​class​=​"scris"​>
Batranul Continent detine numeroase orase si metropole care impresioneaza atat
prin cladirile istorice grandioase care au gazduit personalitatile marcante care au slefuit
lumea, ​cat​ si prin cultura oamenilor contemporani care isi duc viata linistiti, ​in​ interiorul
unor adevarate oaze ​de​ cultura.
</p>
<p ​class​=​"scris"​>
Acest website ​se​ vrea a fi un mod ​de​ informare pentru cei care vor ​sa​ aiba parte
de​ unele dintre cele mai frumoase experiente ale vietii si ​sa​ calatoreasca ​in​ locuri unice ​in
lume pentru a intra ​in​ contact cu orasele care i-au inspirat pe iubitorii ​de​ frumos ​sa​ creeze
constructii grandioase, oaze verzi linistite si bazele unor civilizatii infloritoare.
</p>
<p ​class​=​"scris"​>

11/22
 Pe acest site veti gasi toate informatiile ​de​ care aveti nevoie pentru ​ca
excursia dumneavoastra ​in unul dintre aceste orase ​sa​ fie ​cat​ mai productiva si lipsita d ​ e
griji:
<ul ​class​=​"scris"​>
<​li​>resurse utile pentru cazare si transport</​li​>
<​li​>recomandari ​de​ hoteluri si restaurante</​li​>
<​li​>informatii despre principalele obiective turistice</​li​>
<​li​>metode eficinte pentru economisirea banilor ​in​ excursie</​li​>
<​li​>informatii vaste despre fiecare oras ​in​ parte</​li​>
<​li​>..si multe alte resurse pentru a face excursia dumneavoastra ​cat​ mai
satisfacatoare</​li​>
</ul>
</p>

Sursa CSS pentru stilizarea citatului

blockquote​{
​font-size​: 30px;
​border-left​: 10px solid #71323e;
​margin​: .5em 10px;
​padding​: 0 10px;
​quotes​: ​"\201C""\201D""\2018""\2019"​;
​padding​: 10px 20px;
​line-height​: 1.4;
​font-style​:italic;
}

blockquote​:before​ {
​content​: open-quote;
​display​: inline;
​height​: 0;
​line-height​: 0;
​left​: -10px;
​position​: relative;
​top​: 30px;
​color​: #71323e;
​font-size​: 3em;
}
.citat {
margin​:0px;
}

12/22
PAGINA LINK-URI UTILE
Pagina LINK-URI UTILE are ca particularitate modul in care sunt afisate link-urile.
Acestea au forma logo-urilor site-urilor unde fac trimitere, modificandu-si forma la trecerea
cu cursorul mouse-ului peste ele.

Sursa HTML pentru link-uri

<a href=​"https://www.booking.com/"​ target=​"blanc"​><img src=​"booking.png"​ align=​"left"
class​=​"unelte"​></a>
<p ​class​=​"scris"​>
Booking.com este unul dintre cele mai populare platforme cand vine vorba ​de
rezervarea unei camere ​de​ h ​ otel​. Site-ul ofera numeroase filtre pentru personalizarea
cautarilor si utilizatorii beneficiaza ​de​ recenziile verificate ale celor care au stat ​in
prealabil ​in locatia respectiva. Rezervarea unei camere este simpla si eficienta.
</p>

Sursa CSS pentru stilizarea butonului

.unelte {
padding​: 20px 20px;
width​:150px;
height​:150px;
}
.unelte​:hover​ {
width​:160px;
height​:160px;
}

13/22
PAGINA CONTACT
Pagina CONTACT contine o lista imbunatatita cu elemente CSS ce contine informatii
despre realizatorul site-ului.

Sursa HTML pentru lista

<p ​class​=​"scris "​>
<​ul​>
​ Nume si prenume:</​b>
<​li​><​b> ​ Dutulescu Andreea-Nicoleta</​li​>
<​li​><​b>​ Clasa:</​b​> a XII-a D</​li​>
<​li​><​b> ​ Scoala:</​b​> Colegiul National "Dinicu Golescu"</​li​>
<​li​><​b> ​ Localitatea:</​b> ​ Campulung</​li​>
<​li​><​b> ​ Judet:</​b​> Arges</​li​>
</​ul​>
<​/p>

Sursa CSS pentru stilizarea listei

ul​ {
border-left​: 10px solid #71323e;
margin-left​:80px;
list-style-type​: none;
font-family​:Courier New;
font-size​:20px;
}

14/22
PAGINA UNEI DESTINATII: Paris
Pagina fiecarei destinatii, in cazul de fata, Parisul, este impartita in 5 sectiuni
principale:Orasul (informatii generale), Obiective turistice (principalele obiective, informatii
generale despre ele si link spre pagina lor oficiala), Carduri de reducere (informatii despre
fiecare card in parte, beneficiile lor si link-uri catre oaginile oficiale), Restaurante (2-3
recomandari de restaurante) si Hoteluri iconice (2 recomandari de hoteluri celebre ce si-au
lasat amprenta in istoria orasului).

Pentru a facilita navigarea in cadrul paginii am creeat bara de navigare din partea
stanga. Aceasta are o pozitie fixa, ramanand in cadrul ecranului indiferent de sectiunea
paginii in care ne aflam. In bara de navigare exista link-uri catre sectiunile principale
amintite mai sus, oferind o mai buna navigare in cadrul unei pagini destul de stufoase. Se
poate naviga instant, cu un simplu click, catre inceputul paginii, catre recomandarile de
restaurante sau enumerarea de obiective turistice, bara de navigare fiind poate cel mai
complex element al paginii de destinatie.

15/22
 Fiecare bucata de scris este stilizata in functie de rolul ei: titlu, subtitlu si continut
(scris), acestea fiind denumirile claselor utilizate in codul CSS.
De asemenea, fiecare locatie este insotita de o imagine de calitate care pune in
evidenta frumusetea locului respectiv.

16/22
Sursa HTML a unei sectiuni (Obiective turistice) a paginii de destinatie:Paris
<p ​class​=​"titlu"​ id=​"2"​>Obiective turistice</p>
<p ​class​=​"subtitlu"​>Turnul Eiffel</p>
<p ​class​=​"scris"​><img src=​"eiffel.jpg"​ align=​"left"​></p>
<p ​class​=​"scris"​>
Este ​de​ neconceput ​sa​ vizitezi Parisul si s ​ a​ nu vezi Turnul Eiffel. Chiar daca
nu iti doresti ​sa​ il vizitezi, nu ai cum ​sa​ nu il vezi, deoarece varful Turnului Eiffel ​se
poate vedea aproape din orice punct al Parisului. Turnul Eiffel masoara 300 ​de​ metri inaltime
si atunci cand a fost ridicat, ​la​ sfarsitul secolului al 19-lea, era ​de​ doua ori mai inalt
decat Monumentul Washington, care ​la​ acea vreme detinea titlul ​de​ cea mai inalta structura
din lume. Turnul Eiffel a fost ridicat cu ocazia Expozitiei Universale din 1889, organizata
la​ Paris pentru celebrarea centenarului Revolutiei Franceze din 1789, eveniment ce a marcat
istoria Europei ​in​ mod fundamental. Peste 100 ​de​ artisti au depus planuri pentru ridicarea
unui monument ​in​ Champ-​de​-Mars, ​in​ centrul Parisului, care urma ​sa​ serveasca drept poarta ​de
intrare ​in​ spatiul expozitional. Executarea acestui monument a fost incredintata firmei
numite Eiffel et Compagnie, o firma ​de​ consultanta si constructii detinuta ​de​ un recunoscut
constructor ​de​ poduri, arhitect, inginer si expert ​in​ prelucrarea metalelor,
Alexandre-Gustave Eiffel.
</p>
<p ​class​=​"scris"​>
In​ zilele noastre Turnul Eiffel este una dintre cele mai usor ​de​ recunoscut
structuri ​de​ pe intreaga planeta si a trecut printr-o serie ​de​ lucrari majore ​de​ renovare ​in
anul 1986. Turnul Eiffel este vopsit ​la​ fiecare sapte ani si primeste mai multi turisti decat
orice alt obiectiv turistic pentru a carui vizitare ​se​ plateste - ​se​ estimeaza ​ca​ aproximativ
7 milioane ​de​ turisti viziteaza Turnul Eiffel ​in​ fiecare ​an​. Aproximativ 500 d ​ e​ salariati
lucreaza si sunt responsabili cu intretinerea, lucreaza ​in​ restaurante, ​la​ lifturi, ​la​ paza
si ​la​ ghidarea turistilor care dau navala ​in​ fiecare zi pentru a ​se​ bucura ​de​ o panorama a
Parisului ​de​ ​la​ mare inaltime. Turnul Eiffel are doua restaurante: Altitude 95 ​la​ primul
nivel (​la​ 95 ​m​ inaltime) si Jules Verne ​la​ etajul al doilea. Acesta din urma este o
destinatie gastronomica pentru cunoscatori. Cel mai vizitat ​loc​ din Paris este mereu
aglomerat iar cozile ​la​ intrare pot fi foarte mari. Pentru a le evita pe ​cat​ posibil este

17/22
recomandat ​sa​ incercati sa​-​l​ vizitati dimineata si ​in​ timpul saptamanii.
</p>
<p ​class​=​"scris"​>
Daca vizitati turnul, trebuie ​sa​ asteptati ​la​ coada pentru unul din cele doua
lifturi care urca pana ​in​ varf. Acestea pleaca l ​ a​ fiecare opt minute dar cu toate acestea
perioada ​de​ asteptare poate fi foarte mare. ​La​ primul etaj puteti vedea lucruri legate ​de
istoria Turnului Eiffel, puteti trimite o vedere chiar din turn ( exista un oficiu postal
acolo ) sau puteti lua masa ​la​ restaurantul Altitude 95. Ambele niveluri au magazine cu
suveniruri sau Internet cafe-uri. ​In​ varf puteti vedea orasul si exista tot felul ​de
ghiduri care va spun ce vedeti. Totusi inaltimea este atat ​de​ mare incat poate fi dificil ​sa
localizati anumite locatii.
</p>
<p ​class​=​"scris"​>
<a href=​"https://www.toureiffel.paris/fr"​ target=​"blank"​>---WEBSITE TURNUL
EIFFEL---</a>
</p>
<p ​class​=​"subtitlu"​>Muzeul Luvru</p>
<p ​class​=​"scris"​><img src=​"luvru.jpg"​ align=​"left"​></p>
<p ​class​=​"scris"​>
Muzeul Luvru este cel mai vizitat muzeu ​de​ arta din lume, un monument plin ​de
incarcatura istorica si un muzeu national al Frantei. Este un obiectiv turistic central din
Paris fiind situat ​in​ arondismentul 1 al orasului. ​In​ cadrul muzeului Luvru sunt expuse ​in
jur ​de​ 35000 ​de​ obiecte ​de​ arta din mileniul 6 I.Ch. si pana ​in​ secolul al XIX-lea
D​.Ch. Cand s-a deschis, ​in​ data ​de​ 10 August 1793, muzeul a prezentat o colectie ​de​ 537 ​de
picturi, marea majoritate fiind opere confiscate ​de​ ​la​ biserica si ​de​ l ​ a​ monarhia
franceza. ​In​ timpul lui Napoleon, muzeul si-a marit foarte mult colectia si si-a schimbat si
numele ​in Muzeul Napoleon. Dupa infrangerea lui Napoleon multe dintre operele confiscate
de​ acesta au fost returnate proprietarilor lor ​de​ drept. Colectia muzeului a continuat insa
sa​ ​se​ mareasca; ​in​ timpul celui ​de​-al doilea Imperiu a castigat peste 20000 ​de​ piese.
Numarul operelor ​de​ arta detinute ​de​ Muzeul Louvre a continuat ​sa​ creasca constant din daruri
si donatii cu exceptia celor doua razboaie mondiale.
</p>
<p ​class​=​"scris"​>
Din anul 2008 colectia Muzeului Louvre este impartita ​in​ opt categorii
distincte: Egiptul Antic; Antichitati din Orientul Apropiat; Grecia, Etruscii si Imperiul
Roman; Arta Islamica; Sculptura; Arta decorativa; Pictura; Printuri si Desene.Peste 60000 ​de
metri patrati sunt dedicati exponatelor permanente. Dintre cei 15000 ​de​ vizitatori zilnici
peste 65% sunt straini. Colectia ​de​ tablouri numara peste 6000 ​de​ piese datand din secolul al
XIII-lea si pana ​in​ 1848. ​La​ Louvre poate fi gasita si capodopera lui Leonardo da Vinci, Mona
Lisa printre multe alte opere ​de​ arta ​de​ o valoare inestimabila.
</p>
<p ​class​=​"scris"​>
<a href=​"http://www.louvre.fr/en"​ target=​"blank"​>---WEBSITE LUVRU---</a>
</p>

Sursa CSS pentru stilizarea textului

.scris {
padding​: 3px 20px;
font-family​:Courier New;
font-size​:20px;
}
.titlu {
font-size​:70px;
color​:#71323e;
padding​: 0px 50px;

18/22
 font-family​:Courier New;
font-weight​: bold
}
.subtitlu {
padding​: 0px 20px;
font-family​:Courier New;
font-size​:25px;
color​:#71323e;
font-weight​: bold;
}

Sursa HTML pentru bara de navigare (am adaugat sectiunilor cate un id (1, 2,..) pentru a lega
link-ul de partea respectiva din pagina)
<div ​class​=​"column left"​>
<​p​ ​class​=​"nav1"​>Navigare</​p​>
<a href=​"#1"​><​p​ ​class​="
​ nav2"​>Paris</​p​></​a​>
<a href=​"#2"​><​p​ ​class​="​ nav2"​>Obiective turistice</​p​></​a​>
<a href=​"#3"​><​p​ ​class​=" ​ nav2"​>Carduri reducere</​p​></​a​>
<a href=​"#4"​><​p​ ​class​=" ​ nav2"​>Restaurante</​p​></​a​>
<a href=​"#5"​><​p​ ​class​=" ​ nav2"​>Hoteluri iconice</​p​></​a​>
<​/div>

MODUL DE FOLOSIRE AL SITE-ULUI

Din folder-ul ATESTAT se va deschide fisierul HTML “index.html” cu ajutorul browser-ului
web preferat.

19/22
 BIBLIOGRAFIE
www.wikipedia.org
www.directbooking.com
www.tvl.ro
www.booking.com
Google Images

20/22