PROIECT DIDACTIC

Colegiul………..
Clasa: a XII-a;
Data:
Profesor:
Disciplina: TIC (tehnologia informaţiei şi a comunicaţiilor) – aria curriculară Tehnologii
Unitatea de învăţare: Pagini Web
Subiectul: Limbajul HTML
Tipul lecţiei:lecție de însușire de noi cunoștințe
Loc de desfăşurare: cabinet TIC;
Durata: 50 minute

Nivelul inițial al clasei:

- elevii și-au însușit toate noțiunile legate de utilizarea aplicației Internet;

- elevii știu să utilizeze aplicația Notepad;
- elevii au formate deprinderi de utilizarea a calculatorului și au un nivel de cunoștințe corespunzător
programei.

Obiectiv cadru: Organizează și prelucrează documente create pentru Web ;

Obiective de referință:

- să recunoască situațiile care impun folosirea aplicației Notepad;

- să urmărească etapele de realizare a unei aplicații.

Obiective educaționale:

1. Obiective cognitive
- Să utilizeze corect noțiunile teoretice referitoare la crearea paginilor Web;
- Să identifice corect situațiile în alegerea etichetelor;
- Să analizeze modul de lucru cu pagini web.
2. Obiective afective
- Să aleagă corect etichetele;
- Să se implice cu plăcere și interes la toate etapele lecției;
- Să se bucure de rezultatele muncii depuse.
3. Obiective psihomotorii
- Să-și formeze deprinderi de lucru specifice temei de studiu;
- Să-și dezvolte gândirea logică, capacitatea de generalizare și problematizare.

Obiective operaționale

- Să identifice un fișier creat ca pagină web cu Notepad ;

- Să definească informațiile prezentate într-un document web;
- Să opereze corect cu comenzile necesare creării paginii web;
- Să utilizeze tehnologia IT pentru realizarea paginilor web.

STRATEGII DIDACTICE

1. Principii didactice
- Principiul participării și învățării active
- Principiul asigurării progresului gradat al performanței
- Principiul conexiunii inverse
 2. Metode de învățământ
- Exercițiul
- Problematizarea
- Demonstrația
- Brainstorming
3. Procedee de instruire
- Itemi de consolidare
- Explicația( în etapa de asimilare a noilor cunoștințe)
- Aplicația de consolidare
4. Forme de organizare
- Frontală
- Individuală
5. Forme de dirijare a învățării
- Dirijată de profesor sau prin materiale didactice
- Independentă
6. Resurse materiale
- Fișe de lucru
- Calculator
7. Metode de evaluare
- Sumativă
- Continuă pe parcursul lecției

Bibliografie: adrese electronice: www.marplo.net/html

TABEL DE SPECIFICARE A CORESPONDENŢELOR

Etapele Competențe Conţinutul informaţional şi Activitatea de învăţare

lecţiei specifice aplicativ detaliat Activitatea
profesorului şi Activitatea
strategiile elevului
folosite
1. Moment Asigurarea
Conversaţia, profesorul Elevul de serviciu
organizatoric condiţiilor optime
solicită informaţii privind informează diferite
pentru absenţii, motivul aspecte: absenţii etc.
2 minute; desfăşurarea orei; absenţelor, primeşte
motivările de la unii elevi;
2. Captarea Însuşirea de Profesorul face legătura între unităţile de Conversaţia Identifică exemple din
activitatea curentă, care
atenţiei informaţii despre învăţare anterioare: Notepad, Internet.
pot deveni pagini web
importanta
5 minute paginilor web
3. Anunţă -să identifice un Azi vom incepe studiul unui nou capitol: Notează titlul pe tablă Notează titlul în caiete
titlul lecţiei şi fișier creat ca Crearea paginilor WEB - Limbajul HTML
competenţele pagină web cu
Notepad ;
3 minute -să definească
informațiile
prezentate într-un
document web;
- să utilizeze
tehnologia it pentru
realizarea paginilor
web

4.Transmitere 1.Definirea noțiunii HTML (HyperText Markup Language) este Conversaţia interogativă; Comunică cu profesorul,
a de noi notează în ce constă
HTML un limbaj utilizat pentru crearea paginilor
noțiunea de limbaj HTML;
cunoştinţe web ce pot fi afișate într-un browser (sau
navigator).
25 minute Limbajul HTML este folosit pentru
 prezentarea unui continut (text, imagine,
tabel, listă) într-o pagină web. Aceste
indicații pot varia de la decorațiuni minore
ale textului, cum ar fi culoarea sau
sublinierea unui cuvânt ori introducerea
Comunică cu profesorul şi
unei imagini, până la adăugarea de
identifică aplicaţii concrete
elemente sofisticate, tabele, hărți de Conversație, expunere; pentru fiecare dintre
imagini, formulare, cadre. noțiunile enumerate;
Tot ce aveti nevoie este un editor de texte
simplu, cum ar fi Notepad, si un navigator,
de exemplu Mozilla Firefox, care este
2. Identifică gratuit.
avantajele utilizării 1. Ce este HTML? (Hypertext Markup
paginilor Web; Language)
- Este un set de coduri logice care Colaborează cu profesorul,
constituie apariţia unui document web și a notează informaţiile noi.
informațiilor pe care le deţine. Codurile Identifică situaţii care
Conversaţie prin justifică necesitatea
sunt scrise între semnele "<" și ">" , cu
descoperire cunoașterii modului de
toate că nu sunt chiar paranteze, aşa se formare a unei pagini
numesc și arată aşa: < >. Web.
3. Identifică modul Cele mai multe elemente (numite si tag-
de realizare a uri) au un element (tag) de deschidere si
Expunere
paginii web un element de închidere distins prin "/" in
folosind etichete interiorul parantezei deschise "<".
Exemplu:
<FONT> ... </FONT>
- Primul cuvânt care apare înăuntru "<" se
numeşte element sau eticheta HTML si
spune browser-ului sa facă ceva, precum
<FONT>
- Cuvintele care urmează după element în Expunere; Urmăresc demonstraţia
interiorul "< >"se numesc atribute care profesorului;
descriu proprietăţile elementului. Cum ar
fi : culoarea, mărimea, etc.
- Atributele sunt separate prin spațiu si
urmate de semnul egal "=", după care
sunt scrise, între ghilimele (" ") valorile
atributelor.
- Astfel, o eticheta HTML poate contine
elementul de identificare, atribute si
4. Operează o valori. Execută realizarea unei
Demonstraţie; pagini web conform
pagină web - In urmatorul exemplu elementul este îndrumărilor profesorului;
folosind etichete FONT atributul COLOR si valoarea BLUE:
corespunzătoare <FONT COLOR="BLUE">Acest text va fi
albastru</FONT>
Structura documentului HTML
- Un document (fisier) HTML este alcatuit Exerciţiul;
din mai multe elemente si atributele lor.
- La început un element HTML cuprinde
(înconjoară ) datele documentului. Acest
element conţine două sub-elemente
principale: HEAD și BODY. În HEAD se
poate adăuga titlul paginii web și alte
elemente numite metatag-uri. În BODY se
adaugă conținutul documentului care va fi
afisat in pagina web.
5. Crearea unei Exemplu:
pagini web. <html>
  <head>
    <title>Titlul Documentului</title>
  </head>
  <body>
    Continutul paginii
  </body>
 </html>
Pentru titluri din continutul documentului
HTML este indicat folosirea etichetelor
<Hx>, (headings) unde 'x' este un numar
intre 1 si 6.
In cadrul elementului BODY, elementele
Headings sunt folosite ca titluri sau pentru Brainstorming;
o mai buna impartire a continutului
paginii. Mărimea textului înconjurat de
elementul Heading variază de la foarte
mare, in <H1> pana la foarte mic in <H6>
Un nou rand <br>
- Tag-ul <br> permite sa decizi unde textul
va incepe un nou rând, astfel se forteaza
începerea unui nou rând.
- <br> este un Element Gol dar poate sa
conţin atribut. <br> nu are si nu cere
element de închidere, nu se foloseste
</br>

<html><head><title>Exemplu</title></he
ad><body bgcolor=gray ><p>Linie
orizontala de culoare albastra si grosime
2<hr color=blue size=3><p><font
face="Arial" color="red" size="4">Textul
este scris cu fontul "Arial", culoare rosie si
marime 7<p><i>Am inserat o
imagine</i><img src="i7.gif"
border=5></body></html>
5. Realizarea Consolidarea Scrieţi următoarele coduri html: Distribuie individual Rezolvă sarcinile de
feedback-ului noţiunilor studiate 1. <html> testele elevilor lucru primite;
şi asigurarea <head> Solicită detalii
retenţiei <title> desen </title> organizatorice.
15 minute </head>
<body>
<pre>
[00]
\/| |\/
_| |_
| |
</pre>
</body>
</html>

2. <HTML>
<HEAD>
<TITLE>PAGINA MEA WEB </TITLE>
<H1>***DATE PERSONALE***</H1>
</HEAD>
<BODY>
<H2> NUME SI PRENUME:...... </H2>
<H3>ADRESA:........</H3>
<H4>DATA NASTERII:......</H4>
<H5>STUDII:........ </H5>

6. Anunțarea Consolidarea Creați o pagină web folosindu-vă de toate Explicația Elevii își notează
temei pentru noţiunilor studiate noțiunile asimilate azi. tema
acasă