Colegiul Naional Andrei aguna

Arta fotografic
Atestat profesional
-informatic-

Nume: Ana Maria DAN

Clasa: a XII-a A
Profesori coordonatori: Gabriela TUTUNEA
Irina AUPICI
Mai 2014

Cuprins

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

Scurt introducere

HTML (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 <marcaj> </marcaj>. Caracterele
speciale de delimitare a marcajelor "<" , ">" permit deosebirea acestora de textul
propriu-zis. De exemplu, pentru textele ngroate, marcajul de nceput este <b>, iar
de sfrit </b>.
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 alese

Tema 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 Arte i 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 folosite

Cele 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 aplicaiei
Website-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 href=...> ... </a>.

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.