Proiect didactic al lecției de informatică

Data:
Instituția: Instituția Publică Liceul Teoretic „M. Eminescu” Otaci
Disciplina de studiu: informatica
Clasa: XII-a

Unitatea de învăţare: Elemente de Web design

Subiectul lecţiei: Documentele HTML. Structura generală a unui document HTML
Tipul lecţiei: Lecţie de formare a abilităților de obținere a noilor cunoștințe.
Competenţele specifice:
- Crearea şi elaborarea documentelor Web.
- Folosirea competenţelor informatice pentru căutarea şi selectarea informaţiilor în interes de
autoinstruire şi orientare profesională.
- Respectarea dreptului de autor asupra resurselor digitale, a normelor de etică şi securitate informaţională.
Protejarea de infracţiunile informatice.
Subcompetenţe:
- Elaborarea documentelor HTML simple
- Publicarea documentelor Web în Internet.
Obiectivele operaţionale:
La finele lecției elevul va fi capabil:
O1 - să explice semnificația etichetelor într-un document html.

O2 - să identifice structura generală a unui document html.

O3 - să utilizeze cunoștințele şi abilitățile formate la crearea paginilor Web.
O4 - să fie rațional în utilizarea timpului de lucru și să manifeste independentă în gândire și acțiune.
Strategii didactice:
a) forme de instruire: frontală, lucru independent.
b) metode şi procedee: problematizarea, asalt de idei, exercițiul, expunerea și conversaţia didactică, lucrul cu
manualul, activitate practică la calculator
c) material didactic: Sala de calculatoare cu reţea locală și acces Internet.
Metode de evaluare: întrebări orale, activităţi practice;
Bibliografie:

1. Planul-cadru pentru învățământul primar, gimnazial şi liceal, anul de studii 2017-2018, Lyceum, 2017.
2. Gremalschi A., Corlat S., Braicov A. Informatică. Manual pentru clasa a XII-a. Ştiinţa, Chişinău, 2015.
ISBN 978-9975-67-984-8
3. Corlat S., Ivanov L., Bîrsan V. Informatica. Ghid de implementare a curriculumului modernizat pentru
treapta liceală. Cartier, Chişinău, 2010.
4. Curriculumul modernizat “Informatică. Curriculum pentru clasele a X-a − a XII-a”, Chişinău, 2010.

1
Etapele Obiectivele Activitatea didactică a profesorului Activitatea elevilor Strategii
lecției operațional didactice
Timpul, min e
Evocarea Salută elevii, asigură ordinea și un climat favorabil în clasă. Răspund la salutul profesorului, pregătesc materialele
5 min necesare pentru desfășurarea lecției.
1. Care sunt cele mai utilizate documente Web? Am menţionat deja că cele mai utilizate documente Web
2. Ce cunoaşteţi despre caracteristicile formatului sunt documentele HTML. conversaţia
HTML? Cele mai apreciate caracteristici ale formatului HTML didactică
sunt:
- independenţa faţă de platformă (acelaşi document
HTML este afişat asemănător de calculatoare diferite)
- referinţele
- -formatarea structurată.
- Referinţele simplifică esenţial
navigarea printr-un document mare şi/sau prin mulţimea
documentelor unui site. În calitate de referinţă poate servi
un cuvânt, o frază, o imagine sau orice alt element al
paginii Web.
Prima versiune HTML a fost lansată în 1989 (proiectată de Elevii comunică ce cunosc despre Tim Berners-Lee. expunerea și
Tim Berners-Lee). Chiar dacă unele programe de explorare Tim Berners-Lee este programator englez, inventator al conversaţia
nu recunosc toate cuvintele-cheie ale limbajului HTML, limbajului HTML şi al WWW-ului, director al didactică
acesta rămâne a fi unul dintre cele mai utilizate şi mai Consorţiului WWW (W3C), organizaţie care tutelează
moderne limbaje pentru elaborarea paginilor Web. standardele Webului.
Realizarea Enunță subiectul şi performanțele la care vor ajunge elevii Rețin, notează subiectul noii lecții şi conștientizează
sensului în urma participării active la lecție (obiectivele lecției) performanțele la care vor ajunge dacă vor avea o prestație
20 min bună.
O1 Prin element al unui document HTML vom înţelege orice
componentă a structurii documentului: tabel, paragraf, listă,
O4 titlu, buton, casetă de text, imagine etc. expunerea
Pentru a marca elementele unui fişier HTML, se utilizează didactică
diferite cuvinte-cheie, numite etichete sau marcaje (tags).
Orice etichetă se încadrează între simbolurile < şi >.
Etichetele, de regulă, sunt pereche pentru încadrarea
unui element. Eticheta de sfârşit arată ca şi cea de început,
mai având în faţa ei caracterul / (slash). De reţinut că
limbajul HTML nu face diferenţă dintre literele mari şi
mici.
O2 Profesorul propune elevilor un document HTML. Elevii analizează structura unui document HTML, vor

2
 identifica: Asalt de idei
O4 - Cum se utilizează etichetele <Title> şi </Title>
- La ce folosesc etichetele <Body> şi </Body> şi care
sînt atributele lor.
Notează atributele etichetele <Body> şi </Body> în
caiete.
Extensia fişierelor care conţin documentul Web este în
ambele cazuri HTML.
Reflexie O3 Propune elevilor să creeze o pagină Web cu fundalul Elevii la calculator cu ajutorul unui editor de texte vor Exercițiul
12 min O4 galben şi textul verde, conţinutul paginii fiind afişat la 110 crea o pagină Web cu fundalul galben şi textul verde, activitate
pixeli de la marginea stângă şi 105 pixeli de la marginea de conţinutul paginii fiind afişat la 110 pixeli de la marginea practică la
sus ale ferestrei programului de explorare. (exerciţiul 10 stângă şi 105 pixeli de la marginea de sus ale ferestrei calculator
pagina 123 din manual) programului de explorare.
Propune elevilor să schimbe culoarea fundalului şi textului Elevii vor exersa schimbând culoarea fundalului şi
precum şi alinierea textului. textului precum şi alinierea textului.
Propune elevilor să creeze o pagină Web cu fundalul Elevii la calculator cu ajutorul unui editor de texte vor
albastru şi textul alb, conţinutul paginii fiind afişat la 10 crea o pagină Web cu fundalul albastru şi textul alb,
pixeli de la marginea stângă şi 15 pixeli de la marginea de conţinutul paginii fiind afişat la 10 pixeli de la marginea
sus ale ferestrei programului de explorare. stângă şi 15 pixeli de la marginea de sus ale ferestrei
programului de explorare.
Extindere Propune elevilor să determine ce va afişa documentul html Elevii vor determina ce va afişa documentul html dat. problematizarea
4 min cu următorul conţinut: Apoi vor compara cele spuse cu afişările documentului.
<HTML>
<Head> Ce este un fisier .html? <Title> PROBLEMA
</Title> </Head>
<Body>
Care este structura unui document .html?
</Body>
</HTML>
Bilanţul Verifică realizarea obiectivelor propuse. Conştientizează performanţele la care au ajuns, participă
lecţiei Realizează analiza lecţiei. Aprecieri generale asupra la dialog.
2 min modului participării la activitate şi notează elevii. Elevii se autoevaluează despre participarea şi felul cum s-
au simţit astăzi la lecţie,
Tema pentru De studiat tema „Structura generală a unui document Notează tema de acasă.
acasă HTML”
2 min De realizat exerciţiul 13 pagina 124