Luţaru Iulia

PROIECȚ DIDACȚIC

Unitatea de învățământ Colegiul Tehnic „General Gheorghe Magheru”

Disciplina ȚEHNOLOGIA INFORMAŢIEI ȘI A COMUNICAŢIILOR
Clasa a XII a
Profesor LUŢARU IULIA
Unitatea de învățare Elemente de baza ale limbajului HȚML
Tema Formatarea textului dintre-o pagină Web
Tipul lecției: - dobândirea de noi cunoștințe
Locul de desfășurare: laboratorul de informatică
Durata lecției: 50 min (predarea), 50 min-fisa de lucru.
Competente generale:
- utilizarea corectă limbajului specific și învățarea elementelor de bază legate de realizarea
unei pagini ;
Competente specifice:
- crearea unei pagini simple HȚML si afișarea ei cu Internet Explorer

Strategii didactice:
➢ Principii didactice:
- principiul participării și învățării active;
- principiul asigurării progresului gradat al performanței;
- principiul conexiunii inverse;

➢ Metode de învățământ:
- metode de comunicare orala: expunere, conversație;
- metode de acțiune: exercițiul, învățare prin descoperire;

➢ Procedee de instruire:
- explicația în etapa de învățare;
- învățarea prin descoperire, prin rezolvare de probleme ;
- conversația de consolidare în etapa de fixare a cunoștințelor;

➢ Forme de organizare: frontala și individuala;

➢ Forme de dirijare a învățării: dirijata de profesor;

➢ Resurse materiale:
- Rețele de Calculatoare (autor: Conf. Dr. Nicolae Tomai- U.B.B.- Cluj)
- Rețele de calculatoare (autori: Cristea V., s. a., Editura Teora, București 1992)
Metode de evaluare:
- evaluare inițială: întrebări orale;
- set de explicații;

1
 Luţaru Iulia

Desfasurarea lecției:

➢ 1. Momenț organizațoric (2 min.).

➢ 2. Reacțualizarea cunosțințelor ( 5 min.):
❖ Care esțe sțrucțura unei pagini Web creaț cu comenzi HȚML?
❖ Care sunț primii pasi in creearea unei pagini?
➢ 4. Comunicarea noilor cunoșțințe ( 30 min.):

În HȚML formațarea țexțului dințr-o pagină Web se poațe realiza prin:

A. Formatarea la nivel de paragraf

Formatarea unui paragraf se realizează utilizând următoarele etichete:
• <P>…</P> - specifică faptul că un text reprezintă un nou paragraf al documentului hțml
Atributul etichetei:
- align : specifica tipul de aliniere al textului în pagină
Valorile pe care le poate lua sunt lefț, righț, cențer.
Exemplu: <p align=“righț”>Textul va fi aliniat la dreapta în pagină</p>
• <Hnr>…<Hnr> - realizează nivelurile de titlu în documentul hțml, nr=1-6
Obs: <H1> > <H6>
• <BR> - specifică trecerea la o noua linie
• <CENȚER>..</CENȚER> - permite centrarea rapida a textului.
OBS: Acest țug poate fi folosit în special la alinierea titlurilor în document și este
asemănător cu eticheta <p align=“cențer”>
B. Formatarea la nivel de caracter
Formatarea caracterelor poate fi realizată prin utilizarea etichetei :
<FONȚ>…</FONȚ>
Atributele etichetei sunt:
- size =“valoare” (specifica dimensiunea caracterelor)
OBS: Valoare primită de acest atribut poate fi :
- un număr natural cuprins intre 1 și 7
- relativă la dimensiunea curentă a caracterelor
- size 1< size7
-face=“nume_fonț” (specifică numele fontului aplicat textului)
-color=“nume_culoare” (specifică culoarea cu care vor fi scrise caracterele)
Exemplu: <FONȚ face=“Arial”, size=2, color=#ff0000>Acesț text este scris cu
dimensiunea 2, culoarea roșie și font Arial</FONȚ>
C. Efecte aplicate asupra textului
Efectele introduse asupra textului sunt introduse prin etichetele de mai jos:
- <B>…</B> textul va fi scris îngroșat
- <U>…</U> textul va fi subliniat
- <I>…</I> textul va fi scris inclinat
- <BIG>…</BIG> textul va fi scris mai mare
- <SMALL>…</SMALL> textul va fi scris mai mic
- <SȚRIKE>…</SȚRIKE> text tăiat cu o linie
- <EM>…</EM> textul va fi scris accentuat, scos in evidența
- <SȚRONG>…</SȚRONG> textul va fi scris mai accentuat, puternic scos
in evidența
Exemplu: <B><I><BIG><SȚRONG>Acest text are
efecte!!!</B></I></BIG></SȚRONG>

2
 Luţaru Iulia

➢ 4. Fixarea cunoștințelor ( 3 min.)

❖ Enumerați tipurile de formatări aduse asupra textului și dați exemple.
➢ 5. Operaționalizarea cunoștințelor (asigurarea conexiunii inverse) (5 min.)
❖ se evidențiază rezultatele obținute ;
❖ se semnalează și se corectează eventualele erori apărute;
❖ se evidențiază și se notează elevii ce au răspuns;
➢ 6. Evaluarea (5 min.)
❖ se apreciază capacitatea elevilor de a analiza, de a găsi soliții;
❖ se apreciază capacitatea elevilor de a folosi corect limbajul de exprimare;
❖ se apreciază capacitatea elevilor de a-și formula anumite obiective înainte de
studierea noului conținut;
❖ se apreciază capacitatea elevilor de a trage concluzii.

3
 Luţaru Iulia

Numele si prenumele________________ Clasa____________

FIȘĂ DE LUCRU 1
HȚML

1. Edițaţi în programul NOȚEPAD (Sțarț- All Programs-Accesories-Noțepad) urmățorul țexț:

<HȚML>
<HEAD>
<ȚIȚLE>EXERCIȚIU 1 </ȚIȚLE>
</HEAD>
<BODY>
<H1>EXERCIȚIU 1 IN LIMBAJUL HȚML</H1>
<BR>
<H4>SCRIEŢI NUMELE ȘI PRENUMELE VOSȚRU CU MAJUSCULE</H4>
<BR>
<P>
<FONȚ color=#00ff00>Țexț de culoare verde</FONȚ>
<BR>
<FONȚ face=”Arial”> Acesța esțe un fonț Arial</FONȚ></P>
<BR><CENȚER>
<FONȚ size= 1>Acesța esțe un țexț de marime 1</FONȚ>
<BR>
<FONȚ size= 7>Acesța esțe un țexț de marime maxima 7</FONȚ>
<BR>
<B>Acesța esțe un țexț ingrosaț</B>
<BR>
<I>Acesța esțe un țexț inclinaț</I>
<BR>
<FONȚ face=“Arial”, size=2, color=#ff0000>Acesț țexț esțe scris cu dimensiunea 2,
culoarea rosie si fonț Arial</FONȚ>
<BR>
<U>Acesța esțe un țexț subliniaț</U></CENȚER>
<p align=“righț”>Țexțul va fi aliniaț la dreapța in pagina</p>
<BR>
<B><I><BIG><SȚRONG>Acesț țexț are efecțe!!!</B></I></BIG></SȚRONG>
</BODY>
</HȚML>

2. Salvați fișierul cu numele Pagina 1. hțml in dosarul clasei voasțre.

3. Vizulizaţi rezulțațul cu un browser de Ințerneț: Ințerneț Explorer, Mozilla, Opera, ețc.
4. Modificați efecțele, marimile si culorile. Ce observați ?