Proiect de tehnologie didactică

Unitatea de învăţământ:
Disciplina: Tehnologia informaţiei si a comunicaţiilor
Clasa: a XII-a D
Data: 21.02.2022
Profesor: COSTELAS CRISTIAN
Tema: Crearea paginilor web – fonturi, culori, linii
Tipul lecţiei: Formare şi consolidare de deprinderi şi priceperi
Locul de desfăşurare: Laboratorul de Informatică

Obiective educaţionale:

 Obiective de referinţă:
- Să realizeze coduri HTML
- Să urmărească etapele de rezolvare a unei aplicaţii
 Obiective cognitive:
- Să dovedească asimilarea noţiunilor dobândite la disciplina respectivă;
- Să aplice corect structura documentelor HTML, marcajele, însuşite în aplicaţii concrete;
- Să identifice situaţiile în care este necesară utilizarea anumitor etichete;
- Să utilizeze corect un fişier sursă în aplicaţii concrete;
 Obiective psihomotorii:
- Evaluarea deprinderii de utilizare corectă a etichetelor puse la dispoziţia utilizatorilor de
HTML;
- Să dezvolte gândirea logică, flexibilă;
- Să utilizeze corect noţiunile însuşite;
- Să compună aplicaţii pretabile limbajului HTML
- Să-şi dezvolte atenţia concentrată şi spiritul de observaţie
 Obiective afective:
- Să aprecieze corect soluţiile oferite de colegi
- Să se implice cu plăcere şi interes la toate etapele lecţiei
 Obiective operaţionale:
- Ob1: să reprezinte informaţiile în forme variate;
- Ob2: să utilizeze corect marcajele
- Ob3: să folosească codurile HTML cu pricepere;
- Ob4: să recunoască unele elemente specifice HTML

Strategii didactice

 Principii didactice:
- Principiul asigurării progresului gradat al performantelor şi înlăturarea treptată a punctelor
de sprijin;
- Principiul participării şi învăţării active;
- Principiul conexiunii inverse
 Metode de învăţământ
- Metoda de comunicare
orală
Conversaţia, problematizarea
- Metode bazate pe acţiune
Exerciţiul, învăţarea prin descoperire
 Forme de organizare a activităţii instructive
Lucrul în echipă;
 Forme de dirijare a activităţii
Independentă sau dirijată, centrată pe elev

 Resurse materiale
- Materiale bibliografice: Mariana Milosescu, Tehnologia prelucrarii informatiei-Informatica-
tehnologii asistate de calculator, Editura Teora, 1999
- Ion Rosca, B. Ghilic-Micu, M. Stoica, R. Marsanu, Anca Elena Voicu, C. Apostol, Informatica
pentru clasa a IX-a, Licee All 2000
- Carmen Petre, Daniela Popa, Stefania Craciunoiu, Camelia Iliescu, Metodica predarii
informaticii si tehnologiei informatiei, Editura Arves, 2002.
- fişe de lucru
- test docimologic

 Resurse psihologice ale desfăşurării activităţii

1. Capacitatea de învăţare a clasei
Elevii şi-au însuşit noţiunile teoretice predate, precum şi modul de utilizare a acestora;
2. Diagnosticul motivaţiei
Interesul pentru însuşirea cunoştinţelor necesare prelucrării informaţiei este acelaşi la întregul
colectiv de elevi;
3. Motivaţie
Se vor conştientiza elevii de necesitatea cunoaşterii HTML şi de consolidarea deprinderilor de
utilizare corectă a elementelor specifice.

 Metodele de evaluare
Evaluare iniţială-test docimologic
Set de aplicaţii

Desfăşurarea activităţii

 Moment organizatoric
- Pregătirea lecţiei
Întocmirea proiectului didactic
Realizarea testului de întrebări
Pregătirea fişelor de aplicaţii
- Organizarea şi pregătirea clasei
Verificarea frecventei elevilor
Verificarea existenţei resurselor materiale
Împărţirea pe grupe de lucru a elevilor
- Captarea atenţiei elevilor
Anunţarea subiectelor pentru tema respectivă
Anunţarea obiectivelor urmărite
Anunţarea modului de desfăşurare a activităţii
  Reactualizarea cunoştinţelor
Se realizează un set de întrebări cumulate într-un test pentru reactualizarea cunoştinţelor
teoretice:

Test

I) Alegeţi litera corespunzătoare fiecărui enunţ:

1) Un document html are o structura standard. El trebuie să conţină următoarele secţiuni:

a) HEAD – antetul documentului; BODY – corpul documentului.
b) definirea tipului de date
c) schemă logică şi program pseudocod
2) Paginile html le vom scrie în
a) Microsoft Excel
b) Notepad
c) PowerPoint
3) Pentru a salva pagina html trebuie să:
a) alegem opţiunea New
b) alegem opţiunea Open
c) alegem opţiunea Save As
4) Ce înseamnă WWW?
a) Internet Explorer
b) world wide web
c) wide word web
5) Care este marcajul care trebuie folosit pentru a sublinia un text?
a) <u> b) <table> c) <b> d) <p>
6) Informaţiile referitoare la fontul utilizat de browser se introduc cu ajutorul marcajelor:
a) <p> b) <div> c) <img> d) <font>
7) Care este structura corectă unui document HTML?
a) <document>…</document> b) <head>…</head><body>...</body>
c) <html><head>…</head><body>...</body></html> d) <html><table>...</table></html>
8) Marcajul <title> se găseşte în secţiunea:
a) nu există în HTML b) HEAD
c) nu are importanţă d) BODY
9) In secţiunea BODY se găseşte:
a) declaraţia titlului paginii HTML c) declaraţia tipului documentului HTML
b) declaraţiile META d) conţinutul afişabil al paginii HTML
10) Care din următoarele atribute nu sunt ai marcajului <BODY>…</BODY>
a) Atributul bgcolor
b) Atributul background
c) Atributul TEXT
d) Atributul Align
e) Atributul LINK
II) Ce va afişa următorul exemplu
<html>
<head>
<title>My home sweet home page </title>
</head>
<body bgcolor="green" text="yellow">
Prima mea pagina !
</body>
</html>

a) Sunt elev în clasa aIX-a

b) My home sweet home page

Prima mea pagina !

c) Succes !

Răspunsuri aşteptate
I. 1 – a); 2 – b); 3 – c); 4 – b); 5 – a); 6 – d); 7 – c) 8 – b); 9 – d); 10 – d);
II. b)

 Intensificarea reţinerii şi asigurării transferului de informaţii se

face prin următoarea fişă de aplicaţii:
Creaţi pagini web cu titluri corespunzătoare care să conţină:
1. Aceasta linie este scrisa cu caractere normele.
Fonturi de marime 6 si culoare albastru
Fonturi de marime 4 si culoare rosu
Fonturi de marine 1 si culoare galben
Fonturi de marime 6 si culoare verde
2.
Tipuri de linii orizontale
O linie implicita alinierea stanga, latime 100%, grosime 2 cu umbra.

Urmeaza o linie aliniata in centru , de latime 50%, grosime 5 pixeli , fara umbra.

Urmeaza o linie aliniata la dreapta , de latime 150 de pixeli, grosime 12 pixeli , de culoare rosie.

3.