Colegiul Naional Elena Ghiba Birta

LUCRARE DE ATESTAT
DISCIPLINA INFORMATIC

Candidat

Coordonator

Ciorban Andrea Georgiana

Prof. Drgan Carmina

2015

TEMA LUCRRII :
PAGIN WEB - DESTINAII EXOTICE

Cuprins

Argument

pag. 4

Limbajele HTML, CSS, Javascript

pag. 5

Descrierea site-ului
Pagina Acas

pag. 8

Pagina Destinaii

pag. 8

Pagina Maldive

pag. 9

Pagina Bora Bora

pag. 9

Pagina Hawaii

pag.10

Pagina - Atracii turistice n Hawaii

pag. 10

Pagina Fiji

pag. 11

Pagina Jamaica

pag. 11

Pagina - Atracii turistice n Jamaica

pag. 12

Pagina - Galerie foto

pag. 12

Concluzie

pag. 13

Bibliografie

pag. 14

Argument

Am ales aceast tem deoarece nc de mic mi plcea s mi petrec vremea n natur, n

special pe timpul verii, anotimpul meu preferat. Din totdeauna am fost atras de locurile calde i
de aceea sunt fascinat de aceast lume cu totul aparte prin soarele clduros, plajele fine,
palmieri, valuri mree si un trm acvatic uluitor. Din aceast cauz, dac sunt pus n situaia de
a alege ntre 2 ri cu diferite climate, mereu le voi alege pe cele unde temperaturile sunt ridicate.
Un alt motiv pentru care m-am decis s optez pentru tema aceastao reprezint gndul la
oamenii de peste hotare, n special cei care triesc n rile nordice sau n cele cu o clim umed,
de exemplu Marea Britanie. Oamenii din astfel de ri nu au posibilitatea de a profita de vremea
cald din cauza climei i tocmai de aceea, destinaiile exotice sunt bine venite n viaa lor.
Nu este necesar s fi bogat sau celebru pentru a vizita aceste locuri. Insulele exotice
precum Bora Bora, Fiji, Maldive, Hawaii si Jamaica sunt nite destinaii minunate unde te poi
bucura de soarele clduros, valuri, nisipuri fine i n acelai timp s cunoti culturi noi.
Am creat o pagin web despre destinaii exotice,deoarece doresc s le ofer oamenilor o
imagine detaliat a acestor insule i astfel si incurajez pe ct mai muli s le viziteze pentru c
merit.

Limbajele HTML, CSS, Javascript

1. HTML
HTML este o form de marcare orientat ctre prezentarea documentelor text pe o singura
pagin, utiliznd 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
coninutul unui document poate fi adnotat cu diverse tipuri de metadate i indicaii de redare.
Indicaiile de redare pot varia de la decoraiuni minore ale textului, cum ar fi specificarea
faptului c un anumit cuvnt trebuie subliniat sau c o imagine trebuie introdus, pn la scripturi
sofisticate, hri de imagini i formulare. Metadatele pot include informaii despre titlul i
autorul documentului, informaii structurale despre cum este mprit documentul n diferite
segmente, paragrafe, liste, titluri etc. i informaii cruciale care permit ca documentul s poat fi
legat de alte documente pentru a forma astfel hiperlink-uri (sau web-ul).
HTML este un format text proiectat pentru a putea fi citit i editat de oameni utiliznd un
editor de text simplu. Totui scrierea i modificarea paginilor n acest fel solicit cunotine
solide de HTML i este consumatoare de timp. Editoarele grafice (de tip WYSIWYG) cum ar
fi Macromedia Dreamweaver, Adobe GoLive sau Microsoft FrontPage permit ca paginile web sa
fie tratate asemntor cu documetele Word, dar cu observaia c aceste programe genereaz un
cod HTML care este de multe ori de proast calitate.
HTML se poate genera direct utiliznd tehnologii de codare din partea serverului cum ar
fi PHP,JSP sau ASP.

Multe

aplicaii

ca sistemele

de

gestionare

coninutului, wiki-

ri i forumuri webgenereaz pagini HTML.

HTML este de asemenea utilizat n e-mail. Majoritatea aplicaiilor de e-mail folosesc un
editor HTML ncorporat pentru compunerea e-mail-urilor i un motor de prezentare a e-mailurilor de acest tip. Folosirea e-mail-urilor HTML este un subiect controversat i multe liste de
mail le blocheaz intenionat.

HTML este prescurtarea de la Hyper Text Mark-up Language si este codul care sta la baza
paginilor web.Paginile HTML sunt formate din etichete sau tag-uri i au extensia .html sau
.htm. n marea lor majoritate aceste etichete sunt pereche, una de deschidere <eticheta> i alta
de nchidere</eticheta>, mai exist i cazuri n care nu se nchid, atunci se folosete <eticheta />.
Navigatorul web interpreteaz aceste etichete afind rezultatul pe ecran. HTML-ul este un
limbaj care nu face deosebire ntre litere majuscule i minuscule.
Pagina principala a unui domeniu este fisierul index.html respectiv index.htm.
Aceast pagin este setat a fi afiat automat la vizitarea unui domeniu.De exemplu la vizitarea
domeniului www.nume.ro este afiat pagina www.nume.ro/index.html.
Unele etichete permit utilizarea de atribute care pot avea anumite valori:
<eticheta atribut="valoare"> ... </eticheta>
Componena unui document HTML este:
1. versiunea HTML a documentului
2. zona head cu etichetele <head></head>
3. zona body cu etichetele <body></body> sau <frameset></frameset>
Toate paginile HTML ncep i se termin cu etichetele <html> i </html>.n interiorul
acestor etichete gsim perechile <head>, </head> i <body>, </body>.head conine titlul paginii
ntre etichetele <title> i </title>, descrieri de tip <meta>, stiluri pentru formatarea textului,
script-uri i legturi ctre fisiere externe (de exemplu script-uri, fiiere de tip CSS sau favicon).
Etichetele de tip meta conin cuvinte cheie, descrierea paginii, date despre autor, informaii utile
motoarelor de cutare i au urmtorul format:
<META NAME="nume" CONTENT="continut">

2. Javascript

Javascript se poate accesa si controla direct toate elementele unei pagini HTML (text,
imagini, formulare, frame-uri etc).Totodata el nu necesit instalarea unor

aplicaii

suplimentare.Este folosit mai ales pentru introducerea unor funcionaliti n paginile web, codul
Javascript din aceste pagini fiind rulat de ctre browser. Programatorii web pot ngloba n
paginile HTML script-uri pentru diverse activiti cum ar fi verificarea datelor introduse de
utilizatori sau crearea de meniuri i alte efecte animate.
3. CSS
CSSeste un standard pentru formatarea elementelor unui document HTML.Stilurile se pot
ataa elementelor HTML prin intermediul unor fiiere externe sau n cadrul documentului, prin
elementul <style> i/sau atributul style. De asemenea, pentru ncadrarea textului intr-o pagina
web HTML este posibila cu tag-ul div.Beneficiile sintaxei CSS sunt:

formatarea este introdusa intr-un singur loc pentru tot documentul

editarea rapida a etichetelor

datorita introducerii intr-un singur loc a etichetelor se obtine o micsorare a codului

paginii, implicit incarcarea mai rapida a acesteia.
Adobe Dreamweaver este o aplicaie de dezvoltare web a companiei americane Adobe

Systems, disponibil att pentru MSWindows, ct i pentru Apple Mac OS. Versiunile recente
includ suport pentru tehnologiiweb cum ar fi CSS, JavaScript, PHP, Cold Fusion, ct i
cadre ASP. Dreamweaver s-a bucurat de un larg succes nc de la sfritul anilor 1990 i
momentan deine aproximativ 80 % din piaa editoarelor HTML.
Unii creatori de pagini web critic aceste tipuri de editoare deoarece produc pagini de
dimensiuni mult mai mari dect ar fi necesar, ceea ce conduce la o funcionare neperformant
a browserelor web. Aceast afirmaie este n mare parte adevarat deoarece paginile web
produse folosesc designul pe baz de tabel. n plus, produsul a mai fost criticat n trecut i
pentru producerea de coduri care adesea nu erau conform standardelor W3C, dar acest aspect
a fost mult mbuntit n versiunile recente. Cu toate acestea, compania Macromedia a
7

mbuntit suportul pentru tehnologia CSSprecum i alte modaliti de design, fr a fi

necesar folosirea designului pe baz de tabel.
Un aspect foarte ludat al Dreamweaver-ului l reprezint arhitectura sa extensibil.
Extensiile sunt mici programe pe care orice dezvoltator le poate scrie (de obicei n HTML i
JavaScript) i pe care oricine le poate descrca i instala, acestea aducnd un spor de
performan i funcionalitate mbuntit programului.

Descrierea site-ului

Site-ul este realizat n Dreamweaver i conine toate destinaiile exotice alese. Are
urmtoarea structur:

Acas
Destinaii: Maldive
Bora Bora
Hawaii
Atracii turistice n Hawaii
Fiji
Jamaica
Atracii turistice n Jamaica
Galerie foto
Contact

Pagina Maldive ofer informaii despre Insulele Maldive n legtur cu clima,aezare

i atracii turistice. Alturi de text se gseste o fotografie reprezentativ insulelor.

Pagina Bora Bora ofer informaii despre insula Bora Bora precum i legenda care arat
cum a aprut aceasta alturi de imaginile atrgtoare.

Pagina Hawaii ofer informaii despre Insula Hawaii printre care i detalii despre muzic
si dansul specific zonei (Hula).De la aceast pagin se poate ajunge la paginaAtracii turistice in
Hawaii printr-un buton care se afl n partea de josa paginii.

10

Pagina Atracii turistice Hawaii conine o ntreaga list cu cele mai renumite si mai
frumoase locuri din Hawaii pe care turitii le pot vizita.

Pagina Fiji ofer informaii despre Insula Fiji.

11

Pagina Jamaica ofer informaii despre insula Jamaica.Aceast pagin face lagtura cu
pagina Atracii turistice in Jamaica.

Pagina Atracii turistice n Jamaica este o list cu denumirile celor mai atractive locaii din
Jamaica.

12

Pagina Galerie foto conine fotografii din destinatiile prezentate. Printr-un click pe oricare
dintre acestea, fiecare se poate vizualiza la o dimensiune mai mare.

Concluzii

Datorit acestei lucrri, am reuit s acumulez foarte multe cunotiine cu privire la

limbajele CSS, Javascript i HTML despre care auzisem doar, fr a contientiza despre ce este
vorba. Sunt fericit c am putut duce la capt aceast pagin web pentru c este pentru prima oar
cnd realizez una.
Cu aceast ocazie, pe lng faptul c am aflat informaii n legtur cu faimoasele
destinaii exotice, mi-am mbogit cultura general, reuind astfel s rmn cu ceva pe viitor.
Consider c fiecare dintre noi ar putea tii cum se creeaz o pagin web, mai ales
acum cnd lumea i tehnologia se dezvolt din ce n ce mai mult.

13

Bibliografie

www.wikipedia.com
http://www.globi.ro/jamaica
http://www.invia.ro/jamaica/fauna/
http://www.roportal.ro/articole/insula-bora-bora-5705.htm

14

http://www.fourseasons.com/borabora/destination/?c=t&_s_icmp=mmenu
http://www.flyzzz.com/ro/excursii-exotice/insulele-maldive
http://ro.wikipedia.org/wiki/Adobe_Dreamweaver

15