You are on page 1of 28

Colegiul Spiru Haret Ploiesti

LUCRARE DE ATESTAT INFORMATICA

ROMANIA

Profesor Coordonator : Elev :


Popa Mirela Zanfir Andrei Daniel

2017
Cuprins

1. Argumentarea proiectului
2. Descrierea softului utilizat
3. Descrierea aplicatiei
4. Sursa
5. Glosar de termeni
6. Concluzie
7. Bibliografie
Introducere
Tema acestui proiect la informatica este Atractii turistice in
Romania .

Am ales aceasta tema pentru ca sunt o persoana foarte pasionata de


turism si mereu am dorit sa calatoresc si sa descopar locuri noi.

Proiectul prezinta informatii detaliate despre cele mai frumoase


destinatii turistice din tara noastra.

Turismul este vital pentru foarte multe regiuni, cum ar fi litoralul


romanesc, Delta Dunarii, Valea Prahovei, Banat, Maramures, etc i
pentru unele orase importante din tara (Bucuresti, Cluj, Iasi, Brasov,
Timisoara, Constanta) datorit aportului financiar consistent ob inut
din afacerile cu bunuri i servicii i oportunit ilor de angajare n
industria serviciilor asociat turismului.

Industria serviciilor include serviciile de transport (transportul aerian,


croazierele, taxiurile) i serviciile de ospitabilitate (cazarea, inclusiv
hotelurile i staiunile, veniturile din divertisment, cum ar fi parcurile,
cazinourile, mall-urile, veniturile din muzic i teatrele).

In acest proiect sunt prezentate locatii din urmatoarele zone: Banat,


Bucovina, Crisana, Delta Dunarii, Litoral, Maramures, Moldova,
Muntenia, Oltenia, Transilvania.

Aplicatia a fost realizata in cea mai mare parte in limbajul HTML, prin
programare direct in cod sursa (scrierea liniilor de comanda).

Traversat de apele Dunrii, Romnia are un relief variat, incluznd


mpduriii Muni Carpai, coasta Mrii Negre i Delta Dunrii, cea mai
bine pstrat delt european. Satele romneti pstreaz n general
un mod de via tradiional. Romnia se bucur de o abunden a
arhitecturii religioase i pstreaz cteva orae medievale i castele.
Turismul n Romnia se concentreaz asupra peisajelor naturale i a
istoriei sale bogate, avnd de asemenea o contribuie important la
economia rii.

Romnia are o cultur unic datorit aezrii sale geografice i a


evoluiei istorice distincte. Este fundamental definit ca fiind un punct
de ntlnire a trei regiuni: Europa Central, Europa de Est i Europa de
Sud-Est, dar nu poate fi cu adevrat inclus n nici una dintre ele.
Identitatea romneasc a fost format pe un substrat din amestecul
elementelor dacice i romane, cu multe alte influene.

Descrierea softului utilizat

HyperText Markup Language (HTML) este un limbaj de marcare


utilizat pentru crearea paginilor web ce pot fi afiate ntr-un browser
(sau navigator). Scopul HTML este mai degrab prezentarea
informaiilor paragrafe, fonturi, tabele .a.m.d. dect descrierea
semanticii documentului.

Specificaiile HTML sunt dictate de World Wide Web Consortium


(W3C).

Introducere

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, informa ii
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. Totu i scrierea i
modificarea paginilor n acest fel solicit cunotin e 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 aplica ii ca
sistemele de gestionare a coninutului, wiki-uri i forumuri web
genereaz 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-mail-urilor de
acest tip. Folosirea e-mail-urilor HTML este un subiect controversat i
multe liste de mail le blocheaz intenionat.

Noiuni de baz

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>

Versiunea HTML poate fi:

HTML 4.01 Strict

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"


"http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"


"http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

HTML 5

<!DOCTYPE HTML>

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">

Exemplu: link ctre un fisier extern CSS:

<link rel="stylesheet" type="text/css" href="css.css">

body gzduiete practic toate etichetele afiate de browser pe ecran.


Exemplu: o pagin HTML cu titlul Exemplu iar coninutul Coninut
pagin

<html>
<head>
<title>Exemplu</title>
</head>
<body>
Coninut pagin
</body>
</html>

i n HTML poate fi introdus un comentariu, care bineneles nu va fi


afiat de browser:

<!-- comentariu -->

Elementele de marcare

Mai jos sunt tipurile de elemente de marcare n HTML:

Marcare structural. Descrie scopul unui text. De exemplu:

<h1>Fotbal</h1>

Direcioneaza browserul pentru a reda "Fotbal" ca pe cel mai important


titlu. Marcarea structural nu are un anumit stil predefinit, dar cele mai
multe browsere web au standardizat modul n care acestea sunt
afiate. De exemplu, titlurile importante (h1, h2, etc.) sunt aldine i
mai mari dect restul textului.De notat c "h1" este folosit doar o
singur dat per pagin deoarece cu el este marcat titlul ei.

Marcare pentru prezentare. Descrie cum apare un text,


indiferent de funciile sale. De exemplu:

<strong>ngroat</strong>

Va afia textul "ngroat" cu litere groase, aldine.Not: Html a inceput


n ultimii ani s nceap s nu mai foloseasc acest gen de tag-uri
pentru c "b" nu d sens paginii, pe cnd tag-ul "strong" (adic strong
emphasis) d un neles paginii, i mai important, asemenea tag-uri
pentru prezentare doar ncarc o pagin cu informaii i o fac astfel
mai greu de ncrcat, iar apoi dac ataezi un document CSS la
pagin, o singur modificare la CSS (de ex: de la "font-style:italic" la
"font-weight:bold" va schimba tot textul selectat, i de exemplu, link-
urile vor trece de la text nclinat la text ngroat, plus c n CSS avem
avantajul de a putea preciza ct de mari sau mici s fie literele n pixeli
px, n puncte pt, etc.)avem acelai efect ca i cnd am avea de
schimbat toate tag-urile de "i" de pe pagin n tag-uri de "b", munc
care chiar i la un website mic este enorm, ce s mai vorbim de unul
de genul wikipedia. Aa c dac vrei s ncepei o carier n html sau
un hobby (i s avei succes) nu folosii aceste taguri, nu degeaba s-a
inventat CSS-ul.

Marcare pentru hiperlink. Leag pri ale unui document cu alte


documente. De exemplu:

<a href="http://www.google.ro/">Google</a>

Elemente speciale (widget). Creeaz obiecte, cum ar fi butoanele i


listele.
Doar marcatorii de prezentare (mpreun cu foile de stiluri - CSS)
determin cum coninutul din interiorul marcatorului va fi prezentat.
Ceilali marcatori spun browserului ce obiecte s redea sau ce func ii
s execute.

Tag-uri
Orice fiier html are urmtoarea structur

<html>
<head>
<title>Titlul</title>
</head>
<body>

</body>
</html>

ntre tagurile <body></body> se scriu celelalte "instruciuni".


Tagul <body> permite stabilirea fundalului i a culorii hiperlinkurilor:

<body bgcolor="#ff0000"> - culoarea fundalului paginii devine rosie


<body background="fundal.jpg"> - pune o imagine n fundalul paginii
<body link="#ff0000" alink="#00ff00" vlink="#0000ff"> - stabilete
culoarea linkurilor nevizitate i vizitate.

Un document simplu

S ncepem cu un document simplu: Scrie acest cod ntr-un editor


de text oarecare (Notepad de exemplu) i salveaz-l cu numele de
index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"


"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ro">
<head>
<title>Un document simplu</title>
</head>

<body>
<p>Textul documentului l scrii aici!</p>
</body>
</html>

Acum deschide fiierul cu un browser web i vei vedea o pagin cu


titlul "Un document simplu" n care scrie Textul documentului l scrii
aici!

HTML5

HTML5 este un limbaj pentru structurarea i prezentarea


coninutului pentru World Wide Web, o tehnologie nucleu pentru
Internet propus iniial pentru software-ul Opera.
Este a cincea revizuire a standardului HTML (creat n 1990 i
standardizat ca HTML4 din 1997) i din octombrie 2011 este n curs de
dezvoltare. Obiectivele sale principale au fost acelea de a mbunt i
limbajul cu un suport pentru cele mai recente apari ii multimedia n
acelai timp meninndu-l uor de citit de oameni i bine n eles de
computere i device-uri (browsere web, parsere, etc.). HTML5 i
propune s nsumeze nu numai HTML4, dar i XHTML1 i DOM2HTML
(ndeosebi JavaScript).
Urmrind predecesorii si imediai HTML 4.01 i XHTML 1.1,
HTML5 este un rspuns la observaia c HTML i XHTML utilizate n
comun pe World Wide Web sunt un amestec de caracteristici introduse
de specificaii diferite, mpreuna cu acestea mai sunt i caracteristicile
diferite aduse de software, de browsere, i multe erori de sintax n
documnentele web existente. Astfle, HTML5 devine o ncercare de a
defini un singur limbaj de marcare care poate fi scris n oricare dintre
sintaxele HTML sau/i XHTML. Acesta include modele detaliate de
prelucrare pentru a ncuraja mai multe implementri interoperabile;
extinde, mbuntete i raionalizeaz disponibilitile pentru
documentele web i introduce marcarea i aplicaii API (application
programming interfaces) pentru aplicaii web complexe. Din aceste
motive, HTML5 este un posibil candidat pentru aplica iile de platforme
mobile. Multe caracteristici ale HTML5 au fost create din considerarea
c va trebui s devin capabil s ruleze pe dispozitive cum ar fi smart-
phonurile sau tabletele.

n special, HTML5 aduce multe noi caracteristici sintactice. Acestea


cuprind elemente
ca <video>, <audio>, <header> i <canvas> elemente HTML, precum
i integrarea coninutului SVG care a nlocuiete utilizarea tag-ului
generic <object>. Aceste nouti sunt proiectate pentru a facilita
includerea i manipularea n web a coninuturilor multimedia i grafice
fr a fi nevoie s se recurg la proprietile de plugin i API.
Alte noi elemente ca <section>, <article>, <header>,
i <nav> sunt proiectate s mbunteasc coninutul semantic al
documentelor. Noi atribute au fost introduse n acelai scop, n acela i
timp unele elemente i atribute au fost ndeprtate. Unele elemente
ca <a>, <cite> i <menu> au fost schimbate, redefinite i
standardizate. API-urile i DOM-urile (document object model) sunt
certitudini i sunt pri fundamentale n specificaiile HTML5. [4] HTML5,
de asemenea, definete in cteva detalii prelucrrile necesare pentru
documentele invalide, astfel nct sintaxa erorilor va fi tratat uniform
de toate browserele cunoscute.

Web Hypertext Application Technology Working Group (WHATWG)


a nceput s lucreze la un nou standard n 2004, cnd Consor iul World
Wide Web era concentrat pe evoluiile viitoare ale XHTML 2.0 i HTML
4.01 care nu au fost actualizate din anul 2000. n 2009 W3C a permis
cartei XHTML 2.0 Working Group s expire, i a decis s nu o
renoiasc. W3C i WHATWG lucreaz n prezent mpreun pentru
dezvoltarea HTML5.
Chiar dac HTML5 a fost bine cunoscut ani buni printre
dezvoltatorii de web, el devine subiectul degneral de discuie n media
n Aprilie 2010 dup ce Steve Jobs, CEO la Apple Inc. atunci, a dat
publicitii o scrisoare cu titlul "Gnduri despre Flash" n care a
concluzionat c Flash nu mai este necesar pentru a urmri filme i
pentru a consuma orice tip de resurs web i asta datorit
standardelor noi create i deschise n era mobilului, cum ar fi HTML5,
care vor ctiga. Aceasta a strrnit o dezbatere n cercurile de web
developeri unde unii sugerau c, atta tip ct HTML5 va livra
funcionaliti solide, developerii vor trebui s ia n considerare
varietatea suporturilor de browsere din diferite pri i standarde
precum i alte diferene funcionale ntre HTML5 i Flash.

WHATWG a pornit lucrul la caietul de sarcini n iunie 2004 numit


"Web Applications 1.0" Astfel n ianuarie 2011, caietul de specifica ii
ca un Proiect de standarde era publicat la WHATWG i proiectul de
lucru era publicat la W3C. Ian Hickson de la Google este editorul lui
HTML5.
Caietul de sarcini a fost adoptat ca punct de pornire la dezvoltarea
noului HTML de grupul de lucru de la W3C, Consor iul World Wide Web,
n 2007. Acest grup a publicat Primul Proiect Public de Lucru din caietul
de sarcini n 22 ianuarie 2008. Caietul de sarcini este nc n lucru i se
ateapt s mai continue nc muli ani dei pri din HTML5 sunt gata
de a fi terminate i implementate n browsere nainte ca ntregul caiet
de sarcini s ajung la final.
Conform orarului W3C, s-a estimat c HTML5 va ajunge o
recomandare a W3C pe la sfritul anului 2010. Oricum, obiectivul de
timp al Primului Proiect Public de Lucru a fost ratat cu 8 luni i
Proiectul "Last Call and Candidate Recommendation" a fost a teptat s
fie terminat n 2008, dar n ianuarie 2011 HTML5 nc este la stadiul de
proiect de lucru n W3C. HTML5 a fost in Last Call la WHATWG din
octombrie 2009.
Ian Hickson, editorul caietului de sarcini HTML5, se a tept ca
acesta s ajung la stadiul de Candidate Recommendation n cursul
anului 2012. Criteriul ca acest caiet de sarcini s ajung Recomandare
W3C este "dou implementri 100% complete i interoperabile". ntr-
un interviu dat publicaiei TechRepublic, Hickson previzioneaz c
acesta va mai dura pn n 2022 sau chiar mai trziu. Oricum, multe
pri din caietul de sarcinbi sunt stabile i pot fi implementate n
produse.
n Decembrie 2009, WHATWG a trecut la un model neversionat de
dezvoltare pentru caietul de sarcini HTML5. W3C nc mai continu cu
publicarea unei versiuni momentane de caiet de sarcini HTML5.
Pe 14 februarie 2011, W3C a extins documentul HTML Working Group
cu etape clare pentru HTML5. De la acest workgroup se ateapta n
mai 2011 s avanseze HTML5 la nivel de "Last Call", o invita ie pentru
comunitile din interiorul i din exteriorul W3C de a confirma
soliditatea specificaiilor tehnice. Grupul se va concentra apoi pe
adunarea de experien de implementare. W3C este, de asemenea, n
plin proces de dezvoltare a unui intreg set de teste pentru a realiza
interoperabilitatea larg pentru ntregul caiet de sarcini pn n 2014
inclusiv, ceea ce acum este un obiectiv pentru atingerea stadiului de
Recomandare.

HTML5 introduce un numr de noi elemente i atribute care


reflect utilizarea tipic a unui site modern. Unele dintre ele sunt
semantic nlocuite cu utilizri comune de blocuri generice (<div>) i de
elemente inline (<span>), de exemplu <nav> - block de navigatie n
site -, <footer> - n mod normal se refer la partea de jos a unei
pagini web sau la ultima linie de cod HTML -
sau <audio> i <video> n loc de <object>.

Unele elemente depreciate din HTML 4.01 au fost terse, inclusiv


nevinovatul element de prezentare <font> i <center>, al cror efect
este realizat cu CSS (Cascading Style Sheets). Se pune astfel accent
pe importana DOM scripting (e.g. JavaScript) n comportamentul web.
Sintaxa HTML5 nu mai este bazat pe SGML n ciuda asemnrii cu
marcajele acestuia. Oricum a fost dezvoltat pentru compatibilitatea
cu parserele comune de HTML mai vechi. Aceasta vine cu o nou linie
introductiv, arat ca tipurile de declarare SGML, <!DOCTYPE html>,
care declaneaz modurile standard de redare. [29] Din 5 ianuarie 2009,
HTML5 include de asemenea Web Forms 2.0, anteriorul caiet de sarcini
WHATWG.

CSS (Cascading Style Sheets) este un standard pentru formatarea


elementelor unui document HTML. Stilurile se pot ata a elementelor
HTML prin intermediul unor fiiere 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 cteva atribute noi i ajut la


dezvoltarea noilor concepte in webdesign.
Unele dintre cele mai importante segmente (module) noi adugate
acestui standard pentru formatarea elementelor HTML aduc un plus
considerabil in dezvoltarea activiti webdesign.
Mai jos sunt prezente in list cele mai importante modulele adugate
in CSS3:

Selectors
Box Model
Backgrounds and Borders
Image Values and Replaced Content
Text Effects
2D/3D Transformations
Animations
Multiple Column Layout
User Interface

Dei au aprut unele deficiente de compatibilitate intre browsere,


majoritatea proprietilor CSS3 au fost implementate cu succes in
variantele browserelor noi.
Acum CSS3 ofer posibilitatea de a crea borduri cu colurile rotunjite
far a folosi elemente grafice de fundal aa cum se folosea anterior
acestui upgrade.
Proprietatea CSS3 border-radius definete prin valorile exprimate in
pixeli cat de rotunjite vor fi colurile unui element HTML sau unei
imagini. Fiecare col poate avea o alta valoare exprimat in pixeli
diferit de un alt col al aceluiai element. Prin urmare putem folosi
pana la 4 valori diferite atribuite unui element HTML sau imagine.
Exemplu:
border-radius: 5px ;

- definete valoarea de 5px radius pentru toate cele 4 col uri ale
elementului.
border-radius: 5px 7px 12px 4px;

- aceste valori multiple definesc cat de mult vor fi rotunjite col urile
elementului HTML, iar pentru fiecare colt este specificata valorarea.
Colul stanga-sus are valoarea border-radius de 5px, col ul dreapta-
sus are valoarea border-radius de 7px, colul dreapta-jos al
elementului HTML are valoarea de 12px iar colul din stanga-jos are
valoarea de 4px.
CSS3 - Borduri Rotunjite - Optimizat
Varianta ne-comprimat sau ne-optimizat:
border-radius-left: 5px;

border-radius-right: 7px;
border-radius-top: 12px;

border-radius-bottom: 4px;

Varianta mimificat, compresat/optimizat:


border-radius: 5px 7px 12px 4px;

Ambele variante sunt corecte i acceptate de clientul browser.


CSS3 - Borduri Rotunjite - Compatibilitate Browser
Pentru compatibilitatea cu diferite browsere se folosesc prefixe: -
webkit- , -moz- , -o-
Compatibilitate: Internet Explorer (IE) - 0.9 , Chrome folose te
prefixul -webkit- pentru 4,0 , Firefox folosete prefixul -moz- pentru
versiunea 3.0, Safari folosete prefixul -webkit- pentru versiunea 3.1,
Opera 10.5 prefix -o-
Exemplu CSS3 border-radius:
div {

border: 2px solid #333333;

padding: 10px 40px;

background: #dddddd;
width: 300px;

border-radius:25px;
}

Elementul HTML div este definit de urmatoarele proprieti CSS:


dimensiunea in lungime este redat de valoarea in pixeli a
proprietii width, folosete o bordur de 2 pixeli, o bordur solid de
culoare gri-inchis definit de caloarea HEX #333333. Culoarea de
fundal este gri deschis definit de HEX #dddddd. Bordura rotunjit
este de 25 pixeli pentru toate cele 4 coluri.

Macromedia Dreamweaver este o unealt destinat


creatorilor de pagini web. Dreamweaver a fost creat de Macromedia
(acum Adobe Systems) i momentan a ajuns la versiunea 9. Primele
versiuni ale produsului serveau doar ca simple editoare HTML de tipul
WYSIWYG dar n versiunile recente au fost implementate funcii de
editare avansate i support pentru alte tehnologii web cum ar fi CSS,
JavaScript etc.
Dreamweaver s-a bucurat de un larg succes nc de la
sfritul anilor '90 i momentan deine aproximativ 80% din piaa
editoarelor HTML. Produsul poate fi rulat pe variate platforme
software: Mac, Windows, dar suport n acelai timp i platforme UNIX
cu ajutorul unor emulatoare software, cum ar fi Wine.
Ca orice alt editor WYSIWYG, Dreamweaver poate ascunde
detaliile de implementare a paginilor HTML, fcnd astfel posibil
crearea cu uurin a paginilor web de ctre utilizatorii
neexperimentai.
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 design-ul 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,
Macromedia a crescut suportul pentru tehnologia CSS precum i alte
modaliti de design fr a fi necesar folosirea design-ului pe baz de
tabel.
Dreamweaver permite folosirea majoritii browserelor instalate pe
calculatorul utilizatorului, pentru a previzualiza website-ul creat. De
asemenea conine i cteva utilitare pentru administrarea site-urilor,
cum ar fi cele pentru a gsi i modifica un paragraf sau o linie de cod,
n ntregul web site, pe baza oricror parametri specificai de ctre
utilizator. Cu ajutorul panourilor de stare se poate crea cod JavaScript
fr a avea cunotine de programare.
Odat cu apariia versiunii MX, Macromedia a ncorporat
utilitare de generare dinamic a coninutului. De asemenea este oferit
suport pentru conectarea la baze de date (cum ar fi MySQL i Microsoft
Access) pentru a filtra i afia coninutul folosind script-uri de genul
PHP, ColdFusion, Active Server Pages (ASP) i ASP.NET, fr a avea
nevoie de o prealabil experien n programare.
Un aspect foarte ludat al Dreamweaver-ului l reprezint
arhitectura sa extensibil. Extensiile, aa cum sunt ele cunoscute, sunt
mici programe, pe care orice dezvoltator le poate scrie (de obicei n
HTML i JavaScript) i pe care oricine le poate descarca i instala,
acestea aducnd un spor de performan i funcionalitate
mbuntit programului. Exist o comunitate de dezvoltatori care
produc aceste extensii i le public (att comercial ct i gratuit)
pentru probleme de dezvoltare web, de la simple efecte rollover pn
la soluii complete de vnzare online.
Cerinte hardware si software

Fiind realizat in HTML, functionarea corecta depinde de foarte


putini factori la nivel hardware.
Configuratia minima necesara :
procesor la 133MHz
min. 32 MB RAM (de preferat cel putin 64 MB)
o placa vide care sa suporte mai mult de 256 de culori
(optional pentru o afisare corecta a detaliilor)

Este necesara o versiune a browser-ului care sa permita


recunoasterea tuturor comenzilor ( testul a fost facut cu Internet
Explorer 6.0 ), si de asemenea este obligatoriu un flash player, sau un
patch pentru flash.
Conditii de testare: proiectul a fost facut si testat pe un PC
AMD Athlon 1700MHz, la 256 MB DDRAM, sistem de operare MS
Windows Xp.
Structura si continutul proiectului

Aplicatia a fost realizata in cea mai mare parte in limbajul HTML,


prin programare direct in cod sursa. Scrierea liniilor de comanda s-a
facut cu Macromedia Dreamweaver, vizualizarea codului putandu-se
face cu orice editor text (MS Word, Notepad s.a.).
Structural, prima pagina (index.html) este aranjata cu ajutorul
divurilor si a limbajului CSS(Cascading Style Sheet)

In div-ul reprezentat de meniu avem o lista (unordered list),din


care poti alege: Home , Regiuni , Galerie , Video.
1. Home - index.html. In aceasta pagina sunt prezentate
date introductive despre Atractiile turistice in Romania
si detalii despre autorul proiectului.

2. Regiuni - regiuni.html In aceasta pagina sunt


prezentate principalele regiuni de vizitat din Romania:
Banat , Bucovina , Crisana , Delta Dunarii , Litoral ,
Maramures , Moldova , Muntenia , Oltenia ,
Transilvania

3. Galerie - galerie.html. In aceasta pagina este


prezentat un tabel de imagini , prezentand link-uri
catre obiectivele turistice ale Romaniei.

4. Video - videoi.html In aceasta pagina sunt prezentate


5 clipuri video , prezentand spoturi publicitare cu
litoralul , Delta Dunarii , diferite zone si obiceiuri ale
romanilor.
Codul sursa al paginii regiuni.html :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Atractii turistice in Romania</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo">
<h1><a href="index.html">Atracii turistice</a></h1>
<p><a href="index.html">in Romania</a></p>
</div>
</div>
<!-- end #header -->
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li class="current_page_item"><a href="regiuni.html">Regiuni</a></li>
<li><a href="galerie.html">Galerie</a></li>
<li><a href="video.html">Video</a></li>
</ul>
</div>

<div id="page">
<div id="sidebar">
<ul>
<li>
<h2>Regiuni</h2>
<ul>
<li><a href="banat.html">Banat</a></li>
<li><a href="bucovina.html">Bucovina</a></li>
<li><a href="crisana.html">Crisana</a></li>
<li><a href="deltadunarii.html">Delta Dunarii </a></li>
<li><a href="litoral.html">Litoral</a></li>
<li><a href="maramures.html">Maramures</a></li>
<li><a href="moldova.html">Moldova</a></li>
<li><a href="muntenia.html">Muntenia</a></li>
<li><a href="oltenia.html">Oltenia</a></li>
<li><a href="transilvania.html">Transilvania</a></li>
</ul><br />
</li>
<li>
<h2>Imagini</h2>
<marquee width="200" height="250"
direction="down">
<img src="images/at_zona_1189758722.jpg" width="200" /><br />
<img src="images/at_zona_1189758737.jpg" width="200" /><br />
<img src="images/at_zona_1189758745.jpg" width="200" /><br />
<img src="images/at_zona_1189758757.jpg" width="200" /><br />
<img src="images/at_zona_1189758769.jpg" width="200" /><br />
<img src="images/at_zona_1189758701.jpg" width="200" /><br />
<img src="images/at_zona_11897587233.jpg" width="200" /><br />
</marquee>
</li>
</ul>
</div>
<!-- end #sidebar -->
<div id="content">

<table>
<tr><td>
<table style="background-color:#FFF; width:180px; border:1px solid;">
<tr><td>
<div align="center" style="padding-top:7px;">
<a href="banat.html"><img src="images/at_zona_1189758801.jpg" width="160"
height="100" style="border:0px solid;"></a></div>
</td></tr><tr><td><div align="center">Banat</div></td></tr>
</table>
</td><td>
<table style="background-color:#FFF; width:180px; border:1px solid;">
<tr><td>
<div align="center" style="padding-top:7px;">
<a href="bucovina.html"><img src="images/at_zona_1189758737.jpg" width="160"
height="100" style="border:0px solid;"></a></div>
</td></tr><tr><td><div align="center">Bucovina</div></td></tr>
</table>
</td><td>
<table style="background-color:#FFF; width:180px; border:1px solid;">
<tr><td>
<div align="center" style="padding-top:7px;">
<a href="crisana.html"><img src="images/at_zona_1189758757.jpg" width="160"
height="100" style="border:0px solid;"></a></div>
</td></tr><tr><td><div align="center">Crisana</div></td></tr>
</table>
</td></tr>
<tr><td>
<table style="background-color:#FFF; width:180px; border:1px solid;">
<tr><td>
<div align="center" style="padding-top:7px;">
<a href="deltadunarii.html"><img src="images/at_zona_1189758852.jpg"
width="160" height="100" style="border:0px solid;"></a></div>
</td></tr><tr><td><div align="center">Delta Dunarii</div></td></tr>
</table>
</td><td>
<table style="background-color:#FFF; width:180px; border:1px solid;">
<tr><td>
<div align="center" style="padding-top:7px;">
<a href="litoral.html"><img src="images/at_zona_1189758940.jpg" width="160"
height="100" style="border:0px solid;"></a></div>
</td></tr><tr><td><div align="center">Litoral</div></td></tr>
</table>
</td><td>
<table style="background-color:#FFF; width:180px; border:1px solid;">
<tr><td>
<div align="center" style="padding-top:7px;">
<a href="maramures.html"><img src="images/at_zona_1189758722.jpg"
width="160" height="100" style="border:0px solid;"></a></div>
</td></tr><tr><td><div align="center">Maramures</div></td></tr>
</table>
</td></tr>
<tr><td>
<table style="background-color:#FFF; width:180px; border:1px solid;">
<tr><td>
<div align="center" style="padding-top:7px;">
<a href="moldova.html"><img src="images/at_zona_1189758745.jpg" width="160"
height="100" style="border:0px solid;"></a></div>
</td></tr><tr><td><div align="center">Moldova</div></td></tr>
</table>
</td><td>
<table style="background-color:#FFF; width:180px; border:1px solid;">
<tr><td>
<div align="center" style="padding-top:7px;">
<a href="muntenia.html"><img src="images/at_zona_1189758841.jpg" width="160"
height="100" style="border:0px solid;"></a></div>
</td></tr><tr><td><div align="center">Muntenia</div></td></tr>
</table>
</td><td>
<table style="background-color:#FFF; width:180px; border:1px solid;">
<tr><td>
<div align="center" style="padding-top:7px;">
<a href="oltenia.html"><img src="images/at_zona_1189758833.jpg" width="160"
height="100" style="border:0px solid;"></a></div>
</td></tr><tr><td><div align="center">Oltenia</div></td></tr>
</table>
</td></tr>
<tr><td>
<table style="background-color:#FFF; width:180px; border:1px solid;">
<tr><td>
<div align="center" style="padding-top:7px;">
<a href="transilvania.html"><img src="images/at_zona_1189758769.jpg"
width="160" height="100" style="border:0px solid;"></a></div>
</td></tr><tr><td><div align="center">Transilvania</div></td></tr>
</table>
</td></tr>
</table>

</div>
<!-- end #content -->
<div style="clear: both;">&nbsp;</div>
</div>
<!-- end #page -->
</div>
<br /><br />

</body>
</html>

Glosar de termeni

Elemente HTML Unde sunt folosite


a Legatura action Structura formular
area Harta imaginii align Linii de delimitare
Centrare
Fragmentare text
Imagini si text
Pozitionare imagini
Afisare text in tabel
Pozitionare imagini
Marquee
b Font - marcare fizica alink Culoare fond si text
basefont Font - dimensiune alt Declarare imagine
implicita
big Font - marcare logica background Culoare fond si text
blink Alte elemente de text behavior Marquee
blockquote Alte elemente de text bgcolor Culoare fond si text
Culoare celula
Marquee
body Structura document border Linia de contur
Culoare fond Dimensiune tabel
br Linii de control cellpadding Dimensiune tabel
Pozitionare imagini
caption Titlu cellspacing Dimensiune tabel
center Centrare checked Checkbox si radio
cite Font - marcare logica clear Pozitionare imagini
code Font - marcare logica color Culoare font
dd Liste cols Suprafata de text
Dimensiune frame
dfn Font - marcare logica colspan Dimensionare tabele
div Fragmentare text compact Liste
dl Liste coords Harta imaginii
dt Liste direction Marquee
em Font - marcare logica face Tipuri de font
fig Pozitionare imagini height Dimensionare tabele
Marquee
font Dimensiune font href Legaturi
Culoare font Harta imaginii
Tipuri de font
form Structura formular hspace Pozitionare imagini
Marquee
frame Frame link Culoare fond si text
frameset Frame loop Marquee
h1 ... h6 Antet marginheight Frame - margini
Centrare
head Structura document marginwidth Frame - margini
hr Linii de delimitare maxlength Text si password
html Structura document method Structura formular
i Font - marcare fizica multiple Meniu selectabil
img Declarare imagine name Structura formular
Legaturi
Frame
input Structura formular noresize Dimensiune frame
kbd Font - marcare logica rows Suprafata de text
Dimensiune frame
li Liste rowspan Dimensionare tabel
Liste marcate
listing Texte preformatate scrollamount Marquee
map Harta imaginii scrolldelay Marquee
marquee Marquee scrolling Scroll
multicol Afisare multicoloane selected Meniu selectabil
nobr Linii de control shape Harta imaginii
noframes Frame size Linii de delimitare
Dimensiune font
Text si password
Meniu selectabil
ol Liste src Declarare imagine
Liste marcate Coordonate imagine
option Meniu selectabil start Liste marcate
p Linii de control target Ferestre
pre Texte preformatate text Culoare fond si text
s Font - marcare logica type Liste marcate
Structura formular
select Meniu selectabil valign Afisare text in tabel
small Font - marcare logica value Text si password
Checkbox si radio
Elemente ascunse
Meniu selectabil
spacer Spatiere vlink Culoare fond si text
strong Font - marcare logica vspace Pozitionare imagini
Marquee
sub Font - marcare logica width Linii de delimitare
Dimensionare tabel
Marquee
sup Font - marcare logica wrap Incadrarea textului

Concluzie
Odata cu realizarea acestei aplicatii, am invatat intr-o
perioada relativ scurta, sa lucrez cu o interfata vizuala, prin
intermediul limbajului de programare web HTML.

Imbinand cunostintele acumulate in timpul liceului, privind


programarea structurala, am reusit implementarea unei aplicatii
web de prezentare a celor mai frumoase capitale ale lumii. Se poate
observa posibilitatea de aplicare a elementelor teoretice limbajului
HTML in crearea acestei aplicatii de mare utilitate.

Informatiile acumulate pe parcursul realizarii proiectului de


atestat imi vor servi drept suport pentru studiu, mai departe, intr-o
cariera ca programator. Este drept ca aceasta lucrare constituie doar
o mica parte din tainele programarii, dar avand in vedere ca acest
capitol a fost afectat numai in clasa a XII-a, sunt de parere ca
obiectivul fundamental il constituie motivatia de a aprofunda
singur, de a-ti fi propriul tau profesor, avand la indemana materiale
specifice.
Bibliografie
http://www.comeinromania.com/obiective_turistice.html
http://www.romaniaexplorer.com/
http://www.turism.ro/sa_descoperim.php

http://www.w3schools.com/
http://ro.wikipedia.org/wiki/Adobe_Dreamweaver
https://ro.wikipedia.org/wiki/HTML5
https://ro.wikipedia.org/wiki/HyperText_Markup_Language
https://ro.wikipedia.org/wiki/Cascading_Style_Sheets
https://tutorialehtml.com/ro/introducere-in-html/
http://www.drogoreanu.ro/tutorials/refhtml.php

Jeremy Keith, Rachel Andrew (2016): HTML5 for Web Designers,


Second Edition, 2nd Edition
Jennifer Niederst Robbins (2016): HTML5 Pocket Reference, 5th
Edition
Alex Libby, Gaurav Gupta, Asoj Talesra (2016): Responsive Web
Design with HTML5 and CSS3 Essentials