12A- Ani de liceu

Cuprins : 1.Argument ................ 2 2.Realizarea proiectului ...................3 3.Utilizarea proiectului ...................5 4.Concluzii .................... 10 5.Bibliografie ................... 11

Atestat Luca Emilia

Page 1

12A Ani de liceu

1.ARGUMENT

Proiectul acesta a fost realizat nu numai pentru a oferi celor interesai informaii despre clasa a 12-a A , dar i pentru a face cunoscut aceast clas de matematic-informatic,deoarece consider c merit. Informaiile vehiculate in acest proiect pot fi folosite,in special de colegii mei,pentru a-i aduce mereu aminte de cei mai frumoi ani,anii de liceu. Acest site v ofer posi ilitatea de a vizualiza ceva diferit,o metod mai uoar de a afla anumite informaii despre elevii unei clase dintr-un an terminal. !n motiv pentru care am ales aceast tem este pentru c tehnologia a avansat,iar creearea unui "e site mi s-a prut ceva nou i ceva care poate atrage oric#nd atenia oricui !n alt motiv ine intemeiat pentru care aceast pagin a fost realizat este acela de a servi drept suport pentru e$amenul de atestare profesional.

2.REALIZAREA PROIECTULUI

Atestat Luca Emilia

Page 2

12A Ani de liceu

Proiectul a fost realizat %n mai multe etape & 'utarea documenta(iei. 'utarea imaginilor pe internet eventual scanarea lor. )ransformarea imaginilor in *P+. 'utarea sau editarea utoanelor. ,actilografierea te$tului. 'onceperea designului paginii.

Pagina este realizat cu a-utorul programului .icrosoft /rontPage 2001. .icrosoft /rontPage este un editor 2).L profesional pentru design-ul, codarea 3i dezvoltarea de siteuri "e , pagini "e c#t 3i pentru aplica(ii "e . /ie c se dore3te controlul total asupra codului 2).L prin scrierea 4de m#n5 a acestuia, fie c se dore3te utilizarea unui mediu de editare vizual, /rontPage ofer uneltele necesare, %m unt(ind de asemenea e$perien(a "e . /acilit(ile vizuale din /rontPage permit crearea de pagini "e fr scrierea nici unui r#nd de cod. 6e pot vizualiza toate elementele site-ului 3i se pot trage 7drag and drop8 direct %n document. ,e asemenea, %n document se pot importa 3i edita imagini direct %n document. !n site "e este o colec(ie de pagini, imagini, documente, fi3iere multimedia 3i alte fi3iere, toate asociate unei pagini principale 7home page8. 6ite-urile "e sunt stocate pe un server "e sau pe calculatorul local. 6ite-urile "e azate pe /rontPage con(in 3i anumite fi3iere 3i directoare care suport func(ionalit(ile specifice ale /rontPage 3i permit ca siteurile "e s fie deschise, copiate, editate, pu licate 3i administrate din /rontPage. Planificarea cu gri- 3i organizarea site-ului %nc de la %nceput poate salva o mul(ime de timp dup %nceperea lucrului efectiv. Astfel, organizarea site-ului cuprinde nu numai amplasamentul fi3ierelor ci 3i e$aminarea necesit(ilor site-ului, profilul de audien(, scopurile site-ului. Pozele le-am editat cu a-utorul programului Photoscape. PhotoScape este un program de editare grafic dezvoltat i eli erat de .ooii. Este utilizat de doi ani, av#nd diverse funcii care se dezvolt continuu. 9ersiunea 1.1 a adugat op iunea Splitter, care %mparte o poz %n mai multe pri, a adugat : efecte de film cum ar fi Cross Process, Velvia, Provia, Portra i Agfa. 2).L este prescurtarea de la HyperText Markup Language, lim a-ul utilizat %n orl! i!e e" pentru descrierea hiperte$telor. 2).L nu este un lim a- de programare propriu-zis, ci doar un lim a- de descriere, con(in#nd elemente ce permit construirea paginilor e". Astfel, 2).L ofer posi ilitatea de a pu lica pe e" documente ce con(in te$te, liste, ta ele, imagini,secven(e audio sau video, legturi 7 link#uri8 ce permit accesarea altor resurse e" printr-un simplu clic, formulare care permit accesarea unor servicii on# line 7de e$emplu, comandarea unor produse, rezervarea unor ilete8 etc.

Atestat Luca Emilia

Page 3

12A Ani de liceu

Lim a-ul 2).L a fost creat %n 1;;0 de ctre )im <erners-Lee 3i ,aniel 'onnol=, fiind derivat din SGML 7Standard Generalized Mar>up Language ? lim a- standard generalizat de marcare8, un standard interna(ional, apro at %n 1;@A. SGML permite tehnoredactarea documentelor comple$e utiliz#nd un set de reguli de descriere specific. 2).L este un lim a- mult mai simplu, destinat doar paginilor e" , dar are caracteristici specifice lim a-elor descriptive. 6ecven(a de cod de la cadrul titlu 7cel cu anner8 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1 ! "> <title>titlu</title> <"ase tar#et="main"> </head> <"ody "ac$#round="pattern%-pattern!&c'pn#"> <p ali#n="center">(n"sp;</p> <div style="position) a"solute; width) 1*1+px; hei#ht) 1%px; ,-index) 1; le-t) 1px; top) -1px" id="layer1"> <marquee width="1*&!" hei#ht=".&" style="-ont--amily) /rial 0lac$; -ontsi,e) '!in; -ont-wei#ht) "old; color) 1******">1 / - Cei mai -rumo(1!&.;i ani''' anii de liceu2</marquee></div> </"ody> </html>

3. UTILIZAREA PROIECTULUI

Atestat Luca Emilia

Page 4

12A Ani de liceu

Proiectul const %ntr-o succesiune de pagini pe tema mentionata mai sus si anume clasa a12a A care ofera o gam larg de informa(ii cu privire la aceasta clasa. Proiectul incepe cu o pagina pe care veti gasi numele liceului,numele profesorilor indrumatori , numele si clasa candidatului si de asemenea o imagine pe care daca veti da clic> veti a-unge la proiectul propriu-zis. Prin print screen

In pagina principal veti gasi cateva vor e despre liceu. Pagina este structurat %n cadre permi(#nd utilizarea a mai multor resurse e" %n acela3i timp. 'u a-utorul link#urilor putem accesa celelalte resurse de informa(ii disponi ile av#nd posi ilitatea de a vizualiza imagini at#t %n fereastra "ro$ser#ului de-a e$istent c#t 3i %n alte ferestre deschise interactiv. E$punerea informa(iei este ine realizat oferind o un vizi ilitate 3i accesul instantaneu la esen(a mesa-ului transmis prin formatarea te$tului cu a-utorul elementelor specifice prezentate mai sus.

Print screen pentru pagina principala

Atestat Luca Emilia

Page 5

12A Ani de liceu

Print screen - /rontpage - pentru pagina profesori

Print screen - /rontpage - pentru pagina elevi

Atestat Luca Emilia

Page 6

12A Ani de liceu

Pentru pagina !alerie foto m-am gandit la metoda de mapare a imaginilor. "A#AR$A %"A!%&%'(R - este o imagine ce con(ine zone care func(ioneaz ca hotspoturi, adic la activarea unei astfel de zone se realizeaz un salt %ntr-un punct al unei pagini. Bn func(ie de Ccine5 interpreteaz coordonatele zonei activate prin clic 3i e$ecut ac(iunea corespunztoare, e$ist dou moduri de mapare& 1. 'LIED)7'lient-side8-harta grafic este interpretat de ctre <ro"ser, definirea zonelor senzitive fiind introdus %n documentul 2).L. .aparea de tip client este prefera il deoarece este mai u3or de construit, nu solicit server 3i deci poate fi vizualizat off-line. 2. 6EE9EE 76erver-side8-harta grafic este interpretat de ctre server, cu a-utorul unui program 7de o icei de tip '+I8. !n astfel de editor efectueaz urmtorele procese& ,eschide o pagin html %n care este inserat o imagineF 'ere programatorului s traseze, pe fondul imaginii forme geometrice 3i s specifice, pentru fiecare zon, pagina html la care se face saltulF +enereaz automat secven(a html pentru Image.ap-ul respective 3i o salveaz %n pagina html de la care s-a pornit. 'a editoare de Image.ap-uri avem .APE,I) 7la adresa& """. outell.comGmapeditG 8, /IEEHIEJ6, /LA62 .6 etc.

Atestat Luca Emilia

Page 7

12A Ani de liceu

Print screen - /rontpage - pentru pagina +alerie foto

Inserarea unei galerii foto 6e utilizeaz3 comanda de mai sus Insert4He 'omponent, apoi Ip5iunea Photo +aller=. ,e aici se alege formatul dorit, apoi /inish. 6e folose3te utonul Add 3i op(iunea /rom /ile pentru a aduga galeria foto.

Atestat Luca Emilia

Page 8

12A Ani de liceu

Print screen ? pagina 'lasa a KI-a

Atestat Luca Emilia

Page 9

12A Ani de liceu

4.CONCLUZII
6e poate spune c scopul acestui proiect a fost atins reu3ind redarea informa(iei %ntr-o manier c#t mai plcut accesul la informa(ie nefiind condi(ionat de necesitatea unui soft de ultim genera(ie. 6-a reu3it o prezentare minim a unui colectiv de elevi ai unei specializari de matematic-informatic. Au fost prezentate toate evenimentele si detaliile referitoare la aceast clas. 6-a reu3it %n acela3i timp definirea unor o iective necesare de atins %n cadrul activit(ilor e$tra3colare precum 3i %n petrecerea timpului li er. Bm unt(irea 3i %nnoirea proiectului ar putea consta %n& %m og(irea proiectului cu alte informa(ii 3i su iecte echivalente cu tema proiectuluiF %m og(irea proiectului cu noi imaginiF folosirea unor elemente de structurare 3i ordonare %n pagin ce ofer un acces mai rapid la informa(ieiF prezentarea unui program de promovare a interesului pentru mediul %ncon-urtor 3i de organizare a unor activit(i %n acest sens.

Atestat Luca Emilia

Page 10

12A Ani de liceu

5.BIBLIOGRAFIE
Emanuela 'erchez, %nternet, Editura Polirom, 2001, Iasi http&GG""".elcom.pu .roGdisciplineGis"G200ALIntroLI iecteLv01.pdf ...... cr(i 3i lin>-uri pentru partea de realizare informatic 3i de con(inut https&GGdocs.google.comG http&GG""".scri d.comGdocG2;;20@2MG'rearea-!nui-6ite-He -/olosind-/rontPage http&GGro."i>ipedia.orgG"i>iG.icrosoftL/rontPage http&GGro."i>ipedia.orgG"i>iGPhotoscape http&GGcitate.citatepedia.roG http&GG""".intelepciune.roGma$imeLcitateLcele reLdespreLscoala.html

Atestat Luca Emilia

Page 11

12A Ani de liceu