Ministerul Educaiei Naionale

Olimpiada de Tehnologia Informaiei etapa judeean

26 aprilie 2014
Proba proiect

Seciunea TIC/Clasa a XI-a

100 puncte

Not:
Toate resursele necesare le gsii n folderul Resurse din folderul CLS_11_PROBA_PROIECT aflat
pe desktop. Pe desktop vei crea un folder cu denumirea PROBA_PROIECT_XX, n care XX este
numrul de identificare n concurs din ID-ul de concurs, iar n acest folder vei salva TOATE
FIIERELE create de voi, conform cerinelor. Fiierele salvate n afara acestui folder NU vor fi
punctate.
Biblioteca OJTI2014 lanseaz o dezbatere cu tema O soluie: carte vs. audiobook-uri. Fiecare
participant are la dispoziie resurse materiale n stare brut, respectiv: fragmente din patru poveti,
imagini sugestive pentru fiecare poveste, fiiere audio, date biografice despre autori. La dezbatere
fiecare participant va prezenta un site web care va susine ideea de riscuri i beneficii ale lecturii n
raport cu crile electronice.
Proiectul trebuie s mbine o serie de elemente obligatorii:
elemente de design i cromatic1 (8 puncte)
funcionalitate elemente de construcie2 (8 puncte)
creativitate i sim artistic al autorului3 (4 puncte)
Punctajul total pentru proba proiect va fi de 100 puncte din care 80 puncte se vor acorda pentru
rezolvarea urmtoarelor cerine i 20 puncte pentru existena elementelor obligatorii mai sus
menionate.
Nr.
Cerine
Punctaj
crt.
Construii ase pagini respectiv Acasa.html, Punguta cu doi bani.html, Amintiri
1.
25p
din copilarie.html, Ocolul pamantului.html, Harry Poter.html i Contact.html,
avnd titlul paginii corespunztor numelui fiierului html, ce vor fi structurate
astfel:
A. antetul (header) avnd ca background imaginea bg-body.png;
B. corpul paginii (body) avnd ca background imaginea bg-wave.png;
C. subsolul (footer) avnd ca background imaginea bg-body.png.
Pagina Acasa.html va avea urmtoarele elemente de coninut:
a. n antet se va insera un Logo adecvat coninutului, care va fi realizat
utiliznd minim 4 forme automate i imagini, la alegere, din folderul
Resurse;
Exemplu de realizare:

Plasarea adecvat a imaginilor/textului, combinarea adecvat a culorilor, echilibru i simetrie

Link-uri funcionale, cod surs
3 Impactul emoional al informaiei transmise, astfel se va puncta modalitatea prin care lucrarea reuete, fr a folosi informaii suplimentare, s
capteze atenia privitorului
1
2

Proba proiect

Pagina 1 din 7

Ministerul Educaiei Naionale

Olimpiada de Tehnologia Informaiei etapa judeean
26 aprilie 2014

Seciunea TIC/Clasa a XI-a

b. n corpul paginii se vor insera:

ase butoane, respectiv ACASA, PUNGUTA CU DOI BANI,
AMINTIRI DIN COPILARIE, OCOLUL PAMANTULUI,
HARRY POTER i CONTACT, avnd aplicat cod culoare fundal
#02164D i respectiv #001F64, astfel nct s nu existe dou butoane
alturate cu aceiai culoare. Pentru fiecare buton creai cte un
hyperlink ctre pagina html cu acelai nume. La deschiderea hyperlinkului corespunztor fiecrui buton culoarea de fundal al acestuia se va
modifica n cod culoare #D1D3D4.
Exemplu de realizare:

titlul proiectului O soluie: carte vs. audiobook-uri;

patru imagini, la alegere, din folderul Resurse, fiecare s reprezinte cte
o poveste, poziionate corespunztor exemplului de realizare. Pentru
fiecare imagine se va crea cte un hyperlink la pagina html
corespunztoare povetii.
Exemplu de realizare:

c. n subsol vor exista dou seciuni, respectiv NEWSLETTER n care se va

insera un cmp de text cu valoarea adresa de mail i SOCIAL n care se
vor insera trei imagini (sigle), iar pentru fiecare dintre ele se va crea cte un
hyperlink la pagina web corespondent, respectiv www.facebook.com,
www.twitter.com i www.plus.google.com. (siglele se gsesc n fiierul
icons.png).

Proba proiect

Pagina 2 din 7

Ministerul Educaiei Naionale

Olimpiada de Tehnologia Informaiei etapa judeean
26 aprilie 2014

Seciunea TIC/Clasa a XI-a

Exemplu de realizare:

Exemplu de realizare pagin Acasa.html:

2.

Pagina Punguta cu doi bani.html va avea urmtoarele elemente de coninut:

a. n antet se va insera un Logo, cu hyperlink la pagina Acasa.html, care va
fi realizat utiliznd poza autorului Ion_Creanga.jpg existent n folderul
Resurse/Punguta cu doi bani;
Exemplu de realizare:

16p

b. n corpul paginii se vor insera:

ase butoane create corespunztor cerinei de construcie a paginii
Acasa.html
Exemplu de realizare:

titlul Punguta cu doi bani

un player audio care va reda povestea din fiierul
Punguta_cu_doi_bani.mp3, existent n folderul Resurse/Punguta cu
doi bani
Exemplu de realizare:

Proba proiect

Pagina 3 din 7

Ministerul Educaiei Naionale

Olimpiada de Tehnologia Informaiei etapa judeean
26 aprilie 2014

Seciunea TIC/Clasa a XI-a

o imagine, la alegere, din folderul Resurse/Punguta cu doi bani

un fragment de poveste, din fiierul Punguta_cu_doi_bani.doc,
folderul Resurse/Punguta cu doi bani, care se va derula de jos n sus
cu o micare lent, astfel nct s poat fi citit pe parcursul derulrii.

Exemplu de realizare:

c. n subsol se vor regsi aceleai elemente de coninut ca n subsolul paginii

Acasa.html
Exemplu de realizare pagin Punguta cu doi bani.html:

3.

Paginile Amintiri din copilarie.html Ocolul pamantului.html i Harry

Potter.html vor avea urmtoarele elemente de coninut:
a. n antetul fiecrei pagini se va insera cte un Logo, fiecare cu hyperlink
la pagina Acasa.html, care va fi realizat utiliznd poza autorului existent
n folderul corespunztor povetii.
Exemplu de realizare:

9p

b. n corpul fiecrei pagini se vor insera:

cte ase butoane create corespunztor cerinei de construcie a paginii
Acasa.html
Proba proiect

Pagina 4 din 7

Ministerul Educaiei Naionale

Olimpiada de Tehnologia Informaiei etapa judeean
26 aprilie 2014

Seciunea TIC/Clasa a XI-a

Exemplu de realizare:

titlul povetii i cte o imagine, la alegere, din folderul corespunztor

povetii
Exemplu de realizare:

c. n subsolul fiecrei pagini se vor regsi aceleai elemente de coninut ca n

subsolul paginii Acasa.html
Exemple de realizare pagini:

Proba proiect

Pagina 5 din 7

Ministerul Educaiei Naionale

Olimpiada de Tehnologia Informaiei etapa judeean
26 aprilie 2014

4.

Seciunea TIC/Clasa a XI-a

Pagina Contact.html va avea structura din imagine cu urmtoarele elemente de

coninut:

30p

a. n antet se va insera Logo-ul realizat pentru pagina Acasa.html, cu

hyperlink la aceasta;
b. n corpul paginii se vor insera:
ase butoane create corespunztor cerinei de construcie a paginii
Acasa.html

Proba proiect

titlul Formular O soluie: crile vs. audiobook-uri

date de contact ce vor conine:
Pagina 6 din 7

Ministerul Educaiei Naionale

Olimpiada de Tehnologia Informaiei etapa judeean
26 aprilie 2014

Seciunea TIC/Clasa a XI-a

o LOCATIE Romania
o EMAIL ojti@oti.com
o ID concurs unde se va trece ID-ul vostru de concurs

un formular TRIMITE MESAJ ce va conine elementele din imagine,

respectiv dou cmpuri de text, un cmp textarea cu 30 coloane i 10
rnduri/linii i un buton Trimite. Formularul va avea ca imagine de
background imaginea bg-body.png

c. n subsol se vor regsi aceleai elemente de coninut ca n subsolul paginii

Acasa.html

Proba proiect

Pagina 7 din 7