optionalwebdesign (3)

download optionalwebdesign (3)

of 8

Transcript of optionalwebdesign (3)

  • 7/25/2019 optionalwebdesign (3)

    1/8

    AVIZATInspector de specialitate

    Cristi Bostac

    FIA DE AVIZAREA PROIECTULUI DE PROGRA! PE"TRU OP#IO"AL

    Instit$%ia de &n'%()nt * Cole+i$l Te,nic Ener+etic Constan%aDen$(irea Op%ional$l$i * -EB DE.IG"

    Tip$l * Disciplin no$Clasa * a /I0a (ate(atic0in1or(aticD$rata * 2 an"$(r de ore pe spt()n *2A$tor * Adina Elena Pi%i+oi 3 pro14 de14

    CRITERII I I"DICATORI DE EVALUARE 3 Clasa a /I0a (ate(atic0in1or(aticDA "U DA5 CU

    RECOA"DA

    REI4 RE.PECTAREA .TRUCTURII .TA"DARD A PROGRAEI

    "ota de pre6entare Co(peten%e speci7ce 8i con%in$t$ri Valori 8i atit$dini .$+estii (etodolo+ice

    II4 E/I.TE"#A U"EI BIBLIOGRAFIIIII4 ELEE"TE DE CALITATE

    Respectarea partic$larit%ilor de ')rst a ele'ilor Concordan%a c$ etos$l 8colii5 c$ interesele ele'ilor

    8i c$ ne'oile co($nit%ii Con%in$t$l ar+$(ent$l$i Oport$nitatea op%ional$l$i Realis($l &n raport c$ res$rsele disponi9ile Corelarea co(peten%elor c$ sit$a%iile de &n'%are

    prop$se la s$+estii (etodolo+ice Adec'area (odalit%ilor de e'al$are la de(ers$l

    didactic prop$s

    A'i6$l 8colii Da

    A'i6$l Cond$cerii coliiDirector5Ca(elia Gri+orean$

  • 7/25/2019 optionalwebdesign (3)

    2/8

    I"I.TERUL EDUCA#IEI I CERCET!RIII".PECTORATUL COLAR :UDE#EA" CO".TA"#A

    COLEGIUL TE;"IC E"ERGETIC CO".TA"#A

    VIZATI".PECTORATUL COLAR :UDE#EA"

    CRI.TI BO.TAC!

    CURRICULUM LA DECIZIA COLIICLASA A XI-a

    -EB DE.IG"

    Pro7l$l* Real.peciali6area* ate(atic 0 In1or(atic

    A$tori*

    Adina Elena Pi%i+oi 3 pro14 de145 Cole+i$l Te,nic Ener+eticConstan%a

    A'i6at &n 8edin%a Consili$l$i de Ad(inistra%ie din data de

    24

  • 7/25/2019 optionalwebdesign (3)

    3/8

    "OT! DE PREZE"TARE

    Acest c$rric$l$( este adresat ele'ilor din clasa a /I0a pro7lte,nic a')nd speciali6area (ate(atic0in1or(atic4

    Disciplina WEB DESIGN 1ace parte din c$rric$l$( la deci6ia 8coliice se st$dia6 2 or@spt()n5 pe parc$rs$l $n$i an de st$di$folosind aplicaia DREAMWEAVER4

    Prin WEB DESIGN sa$ WEBDESIGN se &n%ele+e &n +eneralreali6area de site0$ri e95 de la (o(ent$l conceperii str$ct$rii 8iinter1e%ei +ra7ce 8i p)n la 7nali6area pro+ra(rii 8i introd$cereapropri$06is a datelor0 i(a+ini5 tet5 78iere 8i alte ele(ente 0 carealct$iesc con%in$t$l site0$l$i4

    n pre6ent preoc$parea pentr$ aspect$l +ra7c al site0$rilor5de'enite p$ternice instr$(ente p$9licitare 8i co(erciale5 $sti7c &n&ntre+i(e den$(irea de WEB DESIGN5 iar te,nolo+iile $tili6ate s0a$di'ersi7cat 8i a$ de'enit din ce &n ce (ai co(plee4 Fir(ele careprod$c site0$ri l$crea6 c$ an+aa%i speciali6a%i pentr$ 7ecare etap ade6'oltrii $n$i site5 de la stadi$l de concep%ie +ra7c la pro+ra(are 8ieditare de con%in$t pentr$ .EO opti(i6area site0$rilor pentr$(otoarele de c$tare4

    Drea(ea'er %estor$l de 'ise a 1ost creat de acro(ediaac$( Ado9e .ste(s 8i (o(entan a a$ns la 'ersi$nea H4 Pri(ele'ersi$ni ale prod$s$l$i ser'ea$ doar ca si(ple editoare ;TLde tip$l-.I-G2dar &n 'ersi$nile recente a$ 1ost i(ple(entate 1$nc%ii deeditare a'ansate 8i s$port pentr$ alte te,nolo+ii e9 c$( ar 7 C..5:a'a.cript etc4

    Drea(ea'er s0a 9$c$rat de $n lar+ s$cces &nc de la s1)r8it$lanilor J>= 8i (o(entan de%ine aproi(ati' H=K din pia%a editoarelor;TL4 Prod$s$l poate 7 r$lat pe 'ariate plat1or(e so1tare* ac5-indos5 dar s$port &n acela8i ti(p 8i plat1or(e U"I/ c$ a$tor$l $nore($latoare so1tare5 c$( ar 7 -ine4

    Ca orice alt editor -.I-G5 Drea(ea'er poate asc$ndedetaliile de i(ple(entare a pa+inilor ;TL5 1c)nd ast1el posi9ilcrearea c$ $8$rin% a pa+inilor e9 de ctre $tili6atoriineeperi(enta%i4

    Drea(ea'er per(ite 1olosirea (aorit%ii 9roserelor instalatepe calc$lator$l $tili6ator$l$i5 pentr$ a pre'i6$ali6a site0$l$i e9 creat4De ase(enea con%ine 8i c)te'a $tilitare pentr$ ad(inistrarea site0$rilor5 c$( ar 7 cele pentr$ a +si 8i (odi7ca $n para+ra1 sa$ o linie decod5 &n &ntre+$l site5 pe 9a6a oricror para(etri speci7ca%i de ctre$tili6ator4 C$ a$tor$l pano$rilor de stare se poate crea cod :a'a.cript1r a a'ea c$no8tin%e de pro+ra(are4

    1Abreviere de la what you see is what you get un tip de interfa care asigur identificarea ntre aspectul

    pe ecran al datelor finite i modul de prezentare a acestora pe un anumit suport informaional.

    http://ro.wikipedia.org/wiki/Sitehttp://ro.wikipedia.org/w/index.php?title=Date&action=edithttp://ro.wikipedia.org/wiki/SEOhttp://ro.wikipedia.org/wiki/Adobe_Systemshttp://ro.wikipedia.org/wiki/HTMLhttp://ro.wikipedia.org/wiki/WYSIWYGhttp://ro.wikipedia.org/wiki/WYSIWYGhttp://ro.wikipedia.org/wiki/HTMLhttp://ro.wikipedia.org/w/index.php?title=Date&action=edithttp://ro.wikipedia.org/wiki/SEOhttp://ro.wikipedia.org/wiki/Adobe_Systemshttp://ro.wikipedia.org/wiki/HTMLhttp://ro.wikipedia.org/wiki/WYSIWYGhttp://ro.wikipedia.org/wiki/WYSIWYGhttp://ro.wikipedia.org/wiki/HTMLhttp://ro.wikipedia.org/wiki/Site
  • 7/25/2019 optionalwebdesign (3)

    4/8

    Con%ine $tilitare de +enerare dina(ic a con%in$t$l$i 8i s$portpentr$ conectarea la 9a6e de date c$( ar 7 .L 8i icroso1tAccess pentr$ a 7ltra 8i a78a con%in$t$l 1olosind script0$ri de +en$lP;P5 ColdF$sion5 Acti'e .er'er Pa+es A.P 8i A.P4"ET5 1r a a'eane'oie de o preala9il eperien% &n pro+ra(are4 Ar,itect$ra sa este

    etensi9il4 Etensiile5 a8a c$( s$nt ele c$nosc$te5 s$nt (icipro+ra(e5 pe care orice de6'oltator le poate scrie de o9icei &n ;TL 8i:a'a.cript 8i pe care oricine le poate descrca 8i instala5 acesteaad$c)nd $n spor de per1or(an% 8i 1$nc%ionalitate &(9$nt%itpro+ra($l$i4

    COPETE"#E .PECIFICE I CO"#I"UTURI

    Competenespecifice

    Coninuturi tematice

    1. Explicarea interfeei

    Dreameaver iadugarea obiectelor

    grafice i multimedian paginile !eb

    "nterfaa Dreameaver .

    #ealizarea paginilor !eb av$nd

    - doar text- legturi peste legturi %&iperlegturi' adrese (#)'

    ancore i legturi pentru e*mail+- imagini

    - fiiere multimedia.

    ,. -ac&etarea iproiectarea cu

    Dreameaver.

    Afiarea datelor cu autorul tabelelor.

    /rearea unui tabel pentru a facilita mac&etarea paginii

    (tilizarea0

    - 2-)*ului dinamic

    -straturilor.

    - foilor de stil n cascad- cadrelor i seturilor de cadre.

    3. "nseria scripturilor

    i a aciunilorDreameaver npaginile !eb

    "nserarea funcionalitii bazate pe scripturi cu autorul

    comportrilor

    Adugarea comportrilor avansate %straturi de tragere+

    #ealizarea animaiilor cu diacrone

    4. /olectarea datelorde la utilizatori cuautorul formularelor

    /rearea formularelor pentru0

    - colectarea datelor

    - expedierea datelor

    5. #ealizarea unui

    proiect

    6olosind fereastra 7ite creai un proiect i l gestionai.

    Asigurarea compatibilitii sitului cu diferite brosere.

    "OT! BIBLIOGRAFIC!*

    24 Bets Br$ce 3 Macromedia DreamWeaver, Edit$raTeora5 B$c$re8ti5

  • 7/25/2019 optionalwebdesign (3)

    5/8

  • 7/25/2019 optionalwebdesign (3)

    6/8

    VALORI I ATITUDI"I

    24 C$noa8terea 8i $tili6area conceptelor speci7ce e9

    desi+n0$l$i

  • 7/25/2019 optionalwebdesign (3)

    7/8

    $n$i pro+ra(4 D$p aceea5 rit($l de instr$ire poate di1eri &n 1$nc%ie de

    partic$larit%ile 7ecr$i ele'4 Pre+tirea &n la9orator$l de in1or(atic

    are o speci7citate care se 9a6ea65 &n principal5 pe reali6area etap c$

    etap5 de ctre 7ecare ele'5 a instr$c%i$nilor pro1esor$l$i*

    nerespectarea acestei cerin%e cond$ce la pa$6eS nedorite pentr$ a

    reali6a reconstit$irea si($ltaneit%ii ac%i$nilor4

    Aplica%iile pre6entate e1ecti' ele'ilor5 c$ care ace8tia 'or l$cra5

    tre9$ie s ai9 ca o9iect5 pe c)t posi9il5 pro9le(e concrete ale

    acti'it%ilor prod$cti'e din do(eni$l de acti'itate pentr$ a s$9linia

    a'antaele $tili6rii siste(elor in1or(atice4 Ac,i6i%ia treptat a

    c$no8tin%elor 8i deprinderilor poate 7 sti($lat printr0o pre6entare

    atracti' 8i (oti'ant a pro+ra(elor4

    Re6$ltat$l sarcinilor de l$cr$ tre9$ie s ai9 $n (od de pre6entare

    adec'at at)t din p$nct de 'edere 8tiin%i7c c)t 8i al inter1e%ei +ra7ce c$

    $tili6ator$l4

    n toate sit$a%iile e'al$area se 1ace prin l$crri practice5 proiecte

    reali6ate indi'id$al sa$ &n ec,ip5 &n con1or(itate c$ ni'el$rile de

    co(peten%4

    Predarea c$rs$l$i 'a 7 orientat pe reali6area de pa+ini e95$tili6)nd$0se preponderent (etode acti'0participati'e 8i p$n)nd$0se

    accent pe anali6a anterioara a (odalit%ilor de reali6are4 Pentr$ 9$na

    des18$rare a orelor 8i aplicarea pro+ra(ei se s$+erea6 $r(toarele

    acti'it%i de &n'%are*

    1a(iliari6area ele'$l$i c$ 1ereastra aplica%iei5 personali6)nd0o &n1$nc%ie de ne'oile 7ecr$ia

    acti'it%i de 1or(are a deprinderilor instalare a aplica%iei 8i decon7+$rare a propriet%ilor $nei pa+ini e9

    descrierea detaliat a etapelor crerii sa$ (odi7crii $n$i site crearea sa$ (odi7carea ta9elelor5 sta9ilirea propriet%ilor lor 8i

    op%i$ni de 1or(atare a r)nd$rilor5 coloanelor 8i cel$lelor 3co(pararea l$i c$ de7nirea l$i in cod ;TL

    1a(iliari6area ele'$l$i c$ inserarea de tet5 i(a+ini 8i ,iperle+t$ri5(aparea $nei i(a+ini5 crearea 8i prel$crarea 1or($larelor

  • 7/25/2019 optionalwebdesign (3)

    8/8

    e'iden%ierea +re8elilor tipice &n ela9orarea pa+inilor &nc$raarea disc$%iilor p$rtate &ntre ele'i5 epri(area 8i asc$ltarea

    prerilor 7ecr$ia4 eersarea crerii $nor pa+ini care s pre6inte in1or(a%ii &nt)lnite de

    ele'i &n st$di$l altor discipline 8colare sa$ &n 'ia%a cotidian4