Post on 24-Feb-2018
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/Site7/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