6
Proiect didactic Unitatea de învăţământ: Liceul Teoretic Decebal Constanţa Profesor: Nicola Cristina-Ştefania Disciplina: Tehnologia informaţiei şi a comunicaţiilor Capitolul: Pagini Web Tema: Utilizarea culorilor in HTML Tipul lecţiei: Lecţia de fixare şi formare de deprinderi şi priceperi Clasa: a IX-a B Locul de desfăşurare: Laborator informatică Timpul lecţiei: 50 minute Obiective educaţionale: Obiective cognitive: - să cunoască şi să reproducă noţiunile dobândite la disciplină - să utilizeze nouţiunile de bază realizării unui document html Obiective psihomotorii: - formarea deprinderii de a realiza pagini web Obiective operaţionale: O 1 : să cunoască noţiunile introductive necesare realizării unei pagini web O 2 : să poată modifica un document html O 3 : să utilizeze operaţii de bază în cadrul unui document html (schimbarea culorii de fond şi a culorii textului) O 4 : să utilizeze atributele BGCOLOR şi COLOR ale etichetelor BODY, respective FONT. O 5 : să realizeze o pagină web simplă

Proiect Didactic HTML a9a

Embed Size (px)

DESCRIPTION

Proiect didactic realizat pentru predarea lectiei Culori in Html, la nivel de clasa a9a.

Citation preview

Page 1: Proiect Didactic HTML a9a

Proiect didactic

Unitatea de învăţământ: Liceul Teoretic Decebal Constanţa Profesor: Nicola Cristina-Ştefania Disciplina: Tehnologia informaţiei şi a comunicaţiilor Capitolul: Pagini Web Tema: Utilizarea culorilor in HTML Tipul lecţiei: Lecţia de fixare şi formare de deprinderi şi priceperi Clasa: a IX-a B Locul de desfăşurare: Laborator informatică Timpul lecţiei: 50 minute Obiective educaţionale:

Obiective cognitive: - să cunoască şi să reproducă noţiunile dobândite la disciplină

- să utilizeze nouţiunile de bază realizării unui document html

Obiective psihomotorii:

- formarea deprinderii de a realiza pagini web

Obiective operaţionale:O1: să cunoască noţiunile introductive necesare realizării unei pagini webO2: să poată modifica un document htmlO3: să utilizeze operaţii de bază în cadrul unui document html (schimbarea culorii de fond şi a culorii textului)O4: să utilizeze atributele BGCOLOR şi COLOR ale etichetelor BODY, respective FONT.O5: să realizeze o pagină web simplă

Strategii didactice: Principii didactice:

- principiul însuşirii conştiente şi active a cunoştinţelor

- principiul accesibilităţii

- principiul repetării integrate şi întăririi imediate a cunoştinţelor

- principiul conexiunii inverse (feedback-ului)

Metode de învăţământ:- metode de comunicare orale:

Page 2: Proiect Didactic HTML a9a

- expunerea

- conversaţia

- metode de acţiune:

- problematizarea

- învăţarea prin descoperire

Procedee de instruire:- conversaţia introductivă

- expunerea normativă

- explicaţia (în etapa de asimilare a noilor cunoştinţe)

- problematizarea

- exerciţiul

- conversaţia de consolidare (în etapa de fixare a cunoştinţelor însuşite)

Forme de organizare a activităţii instructive:- de participare colectivă

- individual

Forme de dirijare a activităţii:- dirijată de profesor

- independentă

Resurse materiale:- material bibliografic de specialitate:

pentru profesor: -Emil Onea şi Dan Crintea, Grafică şi html pentru elevi, Clasele VIII-XII, Paralela 45, 2007, Bucureşti - www.ecursuri.ro - www.infolectii.wordpress.com

pentru elev: - manual

- fişe cu exerciţii

Page 3: Proiect Didactic HTML a9a

- test pentru evaluare

- diagrame, scheme

- calculatoare

- spaţii de instruire: laborator de informatică

Resurse psihologice ale desfăşurării activităţii:- capacitatea de învăţare a clasei:

Elevii cunosc noţiunile predate anterior cu privire la structura unui document HTML.

Elevii şi-au însuşit informaţiile referitoare la realizarea unei pagini web. - diagnosticul motivaţiei:

Interesul pentru însuşirea cunoştinţelor necesare pregătirii pentru specialitatea tehnologia informaţiei şi a comunicaţiilor nu este identică la întreg colectivul de elevi.

- motivaţie:

Se vor conştientiza elevii de necesitatea formării deprinderilor de realizare a paginilor web.

- metode de evaluare:

Evaluare continuă: - chestionare orală (în etapa de reactualizare a cunoştinţelor şi în etapa de asimilare a noilor cunoştinţe)

Desfăşurarea activităţii: Momentul organizatoric:

Pregătirea lecţiei:- întocmirea proiectului didactic

- întocmirea chestionarului pentru reactualizarea cunoştinţelor

Organizarea şi pregătirea clasei: - verificarea existenţei resurselor materiale

Captarea atenţiei clasei: Anunţarea şi scrierea pe tablă a titlului lecţiei “Utilizarea culorilor în HTML” Anunţarea obiectivelor operaţionale expunerea planului de idei Explicarea modului de desfăşurare a activităţii

Reactualizarea cunoştinţelor:- pe baza unui chestionar cu întrebări prin care se verifică conţinutul prezentat anterior:

Page 4: Proiect Didactic HTML a9a

Comunicarea noilor cunoştinţe:

Proiectarea conţinutului

Informarea elevilor asupra obiectivelor şi prezentarea materialului stimul: Titlul lecţiei este: “Utilizarea culorilor în HTML”.

Asigurarea feedback-ului:

Nr. Într Întrebarea Răspunsul corect aşteptat

1.Care sunt componentele principale ale unei pagini web?

Orice pagină HTML este alcatuită din două blocuri principale: HEAD (cap) şi BODY (corp).

2.Ce etichetă (tag) se foloseşte pentru afişarea titlului unui document HTML?

Tag-ul <TITLE>

Dirijarea învăţării:

Culoarea de fondO culoare poate fi precizată în două moduri:

prin numele de culoriiexemplu: black, blue, gray, green, red, white, zellow, pink. prin codul culoriiexemplu: #FF0000 (culoarea roşu)

Culoarea unei pagini se precizează prin intermediul unui atribut al etichetei <BODY>, numit BGCOLOR astfel:<BODY BGCOLOR=”cod culoare” sau “ nume culoare”> exemplu: <BODY BGCOLOR=”blue”> <BODY BGCOLOR=”#00FFFF” > Observaţie! Este recomandat ca numele sau codul unei culori să fie inclus între ghilimele. Culoarea fondului unei pagini web este implicit alb.Culoarea textuluiCuloarea textului în cadrul unei pagini html se poate schimba prin intermediul atributului COLOR al etichetei <FONT> astfel:<FONT COLOR=”cod culoare” sau “ nume culoare”> exemplu: <FONT COLOR=”blue”> <FONT COLOR=”#00FFFF” >

Page 5: Proiect Didactic HTML a9a

Observaţie! Culoarea textului unei pagini web este implicit negru.Exerciţiu: Creaţi o pagină web cu titlul Exemplu şi care sa aibă fundalul galben şi textul roşu.<html><head><title> Exemplu </title></head><body bgcolor="yellow"><font color="red">Aceasta este o pagină web.</font></body></html>

Exerciţii – fişă de lucru:Elevii primesc fişa de lucru si rezolvă individual cerinţele.

Asigurarea feedback-ului şi verificarea performanţei:Se verifică prin întrebări scurte gradul de însuşire a noţiunilor predate.