Proiect didactic

Unitatea de nvmnt: Liceul Teoretic Decebal Constana

Profesor: Nicola Cristina-tefania
Disciplina: Tehnologia informaiei i a comunicaiilor
Capitolul: Pagini Web
Tema: Utilizarea culorilor in HTML
Tipul leciei: Lecia de fixare i formare de deprinderi i priceperi
Clasa: a IX-a B
Locul de desfurare: Laborator informatic
Timpul leciei: 50 minute
Obiective educaionale:

Obiective cognitive:
- s cunoasc i s reproduc noiunile dobndite la disciplin
- s utilizeze nouiunile de baz realizrii unui document html

Obiective psihomotorii:
- formarea deprinderii de a realiza pagini web

Obiective operaionale:
O1: s cunoasc noiunile introductive necesare realizrii unei pagini web
O2: s poat modifica un document html
O3: s utilizeze operaii 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 nsuirii contiente i active a cunotinelor
- principiul accesibilitii
- principiul repetrii integrate i ntririi imediate a cunotinelor
- principiul conexiunii inverse (feedback-ului)

Metode de nvmnt:
- metode de comunicare orale:
- expunerea
- conversaia
- metode de aciune:
- problematizarea
- nvarea prin descoperire

Procedee de instruire:
- conversaia introductiv
- expunerea normativ
- explicaia (n etapa de asimilare a noilor cunotine)
- problematizarea
- exerciiul
- conversaia de consolidare (n etapa de fixare a cunotinelor nsuite)

Forme de organizare a activitii instructive:

- de participare colectiv
- individual

Forme de dirijare a activitii:

- dirijat de profesor
- independent

Resurse materiale:
- material bibliografic de specialitate:

pentru profesor:
-Emil Onea i Dan Crintea, Grafic i html pentru elevi, Clasele VIIIXII, Paralela 45, 2007, Bucureti
- www.ecursuri.ro
- www.infolectii.wordpress.com

pentru elev:

- manual
- fie cu exerciii
- test pentru evaluare
- diagrame, scheme
- calculatoare
- spaii de instruire: laborator de informatic

Resurse psihologice ale desfurrii activitii:

- capacitatea de nvare a clasei:
Elevii cunosc noiunile predate anterior cu privire la structura unui document
HTML.
Elevii i-au nsuit informaiile referitoare la realizarea unei pagini web.
- diagnosticul motivaiei:

Interesul pentru nsuirea cunotinelor necesare pregtirii pentru specialitatea

tehnologia informaiei i a comunicaiilor nu este identic la ntreg colectivul
de elevi.

- motivaie:
Se vor contientiza elevii de necesitatea formrii deprinderilor de realizare a
paginilor web.
- metode de evaluare:

Evaluare continu:
- chestionare oral (n etapa de reactualizare a cunotinelor i n etapa de
asimilare a noilor cunotine)

Desfurarea activitii:

Momentul organizatoric:
Pregtirea leciei:
- ntocmirea proiectului didactic
- ntocmirea chestionarului pentru reactualizarea cunotinelor

Organizarea i pregtirea clasei:

- verificarea existenei resurselor materiale

Captarea ateniei clasei:

Anunarea i scrierea pe tabl a titlului leciei Utilizarea culorilor n HTML

Anunarea obiectivelor operaionale expunerea planului de idei

Explicarea modului de desfurare a activitii

Reactualizarea cunotinelor:
- pe baza unui chestionar cu ntrebri prin care se verific coninutul prezentat anterior:

Comunicarea noilor cunotine:

Proiectarea coninutului
Informarea elevilor asupra obiectivelor i prezentarea materialului stimul:
Titlul leciei este: Utilizarea culorilor n HTML.

Asigurarea feedback-ului:

Nr.
ntr
1.

2.

ntrebarea

Rspunsul corect ateptat

Care sunt componentele principale ale unei pagini

web?

Orice pagin HTML este

alcatuit din dou blocuri
principale: HEAD (cap) i
BODY (corp).

Ce etichet (tag) se folosete pentru afiarea titlului

unui document HTML?

Tag-ul <TITLE>

Dirijarea nvrii:

Culoarea de fond
O culoare poate fi precizat n dou moduri:
prin numele de culorii
exemplu: black, blue, gray, green, red, white, zellow, pink.
prin codul culorii
exemplu: #FF0000 (culoarea rou)
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 >
Observaie! Este recomandat ca numele sau codul unei culori s fie inclus ntre ghilimele.
Culoarea fondului unei pagini web este implicit alb.

Culoarea textului
Culoarea 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 >
Observaie! Culoarea textului unei pagini web este implicit negru.
Exerciiu: Creai o pagin web cu titlul Exemplu i care sa aib fundalul galben i textul rou.
<html>
<head>
<title> Exemplu </title>
</head>
<body bgcolor="yellow">
<font color="red">
Aceasta este o pagin web.
</font>
</body>
</html>
Exerciii fi de lucru:
Elevii primesc fia de lucru si rezolv individual cerinele.
Asigurarea feedback-ului i verificarea performanei:
Se verific prin ntrebri scurte gradul de nsuire a noiunilor predate.