PROIECT TEHNOLOGIE

DIDACTICA
Disciplina: Tehnologia informatiei i a comunicaiilor
coala: Colegiul de tiine Grigore Antipa Braov
Clasa: a IX-a A
Profesor: Puiu Mihaela Loredana
Unitatea de nvare: Pagini web
Tema: Harti de imagini
Tipul leciei: mixt
Locul de desfurare: laborator de informatica
Timpul de desfurare a activitii: 50 minute
Obiective educaionale:
Obiective cognitive
- s dovedeasc nsuirea noiunilor referitoare la crearea paginilor web
- s utilizeze corect modul de lucru in html
- s utilizeze cunotinele dobndite n rezolvarea unor sarcini de lucru date
(aplicaii practice - pagin web)
Obiective psihomotorii
- s-i formeze deprinderea de a realiza pagini web utiliznd HTML
Obiective operaionale:
La sfritul orei elevii trebuie s fie capabili:
- s identifice situaii n practic pentru care se pot crea pagini web utilizand HTML;
- s recunoasc elemente specifice intr-o pagin web
- s descrie structura de baz a unui fiier HTML
- s descrie modul de formatare al textului in HTML
- s descrie modul de creare a unui tabel in HTML
- s descrie modul de creare a unei liste ordonate/neodonate in HTML
- s descrie modalitatea de a insera o imagine si de a stabili dimensiunile folosind
atribute in HTML
- sa descrie modul de a crea hiperlegaturi intr-o pagina web
- s defineasc noiunea de harta de imagini
- s creeze o pagina web in care s existe o imagine mapat folosind diverse forme
geometrice ale domeniului de imagine vare devin zone active (cerc, patrat, poligon)
Strategii didactice
Pricipii didactice:
- Principiul participrii i invrii active
- Principiul asigurrii progresului gradat al performanei
Metode didactice
- Explicaia
- Conversaia

- Problematizarea
- Observaia dirijat
- Exerciiul
- Munca n echip
Forme de organizarea a clasei
Individual/dirijat
Mijloace didactice
- fie de lucru
- elevi
- profesor
- tabl
- cret
- caiet
- videoproiector
- prezentare power point
Metode de evaluare
- evaluarea continu
- observarea sistematic a elevilor
- evaluare frontal a elevilor
Desfurarea activitii
1. Moment organizatoric
a) Pregtirea leciei
- ntocmirea proiectului didactic
- ntocmirea fielor de laborator
b) Organizarea i pregtirea clasei
- verificarea frecvenei elevilor
c) Captarea ateniei elevilor
- anunarea titlului leciei
- anunarea obiectivelor operaionale
- explicarea modului de desfurare a activitii
2. Comunicarea noilor cunotiine
Reactualizarea cunostiintelor se face cu ajutorul elevilor.
Un elev ii prezint proiectul, adic agina web pe care a creat-o in orele de laborator
anterioare. Elevii vor recunoate anumite elemente intlnite in pagina web prezentat i
vor descrie modul n care au fost create in html (etichete, atribute). In acest fel se vor
reactualiza cunostiinte legate de structura unui fisier html, atribute folosite pentru
formatarea fontului, inserarea imaginilor, atribute specifice lucrului cu imagini, crearea
tabelelor si atribute specifice acestora, liste ordonate/neordonate etc.
Plecnd de la un caz concret, profesorul va descrie o alta modalitate de a naviga
printr-o pagin web (alta dect meniul) i anume maparea unei imagini.
Profesorul anun titlul lectiei Maparea imaginilor i obiectivele acesteia, dup
care prezint noiunile teoretice folosind o prezentare power-point.
Pofesorul prezint un exemplu concret (pagina web in care s-au folosit harti de
imagini) astfel inct elevii s inteleag exact noiunea de mapare a unei imagini.

Prin mapare, in cadrul unei imagini dintr-o pagina web pot fi definite mai multe
contururi speciale, cu cate un link asociat. Aceasta inseamna ca in loc sa ai toata imaginea
ca un singur link, poti defini mai multe linkuri in cadrul aceleiasi imagini.
Se exemplific pe caz concret notiunea de hart de imagine.
Crearea hrii
1. Imaginea este declarata ca fiind harta. Pentru aceasta eticheta <img> a imaginii
are urmatoarele atribute:
src = fisierul sau adresa fisierului imagine
usemap = #nume
2. Harta se defineste folosind perechea de etichete <map> si </map>, cu atributul
obligatoriu name,
avand
aceeasi
valoare
ca
la usemap din img.
Zona sau zonele continute de harta sunt introduse prin eticheta <area> cu atributele
obligatorii:

shape (forma ariei) care poate lua valorile

rect=dreptunghiulara
circle=circulara,
poly=poligonala,
default=restul portiunii de imagine
coords = coordonatele zonei
href = adresa paginii destinatie a legaturii
Originea coordonatelor este coltul stanga sus al imaginii.
Aria rectangulara (rect) se declara prin coordonatele coltului stanga sus si
coltul dreapta jos, de forma x1,y1,x2,y2 unde punctele de coordonate (x1,y1) ,
respectiv (x2,y2) reprezinta coltul din stanga sus si dreapta jos
Aria circulara (circle) se declara prin coordonatele centrului si raza, de
forma x1,y1,R.
Aria poligonala (poly) se declara prin coordonatele fiecarui colt, de forma
x1, y1, x2, y2, x3, y3, .., xn, yn, x1, y1
Profesorul explic pe un exemplu concret, la videoproiector modalitatea de creare a
unei harti de imagine folosind soft precum Handy Image mapper sau CoffeCup Image
mapper.
Profesorul imparte fise de lucru elevilor care contin aplicatii privind crearea unei harti
de imagine cu diferite forme ale zonei de selectie. Profesorul explica unele nelamuriri ale
elevilor astfel incat acetia s i insueasc noiunile noi.
La sfritul orei se anun tema pentru acas: completarea proiectului personal (pagina
web) cu o imagine mapat.