documentatie-atestat-cioarec

Upload: ovidiu-diaconescu

Post on 02-Mar-2018

216 views

Category:

Documents


0 download

TRANSCRIPT

  • 7/26/2019 Documentatie-Atestat-Cioarec

    1/24

    Colegiul Na ional "Traian"

    Drobeta Turnu Severin

    LUCRARE PENTRU ATESTAREA

    COMPETEN ELOR PROFESIONALE

    ISTORIA JOCURILOR VIDEO

    Elev:Cioarec Denis Alexandr

    Clasa: a !II"a D

    PROFESOR COORDONATOR:

    #A$ARA $A%RIELA

    -MAI 2016-

    1

  • 7/26/2019 Documentatie-Atestat-Cioarec

    2/24

    Cuprins

    Argument 3

    Medii de programare utilizate 4

    Prezentarea aplicaiei 7

    Resurse minime necesare !erinede implementare "

    #i$liogra%e

    2

  • 7/26/2019 Documentatie-Atestat-Cioarec

    3/24

    Argument

    Istoria &ocurilor 'ideo este un site ce dorete a reda

    unele informaii cu privire la vechimea si istoricul jocurilor

    video.

    (n &oc 'ideo este un &oc electronic )n care se

    interacioneaz* cu o inter+a* gra%c* pentru a genera r*spuns

    'izual pe un ecran, ocurile 'ideo )n general au un sistem de

    recompensare a utilizatorului. de o$icei se ine scorul. acest

    sistem depinz/nd de )ndeplinirea unor anumite o$iecti'e )n &oc,

    Pe acest site 'ei g*si c/te'a in+ormaii despre &ocurile

    'ideo. despre cum au +ost ele +ormate si despre cum a crescut

    +oarte mult numarul &ucatorilor in ultimii ani, ac* dorii s*

    aai mai multe detalii despre &ocurile 'ideo. '* in'it*m s*

    parcurgei site-ul nostru,

  • 7/26/2019 Documentatie-Atestat-Cioarec

    4/24

    Medii de programare utilizate

    Mediile de programare +olosite la construcia site-uluisunt3

    1,5M

    2,!

    ,#ootstrap

    !

    CSS(Cascading Style Sheets)este un standard pentru +ormatarea elementelorunui document 5M, tilurile se pot ata8a elementelor 5M prin intermediulunor %8iere e9terne sau )n cadrul documentului. prin elementul 8isauatri$utul style, ! se poate utiliza 8i pentru +ormatarea elementelor :5M.:M8i ;?ects

    2 5rans+ormations

    Animations

    Multiple !olumn a@out

    (ser Inter+ace

    4

    https://ro.wikipedia.org/wiki/HTMLhttps://ro.wikipedia.org/wiki/XHTMLhttps://ro.wikipedia.org/wiki/XMLhttps://ro.wikipedia.org/w/index.php?title=SVGL&action=edit&redlink=1https://ro.wikipedia.org/wiki/XHTMLhttps://ro.wikipedia.org/wiki/XMLhttps://ro.wikipedia.org/w/index.php?title=SVGL&action=edit&redlink=1https://ro.wikipedia.org/wiki/HTML
  • 7/26/2019 Documentatie-Atestat-Cioarec

    5/24

    %e i au aprut unele deficiente de compatibilitate intre browsere& maoritatea propriet ilor !""# au fost implementate cu succes in variantele browserelor noi.

    CSS3 - Borduri

    'cum !""# ofer posibilitatea de a crea borduri cu col urile rotunite far a folosi elementegrafice de fundal a a cum se folosea anterior acestui upgrade.

    roprietatea !""# border-radiusdefine te prin valorile eprimate in pieli cat de rotunitevor fi col urile unui element HTML sau unei imagini. *iecare col poate avea o alta valoare eprimat in pieli diferit de un alt col al aceluia i element. rin urmare putem folosi pana la + valori diferite atribuite unui element HTML sau imagine.

    ,emplu$

    border-radius: 5px ;

    - define te valoarea de p radius pentru toate cele + col uri ale elementului.

    border-radius: 5px 7px 12px 4px;

    - aceste valori multiple definesc cat de mult vor fi rotunite col urile elementului HTML& iarpentru fiecare colt este specificata valorarea. !ol ul stanga-sus are valoarea border-radius dep& col ul dreapta-sus are valoarea border-radius de /p& col ul dreapta-os al elementului HTML are valoarea de 01p iar col ul din stanga-os are valoarea de +p.

    !""# - 2orduri 3otunite - 4ptimizat

    5arianta ne-comprimat sau ne-optimizat$

    border-radius-left: 5px;

    border-radius-right: 7px;

    border-radius-top: 12px;

    border-radius-bottom: 4px;

    5arianta mimificat& compresat6optimizat$

    border-radius: 5px 7px 12px 4px;

    'mbele variante sunt corecte i acceptate de clientul browser.

    !""# - 2orduri 3otunite - !ompatibilitate 2rowser

    entru compatibilitatea cu diferite browsere se folosesc prefie$ -webkit- , -moz- , -o-

  • 7/26/2019 Documentatie-Atestat-Cioarec

    6/24

    !ompatibilitate$ 7nternet ,plorer (7,) - 8.9 & !:rome folose te prefiul -webkit-pentru +&8 &*irefo folose te prefiul -mo-pentru versiunea #.8& "afari folose te prefiul -webkit-

    pentru versiunea #.0& 4pera 08. prefi -o-

    Exemplu CSS3 border-radius:

    di! "

    border: 2px solid #$$$$$$;

    paddi%g: 1&px 4&px;

    ba'kgrou%d: #dddddd;

    width: $&&px;

    border-radius:25px;

    (

    ,lementul HTML di!este definit de urmatoarele propriet i !""$ dimensiunea in lungimeeste redat de valoarea in pieli a propriet ii width& folose te o bordur de 1 pieli& o bordursolid de culoare gri-inc:is definit de caloarea H,;

  • 7/26/2019 Documentatie-Atestat-Cioarec

    7/24

    'cesta functie este sugerata si de numele framewor=-ului& termenul @bootstrapA insumandprocesele necesare pentru pornirea computerelor la fel cum framewor=-ul 2ootstrap ne punela dispozitie instrumentele pentru pornirea proiectului nostru web.

    5izitandsite-ul oficial 2ootstrapavem doua alternative pentru a descarca ultima versiune a

    framewor=-ului.

    %ownloadand versiuneaPrecompiled Bootstrapavem acces la fisierele !""& ?ava"cript si*onts gata de folosit pentru orice proiect web& fonturile incluse fiind cele de la BlCp:icons.

    %ownloadand versiuneaBootstrap source codeavem acces atat la fisierele precompilate !""&?ava"cript si *onts precum si la fisierele sursa Less& ?ava"cript si la o vasta documentatie.

    Prezentare

    Pe prima pagin* se g*sesc cele 2 $utoane principale. temaatestatului 8i c/te'a in+ormatii despre &ocuri, e aici pornescleg*turile c*tre pagina secundara. respecti' Istoric

    ce prezintaintreaga istorie a &ocurilor 'ideo,

    7

    http://getbootstrap.com/http://getbootstrap.com/http://glyphicons.com/http://getbootstrap.com/http://glyphicons.com/
  • 7/26/2019 Documentatie-Atestat-Cioarec

    8/24

    Pe pagina Istoric se pot citi cele ma importate in+ormatii despre&ocurile 'ideo,

    B

  • 7/26/2019 Documentatie-Atestat-Cioarec

    9/24

    "

  • 7/26/2019 Documentatie-Atestat-Cioarec

    10/24

    R>(R> MICIM> C>!>AR>

    Cerine de implementare:

    DindoEs :p;ista7BB,110

    Procesor3 F100 Mz

    Memorie3 minim 26 RAM

    paiu3 0 M$ li$eri

    o+t3Internet >9plorer

    #i$liogra%eGttps3ro,Ei=ipedia,orgEi=iPaginaHprincipal!4B

    http://getbootstrap.com/

    5M

    "#per$ext %ar&up 'anguage("$%') este un limba de marcareutilizat pentru creareapaginilor web ce pot fi afi ate Dntr-un browser(sau navigator). "copul HTML este maidegrab prezentarea informa iilor E paragrafe& fonturi& tabele .a.m.d. E dect descrierea semanticii documentului.

    "pecifica iile HTML sunt dictate de >orld >ide >eb !onsortium(>#!).

    (ntroducere

    HTML este o form de marcare orientat ctre prezentarea documentelor tet pe o singurapagin& utiliznd un software de redare specializat& numit agent utilizator HTML& cel mai buneemplu de astfel de software fiind browserul web. HTML furnizeaz miloacele prin carecon inutul unui document poate fi adnotat cu diverse tipuri de metadate i indica ii de redare. 7ndica iile de redare pot varia de la decora iuni minore ale tetului& cum ar fi specificarea faptului c un anumit cuvnt trebuie subliniat sau c o imagine trebuie introdus& pn lascripturi sofisticate& :r i de imagini i formulare. Metadatele pot include informa ii despre titlul i autorul documentului& informa ii structurale despre cum este Dmpr it documentul Dn diferite segmente& paragrafe& liste& titluri etc. i informa ii cruciale care permit ca documentul s poat fi legat de alte documente pentru a forma astfel :iperlin=-uri (sau web-ul).

    HTML este un format tet proiectat pentru a putea fi citit i editat de oameni utiliznd uneditor de tet simplu. Totu i scrierea i modificarea paginilor Dn acest fel solicit cuno tin e

    10

    https://ro.wikipedia.org/wiki/Pagina_principal%C4%83http://l.facebook.com/l.php?u=http%3A%2F%2Fgetbootstrap.com%2F&h=6AQF_ji_bhttps://ro.wikipedia.org/wiki/Limbaj_de_marcarehttps://ro.wikipedia.org/wiki/Browserhttps://ro.wikipedia.org/wiki/World_Wide_Web_Consortiumhttps://ro.wikipedia.org/wiki/Hiperlinkhttps://ro.wikipedia.org/wiki/Webhttps://ro.wikipedia.org/wiki/Pagina_principal%C4%83http://l.facebook.com/l.php?u=http%3A%2F%2Fgetbootstrap.com%2F&h=6AQF_ji_bhttps://ro.wikipedia.org/wiki/Limbaj_de_marcarehttps://ro.wikipedia.org/wiki/Browserhttps://ro.wikipedia.org/wiki/World_Wide_Web_Consortiumhttps://ro.wikipedia.org/wiki/Hiperlinkhttps://ro.wikipedia.org/wiki/Web
  • 7/26/2019 Documentatie-Atestat-Cioarec

    11/24

    solide de HTML i este consumatoare de timp. ,ditoarele grafice (de tip >F"7>FB) cum arfi Macromedia %reamweaver& 'dobe BoLivesau Microsoft *rontagepermit ca paginile websa fie tratate asemntor cu documetele >ord& dar cu observa ia c aceste programe genereazun cod HTML care este de multe ori de proast calitate.

    HTML se poate genera direct utiliznd te:nologii de codare din partea serverului cum ar fiH& ?"sau '". Multe aplica ii ca sistemele de gestionare a con inutului &wi=i-uri iforumuri webgenereaz pagini HTML.

    HTML este de asemenea utilizat Dn e-mail.Maoritatea aplica iilor de e-mail folosesc uneditor HTML Dncorporat pentru compunerea e-mail-urilor i un motor de prezentare a e-mail-urilor de acest tip. *olosirea e-mail-urilor HTML este un subiect controversat i multe liste demaille bloc:eaz inten ionat.

    )o iuni de baz

    HTML este prescurtarea de laHyper Text Mark-up Languagesi este codul care sta la bazapaginilor web.

    aginile HTML sunt formate din etic:ete sau tag-uri i au etensia G.:tmlA sau G.:tmA. nmarea lor maoritate aceste etic:ete sunt perec:e& una de desc:idere & mai eist i cazuri Dn care nu se Dnc:id& atunci se folose te

    !omponen a unui document HTML este$

    0. versiunea HTML a documentului

    1. zona headcu etic:etele

    #. zona bodycu etic:etele sau

    5ersiunea HTML poate fi$

    "$%' *.+, Strict

  • 7/26/2019 Documentatie-Atestat-Cioarec

    12/24

    "$%' *.+, $ransitional

    "$%' *.+, rameset

    "$%'

    Toate paginile HTML Dncep i se termin cu etic:etele i .

    n interiorul acestor etic:ete gsim perec:ile & i & .

    headcon ine titlul paginii Dntre etic:etele i & descrieri de tip &stiluri pentru formatarea tetului& script-uri i legturi ctre fisiere eterne (de eemplu script-uri& fi iere de tip !"" sau a!icon).

    ,tic:etele de tip metacon in cuvinte c:eie& descrierea paginii& date despre autor& informa ii utile motoarelor de cutare i au urmtorul format$

    bodygzduie te practic toate etic:etele afi ate de browser pe ecran.

    ,emplu$ o pagin HTML cu titlul"xempluiar con inutul #on inut pagin$

    xemplu

    0o% i%ut pagi%@

    i Dn HTML poate fi introdus un comentariu& care bineDn eles nu va fi afi at de browser$

  • 7/26/2019 Documentatie-Atestat-Cioarec

    13/24

    JKL!5P> GtmlN

    JGtml dirOltr langOen-(NJGeadNJK-- !reated $@ Artisteer '4,0,0,B47 --N

    Jmeta cGarsetOut+-BN

    JtitleNCeE PageJtitleN

    Jmeta nameO'ieEport contentOinitial-scale O 1,0. ma9imum-scale O 1,0.user-scala$le O no. EidtG O de'ice-EidtGN

    JK--Qi+ lt I> "NJscriptsrcOGttp3GtmlsGi',googlecode,coms'ntrun=Gtml,&sNJscriptNJKQendi+--N

    Jlin= relOst@lesGeet Gre+Ost@le,css mediaOscreenN

    JK--Qi+ lte I> 7NJlin= relOst@lesGeet Gre+Ost@le,ie7,css mediaOscreenNJKQendi+--N

    Jlin= relOst@lesGeet Gre+Ost@le,responsi'e,css mediaOallN

    Jscript srcO&Suer@,&sNJscriptN

    Jscript srcOscript,&sNJscriptN

    Jscript srcOscript,responsi'e,&sNJscriptN

    Jmeta nameOdescription contentOescriptionNJmeta nameO=e@Eords contentOTe@EordsN

    JscriptN&Uuer@V+unctionVWX Y

    Zuse strictZ[

    i+ VW,+n,sliderX Y

    WV,art-slidecontainerupermario$rospi9elated$ac=groundsX,eacGV+unctionVX Y

    'ar slide!ontainer O WVtGisX. tmp[

    'ar inner O WV,art-slider-inner. slide!ontainerX[

    'ar Gelper O null[

    inner,cGildrenVX,eSV0X,add!lassVacti'eX[

    slide!ontainer,sliderVY

    1

  • 7/26/2019 Documentatie-Atestat-Cioarec

    14/24

    pause3 2600.

    speed3 600.

    repeat3 true.

    animation3 +ade.

    direction3 ne9t.

    na'igator3 slide!ontainer,si$lingsV,art-slidena'igatorupermario$rospi9elated$ac=groundsX.

    Gelper3 Gelper

    \X[

    \X[

    \

    \X[

    JscriptNJst@leN,art-content ,art-postcontent-0 ,la@out-item-0 Y $order-top-st@le3solid[$order-rigGt-st@le3solid[$order-$ottom-st@le3solid[$order-le+t-st@le3solid[$order-top-EidtG31p9[$order-rigGt-EidtG31p9[$order-$ottom-EidtG31p9[$order-le+t-EidtG31p9[$order-top-color3]#>^^[$order-rigGt-color3]#>^^[$order-$ottom-color3]#>^^[$order-le+t-color3]#>^^[ color3]A>#!A"[ $ac=ground3 ]000000[$ac=ground3 transparent[ \

    ,art-content ,art-postcontent-0 ,la@out-item-1 Y color3 ]A>#!A"[ padding-rigGt310p9[padding-le+t3 10p9[ \

    ,art-content ,art-postcontent-0 ,la@out-item-2 Y padding-rigGt3 10p9[padding-le+t310p9[ \

    ,ie7 ,post ,la@out-cell Y$order3none Kimportant[ padding30 Kimportant[ \

    ,ie6 ,post ,la@out-cell Y$order3none Kimportant[ padding30 Kimportant[ \

    ,art-slidecontainerupermario$rospi9elated$ac=grounds Y

    position3 relati'e[

    EidtG3 B6p9[ GeigGt3 4Bp9[

    \

    ,art-slidecontainerupermario$rospi9elated$ac=grounds ,art-slide-item

    Y

    \

    14

  • 7/26/2019 Documentatie-Atestat-Cioarec

    15/24

    ,art-slidecontainerupermario$rospi9elated$ac=grounds ,art-slide-item Y

    -Ee$=it-transition3 600ms ease-in-out opacit@[

    -moz-transition3 600ms ease-in-out opacit@[

    -ms-transition3 600ms ease-in-out opacit@[

    -o-transition3 600ms ease-in-out opacit@[

    transition3 600ms ease-in-out opacit@[

    position3 a$solute[

    displa@3 none[le+t3 0[

    top3 0[

    opacit@3 0[

    EidtG3 100[

    GeigGt3 100[

    \

    ,art-slidecontainerupermario$rospi9elated$ac=grounds ,acti'e. ,art-slidecontainerupermario$rospi9elated$ac=grounds ,ne9t. ,art-slidecontainerupermario$rospi9elated$ac=grounds ,pre' Y

    displa@3 $loc=[

    \

    ,art-slidecontainerupermario$rospi9elated$ac=grounds ,acti'e Y

    opacit@3 1[

    \

    ,art-slidecontainerupermario$rospi9elated$ac=grounds ,ne9t. ,art-slidecontainerupermario$rospi9elated$ac=grounds ,pre' Y

    EidtG3 100[

    \

    1

  • 7/26/2019 Documentatie-Atestat-Cioarec

    16/24

    ,art-slidecontainerupermario$rospi9elated$ac=grounds ,ne9t,+orEard. ,art-slidecontainerupermario$rospi9elated$ac=grounds ,pre',$ac= Y

    opacit@3 1[

    \

    ,art-slidecontainerupermario$rospi9elated$ac=grounds ,acti'e,+orEard Y

    opacit@3 0[

    \

    ,art-slidecontainerupermario$rospi9elated$ac=grounds ,acti'e,$ac= Y

    opacit@3 0[

    \

    ,art-slideupermario$rospi9elated$ac=grounds0 Y

    $ac=ground-image3urlVZimagesslideupermario$rospi9elated$ac=grounds0,&pgZX[

    $ac=ground-position3 0 0[

    $ac=ground-repeat3 no-repeat[

    \

    ,art-slideupermario$rospi9elated$ac=grounds1 Y

    $ac=ground-image3urlVZimagesslideupermario$rospi9elated$ac=grounds1,&pgZX[

    $ac=ground-position3 0 0[

    $ac=ground-repeat3 no-repeat[

    \,art-slideupermario$rospi9elated$ac=grounds2 Y

    $ac=ground-image3urlVZimagesslideupermario$rospi9elated$ac=grounds2,&pgZX[

    $ac=ground-position3 0 0[

    $ac=ground-repeat3 no-repeat[

    \

    16

  • 7/26/2019 Documentatie-Atestat-Cioarec

    17/24

    ,art-slidena'igatorupermario$rospi9elated$ac=grounds Y

    displa@3 inline-$loc=[

    position3 a$solute[

    direction3 ltr Kimportant[

    top3 461p9[

    le+t3 "2,B[

    z-inde93 101[

    line-GeigGt3 0 Kimportant[

    -Ee$=it-$ac=ground-origin3 $order Kimportant[

    -moz-$ac=ground-origin3 $order Kimportant[

    $ac=ground-origin3 $order-$o9 Kimportant[ -Ee$=it-$o9-sizing3 $order-$o9[

    -moz-$o9-sizing3 $order-$o9[

    $o9-sizing3 $order-$o9[

    te9t-align3 center[

    EGite-space3 noErap[

    \

    ,art-slidena'igatorupermario$rospi9elated$ac=groundsY

    $ac=ground3 ]B>1>![$ac=ground3 linear-gradientVtop. rg$aV202. 242. 247. 0,6X0. rg$aV61. 20B. 22. 0,6X 100X no-repeat[$ac=ground3 -Ee$=it-linear-gradientVtop. rg$aV202. 242. 247. 0,6X 0. rg$aV61. 20B. 22. 0,6X 100X no-repeat[$ac=ground3 -moz-linear-gradientVtop. rg$aV202. 242. 247. 0,6X 0. rg$aV61.20B. 22. 0,6X 100X no-repeat[$ac=ground3 -o-linear-gradientVtop. rg$aV202.242. 247. 0,6X 0. rg$aV61. 20B. 22. 0,6X 100X no-repeat[$ac=ground3 -ms-linear-gradientVtop. rg$aV202. 242. 247. 0,6X 0. rg$aV61. 20B. 22. 0,6X 100X no-repeat[$ac=ground3 linear-gradientVtop. rg$aV202. 242. 247. 0,6X 0. rg$aV61. 20B.

    22. 0,6X 100X no-repeat[-s'g-$ac=ground3 linear-gradientVtop. rg$aV202. 242.247. 0,6X 0. rg$aV61. 20B. 22. 0,6X 100X no-repeat[

    -Ee$=it-$order-radius34p9[-moz-$order-radius34p9[$order-radius34p9[

    padding37p9[

    17

  • 7/26/2019 Documentatie-Atestat-Cioarec

    18/24

    \

    ,art-slidena'igatorupermario$rospi9elated$ac=grounds N a

    Y

    $ac=ground3 ]1AA#"[

    -Ee$=it-$order-radius30[-moz-$order-radius30[$order-radius30[

    margin30 10p9 0 0[

    EidtG3 10p9[

    GeigGt3 10p9[

    \

    ,art-slidena'igatorupermario$rospi9elated$ac=grounds N a,acti'e

    Y$ac=ground3 ]!4>>7![

    -Ee$=it-$order-radius30[-moz-$order-radius30[$order-radius30[

    margin30 10p9 0 0[

    EidtG3 10p9[

    GeigGt3 10p9[

    \

    ,art-slidena'igatorupermario$rospi9elated$ac=grounds N a3Go'er

    Y

    $ac=ground3 ]7##17[

    1B

  • 7/26/2019 Documentatie-Atestat-Cioarec

    19/24

    -Ee$=it-$order-radius30[-moz-$order-radius30[$order-radius30[

    margin30 10p9 0 0[

    EidtG3 10p9[

    GeigGt3 10p9[

    \

    Jst@leNJGeadN

    J$od@N

    Jdi' idOart-mainN

    JGeader classOart-Geader clear%9N

    Jdi' classOart-sGapesNJG1 classOart-Geadline data-le+tO46,01N

    Ja Gre+O]NIstoria ocurilor ;ideoJaN

    JG1N

    Jdi'N

    Jna' classOart-na' clear%9N

    Jul classOart-GmenuNJliNJa Gre+Oacasa,GtmlclassOacti'eNAcas*JaNJliNJliNJa Gre+OneE-page-2,GtmlNIstoricJaNJliNJulN

    Jna'N

    JGeaderN

    1"

  • 7/26/2019 Documentatie-Atestat-Cioarec

    20/24

    Jdi' classOart-sGeet clear%9N

    Jdi' classOart-la@out-Erapper clear%9N

    Jdi' classOart-content-la@outN

    Jdi' classOart-content-la@out-roEN

    Jdi' classOart-la@out-cell art-content clear%9NJarticleclassOart-post art-articleN

    Jdi' classOart-postcontent art-postcontent-0 clear%9NJdi'classOart-content-la@out la@out-item-0N

    Jdi' classOart-content-la@out-roEN

    Jdi' classOart-la@out-cell la@out-item-1 st@leOEidtG3 100 N

    Jp st@leOmargin-top3 0,em[ margin-$ottom3 0,em[ line-GeigGt3 22,4p9[color3 rg$V7. 7. 7X[ te9t-align3 start[ EidoEs3 1[ $ac=ground-color3 rg$V2.2. 2X[NJspan st@leO+ont-+amil@3 ZArial (nicode MZ[ +ont-size316p9[N_n$sp[ _n$sp[_n$sp[Jspan st@leO$ac=ground-color3 rg$V2. 2.2X[N(n_n$sp[J$NJspan st@leO$ac=ground-color3 rg$V2. 2. 2X[N&oc'ideoJspanNJ$N_n$sp[este un_n$sp[J$NJspan st@leO$ac=ground-color3rg$V2. 2. 2X[N&oc electronicJspanNJ$N_n$sp[)n care seinteracioneaz* cu o inter+a* gra%c* pentru a genera r*spuns 'izual pe un ecran,

    ocurile 'ideo )n general au un sistem de recompensare a utilizatorului. de o$icei

    se ine scorul. acest sistem depinz/nd de )ndeplinirea unor anumite o$iecti'e )n&oc, `n anul 200B. piaa mondial* de &ocuri 'ideo a )nregistrat o 'aloare de 41."miliarde de dolari_n$sp[iar )n 2011 a a&uns la 6 miliarde dolari,_n$sp[Pentruanul 201. piaa este estimat* s* creasc* la B2 miliardedolari,JspanNJspanNJpN

    JpNJspan st@leO$ac=ground-color3 rg$V2. 2. 2X[ color3 rg$V0. 0. 0X[+ont-+amil@3 ZArial (nicode MZ[ +ont-size3 16p9[NJspan st@leOline-GeigGt322,4p9[ te9t-align3 start[ EidoEs3 1[ $ac=ground-color3 rg$V2. 2. 2X[ color3rg$V0. 0. 0X[N_n$sp[ _n$sp[ 5ermenul_n$sp[JspanNJ$ st@leOcolor3 rg$V7.7. 7X[ line-GeigGt3 22,4p9[ te9t-align3 start[ EidoEs3 1[ $ac=ground-color3rg$V2. 2. 2X[NJspan st@leO$ac=ground-color3 ]^^^^^^[ color3]000000[N&oc pe calculatorJspanNJ$NJspan st@leOline-GeigGt3 22,4p9[te9t-align3 start[ EidoEs3 1[ $ac=ground-color3 rg$V2. 2. 2X[ color3 rg$V0. 0.0X[N_n$sp[sau JspanN&oc pe P!Jspan st@leOline-GeigGt3 22,4p9[ te9t-align3start[ EidoEs3 1[ $ac=ground-color3 rg$V2. 2. 2X[ color3 rg$V0. 0. 0X[N sere+er* la un &oc care este &ucat pe un_n$sp[JspanNP!Jspan st@leOline-GeigGt322,4p9[ te9t-align3 start[ EidoEs3 1[ $ac=ground-color3 rg$V2. 2. 2X[ color3rg$V0. 0. 0X[N. unde_n$sp[JspanNmonitorulJspan st@leOline-GeigGt3 22,4p9[te9t-align3 start[ EidoEs3 1[ $ac=ground-color3 rg$V2. 2. 2X[ color3 rg$V0. 0.0X[N_n$sp[este principalul mi&loc de +eed$ac= 8i care +olose8te ca dispoziti' decontrol un_n$sp[JspanNperi+ericJspan st@leOline-GeigGt3 22,4p9[ te9t-align3start[ EidoEs3 1[ $ac=ground-color3 rg$V2. 2. 2X[ color3 rg$V0. 0.0X[N_n$sp[de intrare. de o$icei $utonarea unui_n$sp[JspanN&o@stic=Jspanst@leOline-GeigGt3 22,4p9[ te9t-align3 start[ EidoEs3 1[ $ac=ground-color3

    20

  • 7/26/2019 Documentatie-Atestat-Cioarec

    21/24

    rg$V2. 2. 2X[ color3 rg$V0. 0. 0X[N_n$sp[V&ocuri din arcade-uriX. ocom$inaie_n$sp[JspanNtastatur*Jspan st@leOline-GeigGt3 22,4p9[ te9t-align3start[ EidoEs3 1[ $ac=ground-color3 rg$V2. 2. 2X[ color3 rg$V0. 0.0X[N_n$sp[_amp[_n$sp[JspanNmausJspan st@leOline-GeigGt3 22,4p9[ te9t-align3 start[ EidoEs3 1[ $ac=ground-color3 rg$V2. 2. 2X[ color3 rg$V0. 0.

    0X[NJspanNtrac=$allJspan st@leOline-GeigGt3 22,4p9[ te9t-align3 start[EidoEs3 1[ $ac=ground-color3 rg$V2. 2. 2X[ color3 rg$V0. 0. 0X[N_n$sp[sauun_n$sp[JspanNcontrollerJspan st@leOline-GeigGt3 22,4p9[ te9t-align3 start[EidoEs3 1[ $ac=ground-color3 rg$V2. 2. 2X[ color3 rg$V0. 0. 0X[N. ori ocom$inaie dintre cele de mai sus,_n$sp[JspanNJi st@leOcolor3 rg$V7. 7.7X[ line-GeigGt3 22,4p9[ te9t-align3 start[ EidoEs3 1[ $ac=ground-color3 rg$V2.2. 2X[NJspan st@leO$ac=ground-color3 ]^^^^^^[ color3 ]000000[Nocuripe calculator_n$sp[JspanNJiNJspan st@leOline-GeigGt3 22,4p9[ te9t-align3start[ EidoEs3 1[ $ac=ground-color3 rg$V2. 2. 2X[ color3 rg$V0. 0.0X[N_n$sp[sunt denumite 8i &ocurile )n_n$sp[JspanNmod te9tJspanst@leOline-GeigGt3 22,4p9[ te9t-align3 start[ EidoEs3 1[ $ac=ground-color3

    rg$V2. 2. 2X[ color3 rg$V0. 0. 0X[N_n$sp[sau &ocuri care +olosesc 8i altemetode care includ sunetul sau 'i$raia ca principalul mi&loc de +eed$ac=. dar inmomentul actual apar prea puine &ocuri noi care intr* )n acestecategorii,JspanNJ$rNJspanNJpN

    JpNJspan st@leO$ac=ground-color3 rg$V2. 2. 2X[ color3 rg$V0. 0. 0X[+ont-+amil@3 ZArial (nicode MZ[ +ont-size3 16p9[NJspan st@leOcolor3 rg$V7. 7.7X[ line-GeigGt3 22,4p9[ te9t-align3 start[ EidoEs3 1[ $ac=ground-color3 rg$V2.2. 2X[N_n$sp[ _n$sp[ 5ermenul JspanNoc pentru consol*Jspanst@leOcolor3 rg$V7. 7. 7X[ line-GeigGt3 22,4p9[ te9t-align3 start[ EidoEs3 1[$ac=ground-color3 rg$V2. 2. 2X[N se re+er* la un &oc care este &ucat pe unsistem conceput special pentru aceasta. sistem care poate % conectat laun_n$sp[JspanNtele'izorJspan st@leOcolor3 rg$V7. 7. 7X[ line-GeigGt322,4p9[ te9t-align3 start[ EidoEs3 1[ $ac=ground-color3 rg$V2. 2.2X[N_n$sp[sau la un_n$sp[JspanNmonitorJspan st@leOcolor3 rg$V7. 7.7X[ line-GeigGt3 22,4p9[ te9t-align3 start[ EidoEs3 1[ $ac=ground-color3 rg$V2.2. 2X[N, enumirea de &oc 'ideo poate % +olosit* 8i pentru adescrie_n$sp[JspanNso+tEareJspan st@leOcolor3 rg$V7. 7. 7X[ line-GeigGt322,4p9[ te9t-align3 start[ EidoEs3 1[ $ac=ground-color3 rg$V2. 2.2X[N_n$sp[+*cut 8i pentru alte dispoziti'e3_n$sp[JspanNtele+oanelemo$ileJspan st@leOcolor3 rg$V7. 7. 7X[ line-GeigGt3 22,4p9[ te9t-align3 start[EidoEs3 1[ $ac=ground-color3 rg$V2. 2. 2X[N._n$sp[JspanNPAJspanst@leOcolor3 rg$V7. 7. 7X[ line-GeigGt3 22,4p9[ te9t-align3 start[ EidoEs3 1[$ac=ground-color3 rg$V2. 2. 2X[N._n$sp[JspanNcalculatoare8tiini%ce_n$sp[Jspan st@leOcolor3 rg$V7. 7. 7X[ line-GeigGt3 22,4p9[ te9t-align3 start[ EidoEs3 1[ $ac=ground-color3 rg$V2. 2. 2X[Nper+ormante.ceasuri electronice. camere 'ideo digitale. aparate +otodigitale._n$sp[JspanNMP pla@ereJspan st@leOcolor3 rg$V7. 7. 7X[ line-GeigGt3 22,4p9[ te9t-align3 start[ EidoEs3 1[ $ac=ground-color3 rg$V2. 2.2X[N,JspanNJ$rNJspanNJpN

    Jp st@leOmargin-top3 0,em[ margin-$ottom3 0,em[ line-GeigGt3 22,4p9[color3 rg$V7. 7. 7X[ te9t-align3 start[ EidoEs3 1[ $ac=ground-color3 rg$V2.2. 2X[NJspan st@leO$ac=ground-color3 rg$V2. 2. 2X[ +ont-+amil@3

    ZArial (nicode MZ[ +ont-size3 16p9[N_n$sp[ _n$sp[ ocurile au +ost )ntotdeaunamai u8or de clasi%cat dup* genul lor. din cauza constr/ngerilor teGnice a

    21

  • 7/26/2019 Documentatie-Atestat-Cioarec

    22/24

    di+eritelor plat+orme. cum ar % cele legate de spaiul alocat &ocurilor, Ldat* cutrecerea anilor 8i cre8terea $anilor destinai produciei &ocurilor 'ideo. 'aloareacomercial* a crescut iar cererea de talent creati' a o$ligat companiile s* aduc*arti8ti din a+ara industrei de specialitate, Re+olosirea unor anumite genuri este celmai $ine o$ser'at* )n )ncercarea de a sta$ili +rancize. care de o$icei +olosesc

    acelea8i caractere. situaii. conicte 8i teme de-a lungulcontinu*rilor,JspanNJpN

    Jp st@leOmargin-top3 0,em[ margin-$ottom3 0,em[ line-GeigGt3 22,4p9[color3 rg$V7. 7. 7X[ te9t-align3 start[ EidoEs3 1[ $ac=ground-color3 rg$V2.2. 2X[NJspan st@leO$ac=ground-color3 rg$V2. 2. 2X[ +ont-+amil@3ZArial (nicode MZ[ +ont-size3 16p9[N_n$sp[ _n$sp[ rept urmare. de8i multe

    &ocuri sunt o com$inaie de mai multe genuri. e9ist* +oarte puine cele care nu se)ncadreaz* )n tiparele o$i8nuite. care atunci c/nd au succes de o$icei de%nesc unnou gen, (n &oc care lanseaz* un nou gen poate s* nu %e primul de acel tip cipoate % primul care are )ndea&uns de mult succes comercial pentru ca altecompanii s* )ncerce s* reproduc* acel succes, >9emple ca_n$sp[JiNJspanst@leO$ac=ground-color3 ]^^^^^^[Nuper Mario 64JspanNJiN_n$sp[care alansat genul_n$sp[&ocurilor 'ideo de plat+orm*_n$sp[pentru consolesau_n$sp[JiNJspan st@leO$ac=ground-color3]^^^^^^[NoomJspanNJiN_n$sp[care a lansat genul_n$sp[^irst-personsGooter_n$sp[pentru P!,JspanNJpN

    Jp st@leOmargin-top3 0,em[ margin-$ottom3 0,em[ line-GeigGt3 22,4p9[color3 rg$V7. 7. 7X[ te9t-align3 start[ EidoEs3 1[ $ac=ground-color3 rg$V2.2. 2X[NJspan st@leO$ac=ground-color3 rg$V2. 2. 2X[ +ont-+amil@3ZArial (nicode MZ[ +ont-size3 16p9[N_n$sp[ _n$sp[ >9ist* 8i com$inaii degenuri cum ar % &ocurile de genul_n$sp[Massi'el@ multipla@er online role-pla@ing

    game_n$sp[VMMLRP

  • 7/26/2019 Documentatie-Atestat-Cioarec

    23/24

    Jdi'N

    Jdi' classOart-slide-item art-slideupermario$rospi9elated$ac=grounds1N

    Jdi'N

    Jdi' classOart-slide-item art-slideupermario$rospi9elated$ac=grounds2N

    Jdi'N

    Jdi'N

    Jdi'NJdi' classOart-slidena'igator art-slidena'igatorupermario$rospi9elated$ac=groundsN

    Ja Gre+O] classOart-slidena'igatoritemNJaNJa Gre+O] classOart-slidena'igatoritemNJaNJa Gre+O] classOart-slidena'igatoritemNJaN

    Jdi'N

    Jdi'N

    JpNJ$rNJpN

    Jdi'N

    Jdi'N

    Jdi'N

    Jdi'N

    JarticleNJdi'N

    Jdi'N

    Jdi'N

    Jdi'N

    Jdi'N

    J+ooter classOart-+ooter clear%9N

    Jdi' classOart-+ooter-innerN

    Jdi' st@leOposition3relati'e[displa@3inline-$loc=[padding-le+t342p9[padding-

    rigGt342p9NJpNesigned $@ !ioarec enis Ale9andru,JpN

    2

  • 7/26/2019 Documentatie-Atestat-Cioarec

    24/24

    Jdi'N

    Jp classOart-page-+ooterN

    Jspan idOart-+ootnote-lin=sNJa Gre+OGttp3EEE,artisteer,comtargetOH$lan=NDe$ 5emplateJaN created EitG Artisteer,JspanN

    JpN

    Jdi'N

    J+ooterN

    Jdi'N

    J$od@NJGtmlN