Definii, explicai ce este UGC= user generated content, se refera la implicarea userilor prin furnizare de continut; fie ca este

vorba de continut video, foto sau text, userul care participa la o campanie, un concurs trebuie sa creeze continutul respectiv HTML= Hyper Text Markup Language, este un document text ce contine o serie de etichete marca!e" ce indica bro#serului cum sa afiseze un anumit conitnut ht / hm = hipertext$hipermedia, structura de informatii legate intre ele prin diferite structuri cunoscute sub denumirea de link si care genereaza o retea de informatii Imagine bitmap % &maginea bitmap sau matriceal' este forma (n care se ob)ine o imagine digital' de la o anumit' surs', prin opera)ii de scanare sau de captare* +ceast' imagine este descris' ca o matrice informa)ional', reprezentat' prin puncte imagine denumite pixeli" ,i culorile asociate lor* -eprezentarea bitmap se folose,te, (n principal, pentru fotografii cu multe detalii, culori, emise de c'tre periferice care lucreaz' (n mod linie raster", cum ar fi scannerul, camera foto sau camera video* Imagine vectorial % &maginile vectoriale sunt ob)inute prin compunerea de primitive grafice (n cadrul unui program de desenare* .rafica vectorial' interpreteaz' imaginea ca o succesiune de puncte ,i func)ii matematice care descriu geometric componentele acesteia ,i caracteristicile lor* /ormatele de tip vectorial sunt foarte bine adaptate reprezent'rii obiectelor grafice descrierea geometric' a obiectelor ,i cu descrierea atributelor lor"* CM!"= cyan, magenta, yello#, black; model de culoare pentru print; 0reluarea prin scanare de pe o foaie de h1rtie sau imprimarea imaginii presupune folosirea modelului de culoare 23M4 #G$ % 2uloarea este redat' (n valori de -ed, .reen ,i 5lue, unde fiecare component' are valori de la 6 la 788* 6%6%6 este negru ,i 788%788%788 este alb* M%&% /ormatul 'mp& sau M%(G)*+,io La-er)& Motion Picture Experts Group Audio" este un format compresat ce face fi,ierele considerabil mai mici, cu p'strarea calit')ii foarte bune a secven)ei sonore* 9n fi,ier M0: (nregistrat ,i comprimat (n raportul potrivit cu p'strarea calit')ii este un competitor deosebit pentru 2;%+udio* <oua tehnologie permite transmiterea ,irurilor de date astfel (nc1t utilizatorul nu trebuie s' a,tepte desc'rcarea (ntregului fi,ier pentru a asculta secven)a sonor'* M%(G % este norma oficial' ce define,te tehnicile standard pentru compresia ,i decompresia semnalelor video ,i audio ,i furnizeaz' informa)ii legate de sincronizarea acestora .%(G % /ormatul =0>. =oint 0hotographics >xpert .roup" con)ine o metod' de

comprimare cu pierdere ,i este avanta!os pentru imaginile cu un num'r mare de culori ,i cu nuan)e diferite* >xemplele cele mai bune sunt fotografiile scanate sau transparente, ob)inute ca imagini (n tonuri continue cu milioane de culori* +cest format tinde s' fie mai mare dec1t formatele .&/ ,i 0<., dar ,i calitatea, dimensiunea ,i timpul de desc'rcare a acestor fi,iere este mai mare* 0entru acest format trebuie )inut echilibrul (ntre calitatea imaginii ,i dimensiunea fi,ierului ob)inut' prin comprimare* /i,ierele =0>. sunt (ntotdeauna salvate (n culori pe 7? de bi)i* -educerea informa)iilor (n formatul =0>. se bazeaz' pe compresia tranzi)iilor de culoare ,i a gradientelor* 2ompresia care este selectiv', adic' permite tratarea diferit' a p'r)ilor imagine la diferite niveluri* +stfel, zonele de interes deosebit pot fi compresate la un nivel mai mare, zonele de importan)' mai mic', cum ar fi backgroundurile, pot fi compresate la un nivel mai sc'zut, reduc1nd dimensiunea total' a imaginii* /ormatul =0>. are avanta!ul c' de)ine rate de compresie diferite, definite chiar de utilizator, (n func)ie de calitatea imaginii ce se dore,te a fi ob)inut'* +ceste rate de compresie pot fi foarte mari f'r' a pierde din calitatea imaginii* /ormatul =0>. s%a dorit a fi (n acela,i timp un standard al unui tip de compresie ,i a unui format de fi,ier =0. /HTML= limba! de marcare ce are aceleasi capacitati expresive ca si HTML, dar cu o sintaxa mai stricta #00 = familie de formate de fluxuri #eb, realizate in format @ML si folosite pentru #eb syndication C00% limba! folosit pt* a defini elemente de design pt o pagina$site #eb* Ae foloseste numai impreuna cu HTML* Aepara info ce tin de formarea componentelor multimedia sau a pag #eb de structura* DHTML = HTML B =ava Acript B 2AA Lin1+rile e,itabile = link ce poate fi introdus$modificat de un user, nu doar de realizatorul siteului $ac1lin1+rile = specifice pentru site%uri de tip blog; sursa lui e un alt loc decat propriul site, destinatia fiind propriul site toate link%urile care duc c'tre propriul site" %o,casting = fisier digital, audio sau video, sau o serie de fisiere ce sunt distribuite pe internet sau prin fluxuri ale unor institutii, pentru a fi ascultate pe lectoare media portabile sau pe pc 2i,eo streaming = exC youtube, vizionarea unui fisier video, fara necesitatea descarcarii acestuia pe pc *+,ioblog3 bloguri care (n loc de text au sunet

4eb 5'6= termen care desemneaza o multime intreaga de aspecte interactive si colaborative ale internetului, si in special ale ### #orld #ide #eb" ; site%urile care interactioneaz' cu userii comentarii, voturi, puncte acordate site%ului etc" Doc+ment+l m+ltime,ia U#LC 9nified -esource Locator= adresa virtual' a unei resurse de pe net httpC HTT% Hypertext Transfer %rotocol" este metoda cel mai des utilizat' pentru accesarea informaiilor (n &nternet care sunt p'strate pe servere Dorld Dide Deb DDD"* 0rotocolul HTT0 este un protocol de tip text, fiind protocolul EimplicitE al DDD* La-o+t+l paginii 7ebC schia$infrastructura unei pagini #eb Design+l paginii 4ebC cum arat' layout%ul paginii #eb Dimensi+nea +nei imagini 8 Aunt 7 tipuri de dimensiuni* -ezoluia num'rul de pixeli dintr%o imagine digital'" Apaiul necesar pentru stocare care este dat de rezoluia imaginii digitale i a algoritmului folosit pentru comprimarea acesteia* ;e exemplu, un fiier bmp care nu are comprimare va ocupa mult mai mult dec1t un fiier !pg cu comprimare 0calarea imaginii 8 reprezint' redimensionarea imaginii la una sau mai multe rezoluii pentru ca ulterior s' fie folosit' cea de care avem nevoie hsl sa+ hsbC un model de culoare bitmap" cilindric al -.5 mai uor de (neles de oameni HAL= hue%saturation%lightness HAF= hue%saturation%value HA5=hue%saturation%brightness #e9ol+tia= nr de pixeli al unei imagini digitale; de ex 866G:66 Compresia= procesul prin care sunt eliminate detaliile redundante dintr%o imagine digital' astfel (nc1t s' se asigure un transport eficient s' fie mai mic'"* >ste de 7 tipuriC Gcompresie cu pierderi lossy"C !pg, png etc Gf'r' pierderi lossless"C tiff Tiff8 este formatul unei imagini digitale cu compresie f'r' pierderi folosit' de cele mai multe ori (n industria de print digital %aleta ,e c+loare % este o list' de mai multe culori disponibile (ntr%un fi,ier, ata,at' fiec'rei imagini* <umai culorile definite (n paleta de culoare apar (ntr%o imagine* Totu,i, anumite palete de culoare con)in culori care nu sunt din imagine*

Compresia s+net+l+i8 cel mai bun exemplu este mp: care comprim' sunetul sc'p1nd de elementele$sunetele pe care nu omul nu le poate auzi$interpreta Compresia vi,eo 8 Hn general, filmele video sunt (nregistrare cu 78% :6 de frame%uri pe secund' imagini" pentru a da senzaia de micare, (ns' nu toate lucrurile din imagini sunt (n micare* 2ompresia video ine minte doar elementele ce se schimb' mic'" din frame (n frame, (n loc s' in' minte (ntreaga imagine cu elementele nesemnificative din fiecare frame in parte* Hn acest fel dimensiunea video%ului se micoreaz'* *nimaiaC este procesul prin care se creeaz' iluzia de micare continu' prin afiarea mai multor poze statice (n acelai interval de timp* M).%(GC Motion =0>. i este un video (n care filmul este redat prin imagini compresate =0>. :recvena pe ori9ontal 8 reprezint' de c1te ori poate un sistem de afiare monitor, proiector etc", (ntr%o secund', s' (i actualizeze imaginea de c1te ori pe secund' (i actualizeaz' buffer%ul" #ata ,e bii 8 c1t de multe informaii bii" pot fi transportate sau procesate per unitate de timp (n cazul secundei C bps"* ;e multe ori vine cu un prefix C mbps megabiiIpeIsecund'" 0treaming 8 reprezint' multimedia care este recepionat' de un end user simultan cu livrarea sa de c'tre un furnizor sau emi'tor provider" Do7nloa, 8 procedeul de desc'rcare a unui fiier dintr%o locaie virtual' printr%un 9-L* 4*2% /i,ierele audio de format '7av Waveform Extension" redau un sunet de bun' calitate ,i se ob)in prin (nregistrarea secven)elor sonore de pe un 2;%+udio, de la un microfon, caset' audio sau alte periferice* Totu,i, folosirea acestui tip de fi,ier este limitat' datorit' dimensiunii sale considerabile pentru (nregistrarea unui clip sonor de mic' durat'* MIDI% Aunetul M&;& Musical Instruments Device Interface" este generat direct de c'tre calculator, cu a!utorul unui soft specializat care simuleaz' diferite instrumente ,i note muzicale* +cest sunet nu trebuie digitizat pentru c' el este de!a produs (n modul digital* 0et ,e etichete HTML8 JhtmlK, JheadK, JbodyK, JdivK, JspanK, JpK, Ja href=LhttpC$$***LK etc 2i,eo for 4in,o7s ;+ic1Time % MuickTime este un frame#ork program, soft" creat de +pple capabil s' gestioneze o varietate de formate digitale filme, poze, sunete, imagini panoramice, interactivitate"*

M%<8 compresie video usual' %l+g)in =a,,)ons>8 o extensie a unui soft#are prin care se adaug' o funcie specific' unei aplicaii soft#are* +stfel, o aplicaie ce suport' plug%in%uri este deschis' customiz'rilor adic' permite oric'rui user s' (i adauge diverse funcii adiionale pachetului de baz' al softului* Control *ctive/8 +ctive @ este o component' Microsoft, de obicei preinstalat' (n calculator odat' cu &nternet >xplorerul, iar +ctive @ 2ontrols reprezint' mici programe adeseori numite add%ons" care (i (mbun't'esc experiena de navigare pe internet prin faptul c' permit animaiile sau task%urile precum update%urile de securitate de la Microsoft M+ltime,ia8 se refer' la ansamblul mi!loacelor i mediilor de comunicare prin care informaiile pot fi percepute vizual i auditiv, (n diferite forme de prezentare prin intermediul calculatorului i d' individului capacitatea de cunoatere i informare (n mod rapid i facil Doc+ment comp+s8 un document multimedia care conine obiecte media de natur' diferit' (ntre care se stabilesc anumite relaii de secveniere i prezentare, bazate pe anumite specificaii temporale, spaiale sau de condiionare $oo1mar1ing social8 este un serviciu online centralizat (n care userii au drept s' adauge, s' comenteze, s' editeze sau s' (mp'rt'easc' diverse link%uri #eb numite semne #eb$bookmarks" %rincipi+l topologic8 0rincipiul metamorfozeiC Leg t+ra intern 8 link c'tre o pagin' intern' Leg t+ra extern 8 link c'tre o pagin' extern' %age#an18 un algoritm folosit de .oogle care genera un clasament al #ebsite%urilor (n rezultatele c'ut'rilor a fost desfiinat "" GI:8 format de imagini care permite animaia 04:8 extensie folosit' de +dobe /lash pentru a reda multimedia, grafic' vectorial' sau chiar interaciune complex' !ocuri programate prin action script" 5< fps8 7? de frameuri pe secund'; viteza la care ochiul numai detecteaz' micarea i crede c' este o micare continu'

<< 1h9 ? @A bii ? mono C encouding de sunet audio, aici mono

&dentificati, N6 grile G 6,: pt" Ce soft+ri folosesc pentr+ reali9area site)+l+i 4ebB +dobe ;ream#aver, notepad BB, 0hotoshop, 2orel ;ra#, 0H0 i mysOl

C+m se ,eosebeCte +n font ,e alt fontB );ac' e vorba de 2AA prin sintaxa font%familyC numele fontului Dbiectivele reali9 rii +n+i site 0ersuadare ;ivertisement Tranzactii e%banking, online" 2omunitate social net#orking, #eb 7*6" &nformare >ducare

Caracteristicile +n+i ,oc+ment m+ltime,ia online 8 este descris prin interactivitate, distributivitate ,i deschidere, are o structur' hipertext $ hipermedia, format' din informa)ii ,i leg'turi dintre aceste informa)ii, componentele sale sunt elemente media digitale de natur' diferit', elementele necesare pentru structurarea, sincronizarea sau prezentarea documentului ,i elementele de interactivitate ce asigur' interac)iunea cu utilizatorul, dinamicitatea, facilitatea de a Preac)ionaL, PnavigareaL, citirea lui se face din aproape (n aproape pe un traseu definit de c'tre utilizator; citire neliniara* 0rezentarea, redarea, vizualizarea documentului se face prin interfa)e interactive, intuitive, u,or manevrat de c'tre utilizator* user-friendly"; *re & ,imensi+ni' ;imensiunea logic' vizeaz' structurarea ,i organizarea documentului multimedia cu mai multe componente logice ce se includ unele pe altele, de obicei (ntr%o form' ierarhic'* Hn acest fel, crearea ,i prezentarea documentului, la un anumit

moment dat se concentreaz' doar asupra unei singure componente, cum ar fi de exemplu o scen' dintr%un scenariu multimedia sau o pagin' #eb* Timpul este o dimensiune ,i o caracteristic' special' a documentului multimedia, el derul1ndu%se (n timp* Qrganizarea spa)ial' a componentelor media ,i de interac)iune cu utilizatorul se realizeaz' pe suprafa)a ecranului ,i creeaz' ceea ce se nume,te interfa)a cu utilizatorul* Qrganizarea logic' precizeaz' leg'turile (ntre componentele documentului pagini sau scene" (n cadrul structurii hypertext$hypermedia*

Caracteristicile imaginii bitmap8 Hn coda!ul bitmap semantica imaginii nu este luat' (n considerare, astfel imaginea este s'rac' (n informa)ie, (n sensul c' obiectele care compun imaginea nu se stocheaz' (n mod individual* ;atorit' dimensiunilor mari ob)inute pentru aceste imagini, reprezentarea matriceal' cere, de cele mai multe ori, aplicarea unei metode de comprimare* 2a urmare a acestui proces, s%a constatat c' spa)iul ocupat de o imagine necomprimat' se poate reduce p1n' la NC766* -eprezentarea imaginii sub form' de matrice are numeroase dezavanta!e datorit' p'str'rii tuturor punctelor imaginii* Qrice metod' de compresie a acestui tip de imagine duce la o degradare a acesteia propor)ional' cu rata de compresie* Q imagine bitmap are rezolu)ia ei fix', care impune un periferic de ie,ire corespunz'tor, pentru a%i reda calitatea dorit'* Q imagine se poate afi,a (n mod progresiv, adic' treptat de la o rezolu)ie slab' la una maxim', cu afi,area (ntregii imagini pe ecran sau imaginea se poate afi,a secven)ial, pe p'r)i, de sus (n !os, cu o calitate maxim', p1n' c1nd este redat' integral* caracteristicile imaginii vectoriale' &maginile vectoriale sunt ob)inute prin compunerea de primitive grafice (n cadrul unui program de desenare* .rafica vectorial' interpreteaz' imaginea ca o succesiune de puncte ,i func)ii matematice care descriu geometric componentele acesteia ,i caracteristicile lor* /ormatele de tip vectorial sunt foarte bine adaptate reprezent'rii obiectelor grafice descrierea geometric' a obiectelor ,i cu descrierea atributelor lor"* 2odificarea vectorial' a imaginilor )ine seama de semantica lor, iar din punct de vedere informa)ional, reprezentarea imaginilor vectoriale este mult mai bogat' (n compara)ie cu reprezentarea (n format matriceal* Atructura vectorial' este mult mai compact' dec1t cea matriceal', ea re)in1nd doar punctele caracteristice fiec'rui obiect* +cest format devine foarte complex atunci c1nd con)ine un num'r mare de obiecte de dimensiune mic'* ;imensiunea fi,ierelor ce con)in imagini vectoriale este foarte mic' (n compara)ie

cu cele matriceale* Apre deosebire de imaginea matriceal', stocarea imaginilor vectoriale este independent' de scara de afi,a!, ceea ce permite o modificare a dimensiunii acesteia f'r' a%i deteriora calitatea*

Caracteristicile +n,ei sonore Ci a s+net+l+i ,igital 8 %khz, bit rate%ul, mono$stereo, Caracteristicile +n+i text pe o pagin 4eb %font, corp, culoare, aspect grafic %rincipiile ,e ,esign ale interfeei c+ +tili9ator+l' folosirea de linii orizontale pentru separarea con)inutul paginii Deb; crearea de pagini multicoloan' ce asigur' acoperirea cu un con)inut variat ,i o organizare u,oar' a paginii; alegerea unui format de coloan' de dimensiunea con)inutului s'u; controlul curgerii informa)iei prin definirea l')imii paginii ,i a coloanei; alegerea unor culori ce fac pagina mai atractiv' ,i mai u,or de citit; folosirea unui corp moderat de caracter care s' asigure un text citibil; folosirea mai multor pagini, de dimensiune mai mic', legate, (n locul unei pagini foarte lungi; folosirea de imagini fixe sau animate, (n format mic, care s' se (ncarce repede; folosirea de exemple de siteuri pentru pagini personale, business, site%uri ale comunit')ilor, pentru organiza)ii; folosirea unui contor utilizator;

Tip+ri ,e contrast pentr+ +n text Diferenele ,intre +n pl+g)in Ci +n Control *ctive/ 8 2ontrol +ctive @ este un plug%in specific Dindo#s$&nternet >xplorer, iar plug%in%urile sunt pentru soft%urile din care fac parte este o denumire general'" Tren,+ri En ,esign+l 4eb 5' 6 simplitate,layout central,coloane putine,separarea partii superioare a paginii,arii solide delimitate de ecran, navigatie simpla, logouri mari, text cu corp mare, text introductiv bold, culori puternice, suprafete, gradiente, efecte :; speciale,iconuri,stelute flash;

%arametrii +n+i s+net ,igital frecven)a pe orizontal' num'rul de bi)i de cuantificare alti parametriiC streaming,do#nload,format fisier,softuri de creare a acestor tipuri de sunete, frecventa de esantiona!, dimensiunea esantionului, densitatea de biti pe secunda*

(tapele obinerii +n+i s+net ,igital 8 )(nregistrare, conversie, redare Tip+ri ,e fiCiere imagine bitmap 5M0, .&/, =0>., =0., =0>, 0&2T, 02@, T&//, 0M. Tip+ri ,e a+,io ,igiti9at M0: sau M0>. Layer :, *aiff sau *aif, s#a; cele mai bune pentru salvarea sunetelor digitale suntC #af, mp:, vma, aif* %rincipii ,e la-o+t >ste un termen care se refer' la a,ezarea pe ecran a con)inutului Deb, (nseamn' a face un plan de a,ezare a acestui con)inut, maniera (n care va fi a,ezat con)inutul pe ecran* >ste machete paginilor Deb* Layoutul trebuie s' asigure or,onarea, ierarhi9area Ci pre9entare estetic a informaiei* 9n layout poate fi prezentat cu mai multe tipuri de design ,i un design poate fi atribuit mai multor layouturi* Termenii de pagin' static' ,i dinamic' leag' layoutul de un anumit con)inut* +stfel paginile statice sunt cele (n care nu se modific' con)inutul sau layoutul dec1t cu a!utorul realizatorului* 0aginile dinamice (ns' adapteaz' con)inutul sau layoutul (n func)ie de interac)iunea cu utilizatorul sau de interac)iunea cu mediul*

Criteriile l+ate En consi,erare la constr+irea +n+i site' &nformative, de atractivitate si efectivitate %rincipii ,e str+ct+rare ht/hp

0rincipiul topologic, principiul metamorfozei, principiul eterogenitatii, principiul exterioritatii, principiul mobilitatii centrelor si urmarirea pas cu pas*

Meto,ele 0(D ale +n+i site8 )backlink%uri, coninut cu termini de c'utare care te intereseaz' cuvinte cheie", key#ord% uri i descriere (n metatag%uri de HTML, sitemap%uri fiier @ML cu toate paginile de pe site%ul t'u" (n+merai < set+ri ,e etichete HT &ntreaga structur' a documentului HTML este cuprins' intre etichetele JhtmlK ,i J$htmlK, cu subdiviziunile JheadK ,i J$headK, JbodyK ,i J$bodyK*

JhtmlK %%%%%% J$htmlK, JheadK %%%%% J$headK, metaK RRR J$metaK, JbodyK R*con)inutul de date, al documentuluiRJ$bodyK Tip+ri ,e leg t+ri En str+ct+ra HT/H% Legat+ra pe verticala din structura arborescenta sugereaza detalierea informatiei"* Legat+ra pe ori9ontala sugereaza diferenta de informatie, care presupune reconfigurarea continua a structurii de informatii in concordant cu necesitatile induse de utilizator sau de motorul de cautare"* Tehnicile ,e obinere a +nei secvene animate TehnicaC cadrelor cheie, onion skin, pe axa timpului, atasarii de comportamente diferitelor obiecte*

*plicaii ale vi,eo ,igital MuickTime, Fideo for Dindo#s *,obe %remiere este un soft folosit pentru captura ,i editarea secven)elor video digitale; *,obe *fter (ffects este un soft ce asigur' efecte special unei secven)e video digitale*

(tapele reali9 rii +n+i site 4eb 0lanificarea stabilirea categoriei de site si def obiectivelor; def audientei% indentificarea caracteristicilor persoanelor care citesc; identificarea subiect$teme care sunt tratate in cadrul site ului"*

0roiectarea -ealizarea 0romovarea +ctualizarea

Tip+rile ,e site)+ri pe care le c+noaCteti 7 tipuri principale de site uriC statice care contin doar fisiere HTML si 2AA, imagini si text* +cestea sunt cele mai simple site%uri, pentru ca nu necesita cunostinte avansate de programare* Aite%urile #eb dinamice, bazate pe baze de date 0H0 sau MyAML* +cest gen de #ebsite este recomandat pentru pagini complexe, de genul portalurilor de stiri, blog%urilor dar si site%urilor de prezentare care ofera functionalitate sporita*

;upa continut, dupa tehnica de realizare, dupa tematica,dupa obiective ;up' interesul manifestat de c'tre utilizator ,i dup' tipul de informa)ie furnizat, site%ul #eb este considerat de speciali,ti caC 0romotional,informational de ne#s,transactional sau commercial*

*ctivit ile ,in fa9a ,e planificare a site)+l+i 4eb stabilirea categoriei de site si def obiectivelor; def audientei,indentificarea caracteristicilor persoanelor care citesc; identificarea subiect$teme care sunt tratate in cadrul site ului* Hn aceast' faz' se examineaz' cerin)ele site%ului, profilul audien)ei ,i obiectivele sale, trebuie construit' harta naviga)ional',* Ae iau (n considerare ,i cerin)ele tehnice, cum ar fiC accesul utilizator, bro#ser%i necesari, plug%inuri, restric)ii la desc'rcare download"* 0rincipalele probleme de rezolvat (n aceast' etap' suntC Alegerea tipului de site informa!ional, comercial", a temei #i dimensiunii sale$ Determinarea o%iectivelor site-ului& 'ta%ilirea audin!ei& (ercetarea condi!iilor te)nice de derulare a siteului (rearea site-ului tre%uie s* asigure #i compati%ilitatea %rowserilor& Alegerea serverului pe care se va face stocarea& +%!inerea unui feed%ac,

+rgani-area structurii site-ului&

*ctivit ile ,in fa9a ,e proiectare a site)+l+i 4eb +ceast' etap' (n realizarea documentelor multimedia este legat' de definirea structurii ,i con)inutului scenelor pentru documentele offline" sau paginilor sale pentru documentele online"* Ae (ntocme,te un plan al structurii de scene ,i con)inutul documentului multimedia* ;efinirea structurii se face pornind de la obiectele sau elementele multimedia componente* 0lanul de structur' al documentului multimedia se nume,te hart navigaional ,i el stabile,te conexiunile ,i leg'turile dintre diferitele componente ale documentului ,i a!ut' la organizarea con)inutului pe baza unui scenariu ce se parcurge la nivelul interfe)ei interactive cu utilizatorul* ;esenarea interfe)ei utilizator este o alt' etap' a fazei a &&%a de realizare a unui document multimedia* &nterfa)a multimedia trebuie s' se bucure de maximum de interactivitate, furniz1nd acces la con)inut ,i utilizare u,oar' pe diferite nivele de cunoa,tere*

Mo,+rile ,e folosire a imaginii En pagina 4eb imagini inline cand afi,a!ul lor se face automat in fereastra bro#serului, la transferul paginii Deb, odata cu apari)ia textului pe pagina* &maginile se gasesc in documentul HTML in acelea,i condi)ii ca pe o pagina imprimata* ;e obicei, aceste imagini au un format standardizat a,a cum este .&/ Grap)ics Interc)ange .ormat" sau =0>. /oint Picture Expert Group"* /olosirea acestor formate pentru imaginile inline asigura corectitudinea livrarii imaginii in bro#ser* +ceste imagini trebuie sa se reg'seasc' in permanen)a pe server impreuna cu pagina HTML* imagini externe care nu apar pe ecran odata cu pagina, ci sunt propuse printr%o legatura hipertext a carei extremitate poate fi un fi,ier imagine* +ceste imagini se pot afi,a de catre bro#ser sau de catre o aplica)ie )elper sau plug-in* imagine )art* clica%ila image map" ata,eaz' pe diferite zone ale sale, leg'turi externe c'tre 9-L%uri diferite* &maginea se desparte in zone pe baza unui sistem de coordonate, masurate in puncte sau in pixeli*

Tehnologii folosite la reali9area site)+l+i html, css si !avascript

*plicaii ale s+net+l+i ,igital' )#inamp, (nregistr'ri audio, sunet filme Tip+ri ,eC00 Ci +n,e se folosesc ele' %limba! folosit pentru a define elementele de design si structura pentru o pagina #eb si pentru un site #eb* Aepara informatiile ce tin de formarea componentelor multimedia sau a paginii #eb de elementele de structura* 2AA acopera culori, font%uri, margini borders", linii, inaltime, latime, imagini de fundal, pozitii avansate si multe alte optiuni* >xista trei tipuri principale de obiecte 2AAC selector, clasa si identificator* Aelectorul HTML se foloseste pentru a redefini modul de afisare a continutului etichetei HTML* 9n selector HTML reprezinta partea etichetei HTML care indica navigatorului tipul de eticheta* 2lasa este un obiect care poate fi aplicat oricarei etichete HTML* Q clasa trebuie creata in interiorul etichetei HTML inainte de a fi definita intr%un cod 2AA* 2rearea clasei in interiorul etichetei se face simplu, prin specificarea cuvantului class si numele clasei* Qbiectele de tip identificator &;" sunt asemanatoare cu clasele* 0ot fi aplicate oricarei etichete HTML, dar spre deosebire de clase, numele unui identificator trebuie atribuit numai unei singure etichete HTML dintr%o pagina, pentru alta eticheta se adauga un &; cu nume diferit Caracteristici online %u,urin)a (n navigare, accesibilitate, scalabilitate, mentenan)', usabilitate, compatibilitate, interoperabilitate* 0+biecte ,e sinte9 sa+ c+ aplicaii concrete' =A grile F 6,G pt> N*2ompara)i imaginea bitmap cu imaginea vectorial'* 7* 0rezenta)i caracteristicile unui document mm online care este un site de ne#s* :* 0rezenta)i principiile ht$hm ,i cum se aplic' ele (n realizarea unui site de ne#s, al unei organizatii*

?*Tipurile de linkuri (n structura ht$hm ,i da)i exemple de folosire a lor pt un site de un anumit fel* 8* 0ropune)i ,i prezenta)i layoutul ,i designul pentru un site al unei organiza)ii* S* 0rezenta)i principiile layoutului ,i designului Deb 7*6 pentru un site de ne#s sau al unei organizatii* % % % % % % % % % 0rezenta)i aspectele ce ar trebui luate (n considerare pentru un site de ne#s sau al unei 0rezenta)i caracteristicile imaginii bitmap pentru o pagin' Deb* 0rezenta)i caracteristicile sunetului sau imaginii bitmap pentru un site de ne#s sau al 0rezenta)i caracteristicile video digital pentru un site de ne#s sau al unei organizatii Ae realizez' un site de tip radio online* 0rezenta)i ce con)inut multimedia ve)i folosi ,i 0rezenta)i argumentele folosirii con)inutului multimedia imagine" (ntr%un site ne#s 0rezenta)i argumentele folosirii con)inutului multimedia audio" (ntr%un site ne#s sau 0rezenta)i argumentele folosirii con)inutului multimedia video" (ntr%un site ne#s sau 0reciza)i ,i argumenta)i ce caracteristici ar trebui alese pentru un sunet de bun' organizatii (n realizarea sa*

unei organizatii*

de ceT sau al unei organizatii* al unei organizatii* al unei organizatii* calitate*