PROIECT DIDACTIC

COLEGIUL NATIONAL ANASTASESCU, Rosiorii de Vede, jud. Teleorman Disciplina: INFORMATICA Clasa: a-XII-a C Profesor: Popescu Floarea Unitatea de invatare: Limbaj de marcare a hipertextului. Tema: Formatare text, introducere culori si imagini, legaturi. Tipul lectiei- recapitulare si sistematizarea cunostintelor. Locul de desfasurare: Laboratorul de informatica. Nivelul initial al clasei: -elevii si-au insusit toate notiunile teoretice legate de proiectarea unei pagini WEB . -elevii utilizeaza corect notiunile invatate in realizarea paginilor WEB. Obiectiv cadru: -realizarea de despre realizarea paginilor WEB. aplicatii utilizand cunostintele

Obiective de referinta: - sa creeze si sa prelucreze o pagina WEB intr-un program de editare; - sa urmareasca etapele de realizare a unei aplicatii WEB. - sa depaneze programele in cazul unor eventuale erori. - sa afiseze pagina intr-un program de navigare; Obiective educationale: Obiective cognitive: -sa dovedeasca trainicia notiunilor dobandite la disciplina respectiva, in capitolul realizarea paginilor WEB; -sa foloseasca corect etichetele, atributele specifice fiecarei etichete precum si valorile acestora; Obiective psihomotorii: -sa-si formeze deprinderi de lucru specifice temei de studiu; -evaluarea deprinderilor de utilizare corecta a optiunilor puse la dispozitia utilizatorului de limbajul HTML; Obiective afective: -formarea convingerilor ca utilizarea tehnologiei HTML permite realizarea unor aplicatii cu pagini WEB intr-o forma utila si chiar foarte rentabila; -sa aprecieze corect solutiile oferite de colegi; -sa se implice cu placere si interes la etapele lectiei;

-sa se bucure de rezultatele muncii depuse; Obiective operationale: O1: sa defineasca notiunile de etichete, atribute,valori ale atributelor; O2: sa-si insuseasca modul de editare a elementelor srise in pagini si de formatare a acestora; O3:sa realizeze corect operatiile privind modificarea culorii textului si legaturilor, formatarea textului; O4: sa-si insuseasca corect modul de realizare a listelor in paginile WEB; O5: sa scrie corect legaturile catre hiperspatiu si sa foloseasca corect lucrul cu directoarele; O6:sa realizeze corect lucrul cu imaginile; Strategii didactice: Principii didactice: -principiul participarii si invatarii active; -principiul asigurarii progresului gradat al performantei; -principiul conexiunii inverse. Metode de invatamant: -conversatia; -explicatia; -exercitiul; -demonstratia; Procedee de instruire: -explicatia in etapa de comunicare; -invatarea prin descoperire, prin rezolvarea de exercitii; -exercitii de consolidare ; Forme de organizare: - frontala; -individuala; - pe grupe; Forme de dirijare a invatarii:-dirijata de profesor prin materiale didactice; -independenta; Resurse materiale: -fise de lucru; -set de aplicatii; -calculator; Material bibliografic Paul McFedries, Crearea paginilor WEB,Editura B.I.C. ALL,Bucuresti;

Radu Marsanu-Manual pt. clasa a XII-a, Editura L&S INFOMAT, Bucuresti 2001; Metode de evaluare: -evaluare sumativa; -evaluare continua pe parcursul calculator); -evaluare formativa;

lectiei

(fisa

de

lucru

si

Desfasurarea activitatii: moment organizatoric:

o pregatirea lectiei: -intocmirea proiectului didactic -pregatirea setului de intrebari; -pregatirea setului de aplicatii; -pregatirea temei; o organizarea si pregatirea clasei: -verificarea frecventei; -verificarea existentei si operationalitatii resurselor materiale; o captarea atentiei clasei: -anuntarea subiectului pentru tema respectiva; -anuntarea obiectivelor urmarite; -anuntarea modului de desfasurare a activitatii; reactualizarea cunostintelor: Se realizeaza un set de intrebari pentru reactualizarea cunostintelor teoretice , ca mai jos: Tabelul nr.1 Pentru fixarea cunostintelor urmatorul continut: Fisa nr. 1 Fisa dupa care se desfasoara lectia este urmatoarea: elevii primesc fisa de lucru cu

Fisa nr. 2 Identificati un fisier grafic in format oarecare in calculatorul tau si daca este cazul converteste acest format grafic pentru a-l putea folosi intr-o pagina WEB. Introduceti aceasta imagine intre doua linii orizontale in pagina voastra WEB cu titlul Test. Realizarea conexiunii inverse: Obtinerea performantei se realizeaza prin utilizarea fisei cu continutul urmator, propusa pentru elevii capabili de performanta care o pot realiza in clasa si constituind tema pentru acasa pentru ceilalti elevi. Fisa nr. 3 Scrieti un program HTML care insereaza o imagine 50%,50% din pagina incadrata de text. Concluzii: Se vor face aprecieri individuale si colective asupra activitatii desfasurate. 6.Cum introducem culoarea Culoare text: pt. text, pt. fundal si pt. <FONT COLOR=COLOR> legaturi. Text</FONT> <BODY TEXT=color> Culoare legaturi: <BODY LINK=color VLINK=color ALINK=COLOR> Culoare fundal: <BODY BGCOLOR=color> 7.Ce tipuri de liste Liste numerotate: cunoasteti? <OL> <OL TYPE=1,a,A,I,i> Care sunt etichetele pt. <LI>Text</LI> liste? <LI>Text</LI> <OL> Liste marcate: <UL> <UL TYPE=disc,circle,square> <LI>Text<LI> <LI>Text<LI>

<UL> Liste de definitii <DL> <DT>Termen<DT><DD>Definitie termen<DD> <DT>Termen<DT><DD>Definitie<DD > <DL> Combinatii de liste. 8. Cum introducem Sintaxa: legaturile: 1. <A HREF=URL>Text -catre o pagina WEB? legatura</A> -catre o ancora in text? URL -catre o adresa de e-mail? http://nume gazda/director/fisier 2. <A NAME=nume><A> <A HREF=#nume>Text legatura</A> 3. <A HREF=mailto:adresa>Text</A> 9.Cum introducem imagini <IMG SRC=numefisier> in paginile WEB?

ITEM 1.Formatele grafice folosite in paginile WEB sunt de tip: a. GIF b. JPEG c. BMP d. TGA 2.Browser-ul nu afiseaza imaginile. Cauzele pot fi: a. nu ai scris corect literele mari si pe cele mici (de ex. in loc de imagine.gif ai scris IMAGINE.GIF). b. ai omis ghilimelele la atributul SRC al etichetei <IMG>. c. Eticheta <AHREF> nu este scrisa corect. d. Fisierul grafic nu este in acelasi director cu fisierul tau HTML. 3. Daca imaginea pentru pagina ta WEB nu este in format GIF sau JPEG: a. nu o poti folosi in pagina WEB. b. O poti folosi dupa convertirea sa (cu ajutorul unui program de grafica) in format GIF sau JPEG. c. O poti folosi dupa obtinerea permisiunii proprietarului, in special daca pagina ta are scopuri comerciale. 4.Gasiti erorile din programul de mai jos si dupa corectarea lor precizati ce afiseaza browser-ul: <HTML> <HEAD> <TITLE> MY HOME PAGE</TITLE> <BODY> <HR> Pagina mea de WEB <BR> <P>este foarte buna</p> </BODY> </HTML> 5. Ce va afisa programul de mai jos: <HTML> <HEAD> <TITLE> Test</TITLE> </HEAD> </BODY> <FONT SIZE=14 COLOR=red> Urmeaza prezentarea grafica:</FONT> <HR> <IMG SRC=imagine.jpeg WIDTH=50% > <HR> <FONT SIZE=16 COLOR=green>Am prezentat grafica.</FONT>

RASPUNS ASTEPTAT

a,b

a,b

b, c

Lipseste eticheta </HEAD>. S-a folosit in mod incorect eticheta <BR> si eticheta <P> cu efecte contrarii.

Programul afisat browser -o pagina WEB TITLUL Test urmatorul cuprins:

pe CU cu

Urmeaza prezentarea grafica: (marime font 14, culoare text rosu). (Afisare fisier grafic imagine.jpeg-centrat) Am prezentat grafica.