8/17/2019 proiect lectie cls9tic

1/3

PROIECT TEHNOLOGIE DIDACTICA

Disciplina: Tehnologia informatiei i a comunica iilor ș țŞcoala: Colegiul de Ştiinţe „Grigore Antipa” BraşovClasa: a IX-a AProfesor: uiu !ihaela "oredanaUnitatea de în!"are: agini #e$Te#a: %arti de imaginiTip$l lec"iei: mi&t'Loc$l de desf!%$rare: la$orator de informaticaTi#p$l de desf!%$rare a actiit!"ii: () minuteO&iectie ed$ca"ionale:

O&iectie co'nitie

- *' dovedea*c' +n*uşirea noţiunilor referitoare la crearea paginilor #e$- *' utili,e,e corect modul de lucru in html- *' utili,e,e cunoştinţele do$ndite +n re,olvarea unor *arcini de lucru date

.aplicaţii practice - pagin' #e$/ O&iectie psi(o#otorii

 ) *'-şi forme,e deprinderea de a reali,a pagini #e$ utili,nd %T!"O&iectie opera"ionale:La sf*r%it$l orei eleii tre&$ie s! fie capa&ili:  - *' identifice *ituaţii +n practic' pentru care *e pot crea pagini #e$ utili,and %T!"0  - *' recunoa*c' elemente *pecifice intr-o pagin' #e$  - *' de*crie *tructura de $a,' a unui fi ier %T!"ș

  - *' de*crie modul de formatare al te&tului in %T!"  - *' de*crie modul de creare a unui ta$el in %T!"  - *' de*crie modul de creare a unei li*te ordonate1neodonate in %T!"

- *' de*crie modalitatea de a in*era o imagine *i de a *ta$ili dimen*iunile folo*indatri$ute in %T!"  - *a de*crie modul de a crea hiperlegaturi intr-o pagina #e$

- *' definea*c' no iunea de harta de imaginiț  - *' cree,e o pagina #e$ in care *' e&i*te o imagine mapat' folo*ind diver*e formegeometrice ale domeniului de imagine vare devin ,one active .cerc2 patrat2 poligon/

+trate'ii didactice

  Pricipii didactice:

- rincipiul particip'rii şi inv'ţ'rii active- rincipiul a*igur'rii progre*ului gradat al performanţei

  Metode didactice

- 3&plicaţia- Conver*aţia

8/17/2019 proiect lectie cls9tic

2/3

8/17/2019 proiect lectie cls9tic

3/3

  rin mapare2 in cadrul unei imagini dintr-o pagina #e$ pot fi definite mai multecontururi *peciale2 cu cate un lin9 a*ociat7 Acea*ta in*eamna ca in loc *a ai toata imagineaca un *ingur lin92 poti defini mai multe lin9uri in cadrul aceleia*i imagini7

  :e e&emplific' pe ca, concret notiunea de hart' de imagine7  Crearea (!r iiț

  ;7 Imaginea e*te declarata ca fiind harta7 entru acea*ta eticheta •  src  ? fi*ierul *au adre*a fi*ierului imagine• usemap ? #nume

@7 %arta *e define*te folo*ind perechea de etichete .#ap/ *i .0#ap/2 cu atri$utulo$ligatoriu name2 avand aceea*i valoare ca la usemap din img 7  ona *au ,onele continute de harta *unt introdu*e prin eticheta .area/ cu atri$uteleo$ligatorii>

•   shape .forma ariei/ care poate lua valorile  rect ?dreptunghiulara  circle?circulara2

   poly?poligonala2default ?re*tul portiunii de imagine• coords ? coordonatele ,onei• href  ? adre*a paginii de*tinatie a legaturii

  4riginea coordonatelor e*te coltul *tanga *u* al imaginii7  Aria rectan'$lara 1rect2 *e declara prin coordonatele coltului *tanga *u* *icoltul dreapta 5o*2 de forma &;2;2&@2@ unde punctele de coordonate .&;2;/ 2re*pectiv .&@2@/ repre,inta coltul din *tanga *u* *i dreapta 5o*  Aria circ$lara 1circle2 *e declara prin coordonatele centrului *i ra,a2 deforma &;2;267  Aria poli'onala 1pol32 *e declara prin coordonatele fiecarui colt2 de forma

&;2 ;2 &@2 @2 &2 2 D772 &n2 n2 &;2 ;

rofe*orul e&plic' pe un e&emplu concret2 la videoproiector modalitatea de creare aunei harti de imagine folo*ind *oft precum %and Image mapper *au CoffeCup Imagemapper7

rofe*orul imparte fi*e de lucru elevilor care contin aplicatii privind crearea unei hartide imagine cu diferite forme ale ,onei de *electie7 rofe*orul e&plica unele nelamuriri aleelevilor a*tfel incat ace tia *' + i in*u ea*c' no iunile noi7ș ș ș ț

"a *fr itul orei *e anun ' tema pentru aca*'> completarea proiectului per*onal .paginaș ț#e$/ cu o imagine mapat'7