Colegiul Naional Andrei aguna

Arta fotograficAtestat profesional-informatic-

Nume: Ana Maria DANClasa: a XII-a AProfesori coordonatori: Gabriela TUTUNEA Irina AUPICI Mai 2014

Cuprins

Scurt introducere......................................................................................3Argument asupra temei alese.....................................................................3Proceduri, funcii i tehnici de programare folosite...................................4Prezentarea aplicaiei.................................................................................5

Scurt introducereHTML (Hypertext Markup Language) este un limbaj creat n scopul de a descrie, n mod text, formatul paginilor Web; fiierele create n acest limbaj vor fi interpretate de navigatoare, care vor afia paginile n forma dorit (cu texte formatate, liste, tabele, formule, imagini, hiperlegturi, obiecte multimedia, etc). Aa cum se poate deduce din numele limbajului, HTML descrie caracteristicile de format ale elementelor incluse prin procedee de marcare. Acestea pot fi asemnate intuitiv cu marcajele folosite n tipografie pentru a indica scrierea unui text cu un anumit tip de caractere. Fiecare element va fi introdus ntre dou marcaje - de nceput i sfrit - de forma . Caracterele speciale de delimitare a marcajelor "" permit deosebirea acestora de textul propriu-zis. De exemplu, pentru textele ngroate, marcajul de nceput este , iar de sfrit .Limbajul HTML a evoluat n versiuni succesive, o dat cu evoluia protocolului HTTP i a programelor de navigare. Astfel, HTML 1.0 era compatibil cu Mosaic, primul program de navigare, dar dup apariia unor navigatoare noi, a fost necesar introducerea unui standard oficial Internet pentru construirea paginilor (HTML 2.0) i extinderea sa cu noi faciliti: formule matematice, tabele, moduri avansate de descriere a organizrii paginilor (ncepnd cu HTML 3.0).

Argument asupra temei aleseTema aleas este arta fotografic, aceasta reprezentnd una dintre cele mai simple modaliti de exprimare a creativitii. Fotografia este o imagine care ine cont de anumite reguli, care transmite un anumit mesaj i este rezultatul unui concept sau a unei idei. Timp de doi ani, n cadrul unui curs de art fotografic de la coala Popular de Artei Meserii ,,Tiberiu Brediceanu, am nvat modalitile i tehnicile de realizare a fotografiilor. Pasiunea mea pentru fotografiere se regsete i n acest proiect, care prezint att informaii despre fotografii i aparatele necesare, ct i un portofoliu propriu.

Proceduri, funcii i tehnici de programare folositeCele trei limbaje de programare folosite sunt HTML, CSS i JavaScript.Primul, HTML, s-a folosit pentru a structura pagina. Aceasta este mprit n dou frame-uri, de 25%, respectiv 75%. Primul frame conine titlul i un meniu din care se acceseaz paginile, iar al doilea este locul n care se ncarc paginile. Acestea sunt introduse ntr-un iframe pentru a centra pagina fr a utiliza tabel.Limbajul CSS s-a folosit deoarece ofer un mod eficient de stabilire a fontului, culorii i mrimii scrisului. Acesta a fost folosit n cadrul meniului. Limbajul de tip JavaScript s-a folosit pentru a crea dou galerii foto. Prima dintre ele este utilizat n detrimentul unui Graphics Interchange Format pentru a putea schimba cu uurin timpul de modificare al pozelor , iar a doua pentru a uura vizualizarea fotografiilor din seciunea Portofoliu. Aceasta din urm structureaz fotografiile pe dou rnduri, primul afind pozele n dimensiuni reduse, iar pe al doilea rnd apare o singur poz, cea care este selectat, avnd dimensiuni mai mari pentru o mai bun vizualizare.Pentru prima galerie este utilizat funcia slideit() care schimb pozele n funcie de timpul care este setat, aici 2,5 secunde. Dup ce a terminat de rotat toate pozele introduse, va reveni la imaginea iniial, repetnd procesul. Fiecare poz din a doua galerie de dimensiune redus are atribuit o funcie sa(), sb(), sc(), sd(), respectiv se() care permite afiarea acesteia n format mai mare n momentul n care utilizatorul va da click pe ea.

Prezentarea aplicaieiWebsite-ul este structurat pe baza a cinci pagini principale: Acas, Istoria fotografiei, Portofoliu i Contact. Acestea pot fi accesate pe baza meniului din partea de sus a paginii, care a fost creat cu ajutorul limbajului de tip CSS introdus in primul frame folosit. Legtura dintre cele dou frame-uri s-a realizat cu ajutorul atributului id.Pagina de nceput este Acas i n cadrul acesteia este realizat galeria foto care prezint cteva fotografii din diverse domenii i are rolul de a oferi o previzualizare a temei alese.A doua pagin prezint pe scurt istoria fotografiei, primele ncercri de a obine o imagine pe o plac metalic. Coninutul acestei pagini este un text care a fost editat cu ajutorul atributelor specifice din HTML.Pagina a treia, Aparate fotografice, prezint informaii despre aparate n general, dar i despre accesoriile necesare acestora. Sub paginile din aceast seciune Camera etan la lumin, Obiectivul, Obturatorul, Vizorul i Accesorii pentru fotografiere sunt legate de pagina principal printr-un hyperlink realizat cu ajutorul tag-ului ... .

A patra pagin principal i subpaginile acesteia prezint un scurt portofoliu. n pagina principal se gsete un tabel cu patru imagini de pe care, cu ajutorul legturilor de tip hyperlink, pot fi accesate galeriile respective fiecrei categorii: Poze cu Colegiul Naional Andrei aguna, Portrete, Poze din excursii i Peisaje. Accesarea paginilor redirecioneaz utilizatorul ctre o galerie foto creat cu ajutorul limbajului JavaScript. Fiecare dintre cele patru galerii conine cte cinci poze, iar sub acestea o poz de dimensiuni mai mari. Selectarea oricreia dintre pozele mai mici face ca aceasta s devin poza mai mare, n acest fel facilitndu-se vizualizarea fotografiilor.

Ultima pagin permite oricrui utilizator al website-ul s afle detalii despre cum poate fi contactat fotograful care l deine. Datele de contact sunt introduse ntr-un tabel n care se gsete i o legtur ctre pagina de Facebook a acestuia, care se va deschide ntr-o fereastr nou pentru a nu incomoda navigarea n continuare pe acest pagin.