Luţaru Iulia

PROIECT DIDACTIC

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

Disciplina TEHNOLOGIA INFORMAŢIEI ŞI A COMUNICAŢIILOR
Clasa a XII a
Profesor LUŢARU IULIA
Unitatea de învăţare Elemente de baza ale limbajului HTML
Tema Formatarea textului dintr-o pagină Web
Tipul lectiei: - dobândirea de noi cunoştinte
Locul de desfasurare: laboratorul de informatica
Durata lectiei: 50 min (predarea), 50 min-fișă de lucru.
Competente generale:
- utilizarea corectă limbajului specific si invatarea elementelor de baza legate de realizarea
unei pagini ;
Competente specifice:
- crearea unei pagini simple HTML 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 invatamant:
- metode de comunicare orală: expunere, conversație;
- metode de actiune: exercitiul, î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: frontală și individuală;

 Forme de dirijare a învățarii: dirijată 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, Bucuresti 1992)
Metode de evaluare:
- evaluare inițială: întrebări orale;
- set de explicații;

1
 Luţaru Iulia

Desfășurarea lecției:

 1. Moment organizatoric (2 min.).

 2. Reactualizarea cunoștințelor ( 5 min.):
 Care este structura unei pagini Web creat cu comenzi HTML?
 Care sunt primii pași în creearea unei pagini?
 4. Comunicarea noilor cunoştinte ( 30 min.):

În HTML formatarea textului dintr-o pagină Web se poate realiza prin:

A. Formatarea la nivel de paragraf

Formatarea unui paragraf se realizează utilizând urmatoarele etichete:
• <P>…</P> - specifică faptul că un text reprezintă un nou paragraf al documentului html
Atributul etichetei:
- align : specifică tipul de aliniere al textului în pagină
Valorile pe care le poate lua sunt left, right, center.
Exemplu: <p align=“right”>Textul va fi aliniat la dreapta in pagina</p>
• <Hnr>…<Hnr> - realizează nivelurile de titlu în documentul html, nr=1-6
Obs: <H1> > <H6>
• <BR> - specifică trecerea la o nouă linie
• <CENTER>..</CENTER> - permite centrarea rapidă a textului.
OBS: Acest tag poate fi folosit în special la alinierea titlurilor în document și este
asemănător cu eticheta <p align=“center”>
B. Formatarea la nivel de character
Formatarea caracterelor se poate realiza prin utilizarea etichetei :
<FONT>…</FONT>
Atributele etichetei sunt:
- size =“valoare” (specifică dimensiunea caracterelor)
OBS: Valoarea primită de acest atribut poate fi :
- un număr natural cuprins între 1 și 7
- relativă la dimensiunea curentă a caracterelor
- size 1< size7
-face=“nume_font” (specifică numele fontului aplicat textului)
-color=“nume_culoare” (specifică culoarea cu care vor fi scise caracterele)
Exemplu: <FONT face=“Arial”, size=2, color=#ff0000>Acest text este scris cu
dimensiunea 2, culoarea rosie si font Arial</FONT>
C. Efecte aplicate asupra textului
Efectele introduse asupra textului sunt adăugate prin etichetele de mai jos:
- <B>…</B> textul va fi scris îngroșsat
- <U>…</U> textul va fi scris subliniat
- <I>…</I> textul va fi scris înclinat
- <BIG>…</BIG> textul va fi scris mai mare
- <SMALL>…</SMALL> textul va fi scris mai mic
- <STRIKE>…</STRIKE> textul va fi scris tăiat
- <EM>…</EM> textul va fi scris accentuat, scos în evidență
- <STRONG>…</STRONG> textul va fi scris mai accentuat, puternic scos
în evidență
Exemplu: <B><I><BIG><STRONG>Acest text are
efecte!!!</B></I></BIG></STRONG>

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 evidentiază rezultatele obtinute ;
 se semnalează și se corectează eventualele erori apărute;
 se evidentiază ș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
HTML

1. Editaţi în programul NOTEPAD (Start- All Programs-Accesories-Notepad) următorul text:

<HTML>
<HEAD>
<TITLE>EXERCITIU 1 </TITLE>
</HEAD>
<BODY>
<H1>EXERCITIU 1 IN LIMBAJUL HTML</H1>
<BR>
<H4>SCRIEŢI NUMELE ŞI PRENUMELE VOSTRU CU MAJUSCULE</H4>
<BR>
<P>
<FONT color=#00ff00>Text de culoare verde</FONT>
<BR>
<FONT face=”Arial”> Acesta este un font Arial</FONT></P>
<BR><CENTER>
<FONT size= 1>Acesta este un text de marime 1</FONT>
<BR>
<FONT size= 7>Acesta este un text de marime maxima 7</FONT>
<BR>
<B>Acesta este un text ingrosat</B>
<BR>
<I>Acesta este un text inclinat</I>
<BR>
<FONT face=“Arial”, size=2, color=#ff0000>Acest text este scris cu dimensiunea 2,
culoarea rosie si font Arial</FONT>
<BR>
<U>Acesta este un text subliniat</U></CENTER>
<p align=“right”>Textul va fi aliniat la dreapta in pagina</p>
<BR>
<B><I><BIG><STRONG>Acest text are efecte!!!</B></I></BIG></STRONG>
</BODY>
</HTML>

2. Salvati fişierul cu numele Pagina 1. html in dosarul clasei voastre.

3. Vizulizaţi rezultatul cu un browser de Internet: Internet Explorer, Mozilla, Opera, etc.
4. Modificati efectele, marimile si culorile. Ce observati ?