Colegiul Naional, ,Elena Ghiba Birta Arad

Lucrare de atestat

Elevi: Cazac Cosmin Muntean Adrian

Profesor: Crian Marieta Cisma Lucia

Arad 2009

Scriitori canonici

Cuprins

CUPRINS...2 INTRODUCERE....3 PREZENTAREA MEDIULUI DE LUCRU..4 DESCRIEREA MODULUI DE LUCRU...10 BIBLIOGRAFIE.16

1.Introducere

Site-ul nostru are ca scop punerea la dispoziia elevilor de clasa a 12-a a unor noiuni de baz n vederea pregtirii examenului de bacalaureat la limba si literatura romna. Deoarece este elaborat pentru a servi drept proiect pentru atestat, am extras doar fragmente din unele texte care aveau o ntindere mai mare, dorind doar s demonstrm aezarea textului i a celorlalte elemente n pagin. Harta site-lui

DATE DESPRE AUTOR

COMENTARIU LITERAR INDEX AUTOR REZUMAT

CARACTERIZAREA PERSONAJULUI

2.Prezentarea mediului de lucru

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. Acesta 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. Principalele elemente prin care Photshop se difereniaz de aplicaiile concurente i prin care stabilete noi standarde n industria prelucrrii de imagini digitale sunt: seleciile, straturile (Layers), mtile (Masks), canalele (Channels), retuarea i optimizarea imaginilor pentru Web. Prima versiune a programului a fost distribuit n februarie 1990 de ctre fraii Knoll, Thomas i John. Povestea ncepe cu tatl lor, profesorul de liceu Glenn Knoll, pasionat de fotografie. Cei doi biei au ajuns cu timpul s aib oarecare interese n domeniul n plus, att Glenn ct i cei doi copii au ajuns s fie pasionai de calculatoare nc din 1978 cnd au cumprat un calculator produs de Apple Computer. n 1987 Thomas a cumprat unul dintre modelele noi de Apple, un Apple Macintosh Plus, pentru a-l ajuta la scrierea lucrrii de doctorat, "prelucrarea imaginilor digitale". Dezamgit de faptul c nu putea afia tonurile de gri din imagini, Thomas a nceput s scrie cod care s le simuleze pe afiaj. n vacana pe care au petrecut-o mpreun, fratele su John a fost fascinat de rezultatele muncii lui Thomas n aceast privin, mai ales c aceste rutine semnau n mod izbitor cu uneltele de editare deja existente n programul Pixar - John lucra la Industrial Light and Magic. Acest interes comun s-a concretizat n decizia celor doi de a ncerca s creeze un pachet grafic pentru calculatoare personale.Prima versiune a rezultatului muncii celor doi frai se numea "Display"; ncet-ncet, datorit necesitilor 6

aprute pe parcurs, chiar aceast prim versiune includea import-export de diverse formate i chiar corecie gamma. n 1988 acest pachet a ajuns s se numeasc "ImagePro", i cei doi au nceput s ncerce s creeze o baz comercial pentru crearea unei afaceri: soia lui Thomas deja atepta un copil, iar el nc lucra cu fratele su la dezvoltarea acestui program n continuare personal. La nceputul lui 1988, Thomas a decis s-i mai acorde ase luni pentru a finaliza o versiune beta a acestui program nainte de a-i cuta o slujb, urmnd ca John s-i ncerce apoi norocul n Silicon Valley pentru a-l vinde unei firme suficient de mari ca s asigure distribuia i dezvoltarea ulterioar. n general, companiile din Silicon Valley nu au fost foarte interesate de acest pachet: o singur companie, BarneyScan a artat ceva interes i a distribuit programul, deja numit "Photoshop", pe termen scurt, mpreun cu scannerele lor, fr costuri suplimentare pentru clieni. n total 200 de copii ale programului au fost distribuite n acest fel. Firma SuperMac a refuzat colaborarea cu cei doi fiindc nu li s-a prut c Photoshop ar aduce ceva nou fa de propriul lor program de editare, PixelPaint. Abia n septembrie 1988 fraii Knoll au reuit s-i ating scopul: au trezit interesul firmei Adobe dup o prezentare a programului i acestora le-a plcut. Au semnat un contract de liceniere a Photoshop ctre Adobe, iar dup nc zece luni de dezvoltare au aprut, n februarie 1990 Photoshop 1.0. Thomas nc este implicat n proiectul Photoshop - n-a reuit s-i termine niciodat teza de doctorat. John i-a continuat cariera la ILM, participnd printre altele la proiecte mari ale acestora, incluznd pri din proiectele Mission Impossible, Star Trek i Star Wars. Glenn continu s fie profesor. Programul, ajuns la versiunea CS4 (14), are o interfaa foarte versatil, oferind posibilitatea de a fi personalizat din toate punctele de vedere. Cea mai folosit aliniere a uneltelor urmtoarea: este

n aceasta configuraie gasim in partea superioar meniul principal, care conine butoanele specifice majoritii programelor pe platforma Windows: File i Edit, apoi butoane specifice Adobe Photoshop: Image, Layer, Select, Filter, Analysis. n continuare se afl 2 butoane folosite pentru configurarea suprafeei de lucru View si Window, iar ultimul este butonul Help.

Mai jos apar setri de baz pentru unelte, cum ar fi forma, dimensiunea, efectul pe care aceasta l va avea asupra imaginii (Mode), opacitatea i intensitatea (flow). Aceste setri se schimb n funcie de unealta selectat. n partea stnga se afl paleta de unelte (Tools). Aceasta are dou moduri de afiare: standard (uneltele sunt pe 2 coloane) sau compact (acelai numr de unelte, insa aezate pe o singura coloan). Acest meniu este mprit la rndul su n 5 sub-categorii. n partea de sus se gsesc uneltele pentru selecie (Rectangular Marque tool, Lasso tool, Magic Wand, etc.). Dedesubt sunt uneltele folosite pentru editarea propriu-zis a imaginii Healing Brush, Brush Tool, Clone Stamp, Eraser, etc. Mai jos sunt uneltele pentru adugarea i editarea textului i a formelor geometrice, iar mai apoi unelte folosite pentru controlul documentului (Zoom, Pan, etc.). Pe ultimele poziii se gsesc 2 ptrate n care apar culorile folosite n acel moment i o icoana pentru a accesa un mod de lucru denumit Quick Mask. Fiecare buton ce corespunde unei unelte ascunde mai multe moduri. Acestea sunt evideniate prin prezena unei sgei in partea dreapt jos a butonului. Diferitele moduri pot fi accesate fie prin apsarea tastei Shift i a unei taste-scurtatur corespunztoare fiecrei unelte, fie prin click dreapta pe butonul dorit i selectarea presetrii dorite. Aceasta bar de unelte poate fi ascuns pentru a oferi un spaiu de lucru mai mare i o vizibilitate sporit asupra imaginii destinate editrii.

n partea dreapt se afl o palet foarte complex care conine elemente specifice Adobe Photoshop. Aceasta este foarte personalizabil, oferind posibilitatea de a alege fiecare element n parte care sa fie vizibil, poziia acestuia i dimensiunea pe care o are n configuraia aleas. Acest sub-meniu este structurat n 3 ferestre, care pot susine mai multe tab-uri. Prima fereastr conine seleciile de culori predefinite (Swatches), modul Color care permite alegerea unei nuane precise prin modificarea nivelelor de rosu, verde si albastru (RGB) i a modului in care acea culoare este aplicat (Styles). Mai jos se gsete un istoric al modificrilor care nregistreaz fiecare aciune asupra imaginii editate si permite ntoarcerea la orice moment al editrii. Ultima fereastr este poate cea mai important n modificarea imaginilor cu ajutorul Photoshop. Aceasta conine tab-urile straturilor (Layers) i a spectrului de culoare (Channels). Se pot selecta mai multe moduri pentru integrarea unui strat n imagine, transparena acelui strat sau intensitatea culorilor. n partea de jos avem butoane care permit legarea a dou sau mai multe straturi, astfel nct acestea s aib aceleai caracteristici. De asemenea se pot aduga umbre, strlucire (glow), efecte de crom, adncime sau lumin unui anumit strat. Butonul de ndosariere al straturilor ofer posibilitatea de a gestiona mai eficient lucrul i editarea. La aceasta se adaug si posibilitatea de a redenumi fiecare nivel, de a restriciona modificrile (Layer Lock) i de a alege dac un anumit strat este vizibil sau nu. Ultimele dou butoane din partea inferioar a acestei ferestre permit duplicarea sau tergerea unui strat. Adobe ImageReady Alturi de aplicaia Photoshop 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 (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.

Macromedia Dreamweaver

Macromedia Dreamweaver este o unealt destinat creatorilor de pagini web. Dreamweaver a fost creat de Macromedia (acum Adobe Systems) si momentan a ajuns la versiunea 9. Primele versiuni ale produsului serveau doar ca simple editoare HTML de tipul WYSIWYG, dar n versiunile recente au fost implementate funcii de editare avansate si suport pentru alte tehnologii web cum ar fi CSS, JavaScript etc. Dreamweaver s-a bucurat de un larg success nca de la sfritul anilor 90 i momentan deine aproximativ 80% din piaa editoarelor HTML. Produsul poate fi rulat pe platforme software Mac i Windows, dar suport n acelai timp si 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 uurinta a paginilor web 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 browser-elor web. Aceast afirmaie este n mare parte adevarat 10

deoarece paginile web produse folosesc design-ul pe baza de tabel. n plus, produsul a mai fost criticat n trecut i pentru generarea de coduri care adesea nu erau conforme standardelor W3C, dar acest aspect a fost mult mbuntit n versiunile recente. Cu toate acestea, Macromedia a crescut suportul pentru tehnologia CSS i alte modaliti de design frp a fi necesarp folosirea design-ului pe baza de tabel. Dreamweaver pemite folosirea majoritii browser-elor instalate pe calculatorul utilizatorului, pentru a previzualiza website-ul creat. De asemenea conine i cteva utilitare pentru administrarea site-urilor, cum ar fi cele pentru a gsi i a modifica un paragraf sau o linie de cod, n ntregul web site, 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 MySQL si Microsoft Access) pentru a filtra si afia coninutul script-ului 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, aa cum sunt ele cunoscute, sunt mici programe, pe care orice dezvoltator le poate scrie (de obicei in HTML i JavaScript ) i pe care le poate descrca si instala, acestea aducnd un spor de performan i funcionalitate mbuntit programului. Exist o comunitate de dezvoltatori care produc extensii si le public (att comercial, ct i gratuit) pentru probleme de dezvoltare web, de la simple efecte rollover pn la soluii complete de vnzare online.

11

3.Descrierea modului de lucru

n realizarea acestei pagini web am pornit de la a crea fundalul i butoanele. Culoarea aleas de noi pentru fundal a fost culoarea neagr (#000000) iar butoanele leam creat folosind fonturile Verdana i Tahoma de culoare alb pe un fundal rou (#c81400-pentru butoanele de sus), respectiv gri (#292828-pentru butoanele meniului din stnga paginii). Dup ce am creat fundalul i butoanele am trecut la crearea pozei de antet a fiecrui autor. Aici putei vedea un exemplu de antet:

Poza din partea stng, cea cu crile, si cea din dreapta, cu penia n mn, sunt luate de pe site-ul www.deviantart.com. Fontul se numete Scriptina i a fost descarcat de pe site-ul www.dafont.com iar pozele cu autorii au fost downloadate fie prin intermediul rezultatelor returnate de cutarile pe www.google.com fie de pe site-ul http://ro.wikipedia.org, Acestea sunt componentele care alctuiesc antetul paginii. Singura diferen const n schimbarea pozei si a scrisului pentru fiecare autor n parte. Crearea antetului, a fundalului i a butoanelor s-a realizat n Adobe Photoshop. Aa arat pagina rezultat n urma celor prezentate mai sus:

12

Pasul urmtor a fost ,,importarea paginii n programul Adobe Image Ready. Aceast ,,importare am realizat-o prin intermediul butonului Photoshop. Aici am efectuat, folosind Slice Tool existent in

, mprirea paginii n mai multe

seciuni. Prin aceast ,,mprire de fapt am desfcut pagina n poze mai mici, aciune care are ca scop ncrcarea mai rapid a paginii la accesare. Ne-am axat n principiu pe delimitarea viitoarelor butoane, Image Ready fcnd restul delimitrilor automat. Aa arat pagina noastr dup finalizarea acestei etape:

Odat ,,mprirea fcut, a venit rndul s dinamizm interfaa paginii prin transformarea butoanelor deja existente n butoane care interacioneaz la trecerea cursorului deasupra lor. Acest tip de butoane poart denumirea de butoane ,,rollover. Astfel am realizat nc un set de butoane care reprezint felul n care butoanele iniiale i modific nfiarea odat cu trecerea cursorului deasupra lor.

13

Acest pas l-am realizat n Adobe Photoshop i poate fi observat n urmtoarea poz:

Odat obinute butoanele ,,rollover, am trecut la implementarea acestora n Adobe Image Ready prin intermediul Create Rollover State care permite acestor tipuri de butoane. functiei realizarea

Dup ce am terminat realizarea butoanelor ,,rollover am salvat pagina n format web ( .htm ) astfel File->Save Optimised As.

14

15

Dup cum se poate observa, n poza de mai jos, rezultatul const ntr-un fisier .htm care reprezint pagina propriu-zis i un folder images care conine toate acele poze rezultate n urma ,,mpririi prezentate anterior.

Dup ce am salvat pagina, deschidem programul Macromedia Dreamweaver i deschidem fisierul .htm salvat anterior n acest program. Pentru proiectul nostru, noi neam folosit ntr-o msur mai mic de acest program, care este destinat exclusiv pentru realizarea paginilor web, majoritatea proiectului realizndu-l n Adobe Photoshop i Adobe Image Ready. Avnd pagina deschis n Dreamweaver, primul lucru pe care l-am fcut a fost s modificm titlul predefinit al paginii.

16

Apoi am schimbat fundalul paginii, deoarece iniial acesta era alb iar fundalul nostru era negru i arta urt din punct de vedere estetic. Am efectuat schimbarea fundalului astfel: Modify->Page Propreties->Background Color i am selectat culoarea negru ( #000000 ). Dup aceea trecut poziionarea paginii pe mijloc astfel: Align->Center. Ultimul lucru pe care l-am fcut n Dreamweaver a fost adugarea link-urilor (a legturilor) efectund click dreapta pe fiecare poriune pe care am delimitat-o n Image Ready, am selectat din acel meniu Change Link i am adugat pentru fiecare buton link-ul corespunztor. Ceea ce am mai prezentat sus am la

17

reprezint modalitatea general prin care am realizat paginile site-ului nostru. Fiecare pagin a fost realizat urmnd paii prezentai mai sus, n aceeai ordine, modificrile constnd n schimbarea pozei si textului de antet, precum si al titlului paginii, n funcie de autor.

4.Bibliografie

www.ro.wikipedia.org www.google.ro www.deviantart.com www.dafont.com www.referat.ro www.e-referate.ro

18