Elev : Radu RazvanClasa: A-XII-a EProfesor coordonator: Papacica Ionela

Introducere Motivul alegerii temei :Tema a fost aleas datorit pasiunii pentru automobile i un interes puternic n brand-ul Porsche care m-a fcut s m gndesc la acest proiect.Ideea a fost de a creea o experien unic si de a ngloda utilizatorii n timp ce particip la o cltorie prin istoria Porsche. ntreaga experient este construit pe ritmurile muzicii deceniului respectiv i a fotografiilor ce evidentiaz evolutia Porsche.

1.Structura aplicatiei: Programul contine o forma principala alcatuita din trei butoane precum :-Categoria Acasa : contine mici detalii despre fiecare model de masina din deceniul respectiv.-Categoria Mai mult : contine informatii detaliate despre brand-ul Porsche si mai multe poze.-Categoria Contact : contine un formular de contact si localizarea liceului pe Google Maps .

2.Mod de utilizare: Utilizarea este foarte simpla . Printr-o simpla apasare al mouse-lui pe textul 'START YOUR JOURNEY' prezentarea de pe pagina principala porneste automat. Butoanele din parte de sus a paginii va conduce catre pagina de contact / pagina cu mai multe informatii. Lansarea se realizeaza accesand fisierul index.html .

3.Programe folosite: Site-ul a fost realizat cu ajutorul programului HTML, Adobe Dreamweaver si Adobe Photoshop.

Despre HTML :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).IntroducereHTML 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 a coninutului, wiki-uri i forumuri web genereaz pagini HTML.HTML este de asemenea utilizat n email. Majoritatea aplicaiilor de email folosesc un editor HTML ncorporat pentru compunerea email-urilor i un motor de prezentare a email-urilor de acest tip. Folosirea email-urilor HTML este un subiect controversat i multe liste de mail le blocheaz intenionat.Elementele de marcareMai jos sunt tipurile de elemente de marcare n HTML: Marcare structural. Descrie scopul unui text. De exemplu:FotbalDirecioneaza 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:ngroatVa 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-weight: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.Se vor prezenta si alti marcatori; mai multe detalii Marcare pentru hiperlink. Leag pri ale unui document cu alte documente. De exemplu:Wikipedia RomneascVa reda Wikipedia romneasc ca hiperlink ctre un URL specificat. Elemente speciale (widget). Creeaz obiecte, cum ar fi butoanele i listele.

Despre Adobe Dreamweaver:Adobe Dreamweaver (cunoscut anterior ca Macromedia Dreamweaver) este o aplicaie de dezvoltare web a companiei americane Adobe Systems, disponibil att pentru MS Windows, ct i pentru Apple Mac OS. Versiunile recente includ suport pentru tehnologii web 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. Produsul poate fi rulat pe variate platforme software: Mac OS, 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 acestora i 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 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 mbuntit suportul pentru tehnologia CSS precum i alte modaliti de design, fr a fi necesar folosirea designului pe baz de tabel.

Dreamweaver permite folosirea majoritii browserelor instalate pe calculatorul utilizatorului, pentru a previzualiza situl web creat. De asemenea conine i cteva utilitare pentru administrarea siturilor, cum ar fi cele pentru a gsi i modifica un paragraf sau o linie de cod, n ntregul sit, 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 cele de tip MySQL i Microsoft Access) pentru a filtra i afia coninutul folosind scripturi 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 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. 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, n Internet.

Adobe Photoshop :Adobe Photoshop este un software folosit pentru editarea imaginilor digitale pe calculator, program produs i distribuit de compania american Adobe Systems i care se se adreseaz n special profesionitilor domeniului.Adobe Photoshop, aa cum este cunoscut astzi, este vrful de lance al gamei de produse software pentru editare de imagini digitale, fotografii, grafic pentru tipar, video i Web de pe pia. Photoshop este un program cu o interfa intuitiv i care permite o multitudine extraordinar de modificri necesare n mod curent profesionitilor i nu numai: editri de luminozitate i contrast, culoare, focalizare, aplicare de efecte pe imagine sau pe zone (selecii), retuare de imagini degradate, numr arbitrar de canale de culoare, suport de canale de culoare pe 8, 16 sau 32 bii, efecte third-party etc. Exist situaii specifice pentru un profesionist n domeniu cnd alte pachete duc la rezultate mai rapide, ns pentru prelucrri generale de imagine, ntruct furnizeaz instrumente solide, la standard industrial, Photoshop este efectiv indispensabil.

Alturi de aplicaia Photoshop (ajuns la versiunea CC, succesorul versiunii CS6[1]), este inclus i aplicaia ImageReady, cu un impresionant set de instrumente Web pentru optimizarea i previzualizarea imaginilor (dinamice sau statice), prelucrarea pachetelor de imagini cu ajutorul sistemului droplets-uri (mini-programe de tip drag and drop) i realizarea imaginilor rollover (imagini ce i schimb aspectul la trecerea cu mouse-ul peste), precum i pentru realizarea de GIF-uri animate.

4.Resurse de hard necesareResurse minime :1) Hardware : Procesor (CPU) : 500 MHz + Memorie (RAM): 64 MB Spaiu liber pe hard-disk : 100 MB Monitor :1280*720 Un browser oarecare: Google Chrome 2) Software : - Sistem de operare : Windows Vista / XPResurse recomandate:1) Hardware : Procesor (CPU) : 1000 MHz + Memorie (RAM): 128 MB Spaiu liber pe hard-disk : 150 MB Monitor : VGA 32-bit color (1280x720) - Un browser oarecare: Google Chrome 2) Software : - Sistem de operare : Windows 7

5.Codul sursa:Codul sursa al primei pagini , index.html:

Masini de epoca - PORSCHEvolution