Sunteți pe pagina 1din 5

PROIECT DIDACTIC

Disciplina: TIC (tehnologia informaiei i a comunicaiilor) aria curricular Tehnologii


Unitatea de nvare: Pagini Web
Subiectul: Limbajul HTML
Tipul leciei:lecie de nsuire de noi cunotine
Loc de desfurare: cabinet TIC;
Durata:50 minute

Nivelul iniial al clasei:

- elevii i-au nsuit toate noiunile legate de utilizarea aplicaiei Internet;


- elevii tiu s utilizeze aplicaia Notepad;
- elevii au formate deprinderi de utilizarea a calculatorului i au un nivel de cunotine corespunztor
programei.

Obiectiv cadru: Organizeaz i prelucreaz documente create pentru Web ;


Obiective de referin:

- s recunoasc situaiile care impun folosirea aplicaiei Notepad;


- s urmreasc etapele de realizare a unei aplicaii.

Obiective educaionale:

1. Obiective cognitive
- S utilizeze corect noiunile teoretice referitoare la crearea paginilor Web;
- S identifice corect situaiile n alegerea etichetelor;
- S analizeze modul de lucru cu pagini web.
2. Obiective afective
- S aleag corect etichetele;
- S se implice cu plcere i interes la toate etapele leciei;
- S se bucure de rezultatele muncii depuse.
3. Obiective psihomotorii
- S-i formeze deprinderi de lucru specifice temei de studiu;
- S-i dezvolte gndirea logic, capacitatea de generalizare i problematizare.

Obiective operaionale

- S identifice un fiier creat ca pagin web cu Notepad ;


- S defineasc informaiile prezentate ntr-un document web;
- S opereze corect cu comenzile necesare crerii paginii web;
- S utilizeze tehnologia IT pentru realizarea paginilor web.

STRATEGII DIDACTICE

1. Principii didactice
- Principiul participrii i nvrii active
- Principiul asigurrii progresului gradat al performanei
- Principiul conexiunii inverse

2. Metode de nvmnt
- Exerciiul
- Problematizarea
- Demonstraia
- Brainstorming
3. Procedee de instruire
- Itemi de consolidare
- Explicaia( n etapa de asimilare a noilor cunotine)
- Aplicaia de consolidare
4. Forme de organizare
- Frontal
- Individual
5. Forme de dirijare a nvrii
- Dirijat de profesor sau prin materiale didactice
- Independent
6. Resurse materiale
- Fie de lucru
- Calculator
7. Metode de evaluare
- Sumativ
- Continu pe parcursul leciei

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

TABEL DE SPECIFICARE A CORESPONDENELOR

Etapelelec Competenespe Coninutulinformaionaliaplicativ Activitatea de nvare


iei cifice detaliat Activitateaprofes
oruluiistrategiile Activitateaelevul
folosite ui
1. Moment Asigurareacondiiilo
Conversaia, Elevul de
organizatoric roptimepentrudesf
profesorulsolicitinformai serviciuinformeazdiferite
urareaorei; iprivindabsenii, aspecte: absenii etc.
2 minute; motivulabsenelor,
primetemotivrile de la
uniielevi;
2. nsuirea de Profesorul face legturantreunitile de Conversaia Identificexemple din
activitateacurent, care
Captareaaten informaiidespreim nvareanterioare: Notepad, Internet.
pot devenipagini web
iei portantapaginilor
web
5 minute
3. -sidentifice un Azivomincepestudiulunuinou capitol: Noteaztitlulpetabl Noteaztitlulncaiete
Anuntitlulle fiiercreat ca Creareapaginilor WEB - Limbajul HTML
cieiicompet pagin web cu
enele Notepad ;
-
3 minute sdefineascinform
aiileprezentatentr
-un document web;
-
sutilizezetehnologi
a it
pentrurealizareapa
ginilor web

4.Transmitere 1.Definirea noiunii HTML (HyperText Markup Language) este Conversaiainterogativ; Comunic cu profesorul,
a de noteaznceconstnoiune
HTML un limbajutilizatpentrucreareapaginilor
a de limbaj HTML;
noicunotine web ce pot fi afiate ntr-un browser (sau
navigator).
25 minute LimbajulHTML
estefolositpentruprezentareaunuicontinut
(text, imagine, tabel, list) ntr-o
paginweb.Acesteindicaii pot varia de la
decoraiuniminore ale textului, cum ar fi
culoareasausubliniereaunuicuvntoriintro
ducereauneiimagini, pn la adugarea de Comunic cu
elementesofisticate, tabele, hri de profesoruliidentificaplica
Conversaie, expunere; ii concrete
imagini, formulare, cadre.
pentrufiecaredintrenoiuni
Tot ceavetinevoieeste un editor de le enumerate;
textesimplu, cum ar fi Notepad, si un
navigator, de exemplu Mozilla Firefox,
2. care estegratuit.
Identificavantajele 1. Ce este HTML?
utilizriipaginilor (HypertextMarkupLanguage)
Web; - Este un set de coduri logice care
constituie apariia unui document web i a
Colaboreaz cu profesorul,
informaiilor pe care le deine. Codurile noteazinformaiilenoi.
sunt scrise ntre semnele "<" i ">" , cu Conversaieprindescoperir Identificsituaii care
toate c nu sunt chiar paranteze, aa se e justificnecesitateacunoa
teriimodului de formare a
numesc i arat aa: <>.
uneipagini Web.
Cele mai multe elemente (numite si tag-
3. Identificmodul uri) au un element (tag) de deschidere si
de realizarea un element de nchidere distins prin "/" in Expunere
paginii web interiorul parantezei deschise "<".
folosindetichete Exemplu:
<FONT> ... </FONT>
- Primul cuvnt care apare nuntru "<" se
numete element sau eticheta HTML si
spune browser-ului sa fac ceva, precum
<FONT>
- Cuvintele care urmeaz dup element n
Expunere; Urmrescdemonstraiapro
interiorul "<>"se numesc atribute care
fesorului;
descriu proprietile elementului. Cum ar
fi : culoarea, mrimea, etc.
- Atributele sunt separate prin spaiu si
urmate de semnul egal "=", dup care
sunt scrise, ntre ghilimele (" ") valorile
atributelor.
- Astfel, o eticheta HTML poate contine
elementul de identificare, atribute si
valori. Executrealizareauneipagi
4. Opereaz o - In urmatorul exemplu elementul este Demonstraie; ni web conform
pagin web FONT atributul COLOR si valoarea BLUE: ndrumrilorprofesorului;
folosindetichetecor <FONTCOLOR="BLUE">Acest text va fi
espunztoare albastru</FONT>
Structura documentului HTML
- Un document (fisier) HTML este alcatuit
Exerciiul;
din mai multe elemente si atributele lor.
- La nceput un element HTML cuprinde
(nconjoar ) datele documentului. Acest
element conine dou sub-elemente
principale: HEADi BODY. n HEAD se
poate aduga titlul paginii web i alte
elemente numite metatag-uri. n BODY se
adaug coninutul documentului care va fi
afisat in pagina web.
Exemplu:
5. <html>
Creareauneipagini <head>
web. <title>Titlul Documentului</title>
</head>
<body>
Continutul paginii
</body>
</html>
Pentrutitluri din continutuldocumentului
HTML
esteindicatfolosireaetichetelor<Hx>,
(headings) unde 'x' este un numarintre 1 si
6.
In cadrulelementului BODY, elementele
Brainstorming;
Headings suntfolosite ca titlurisaupentru o
maibunaimpartire a
continutuluipaginii.Mrimeatextuluinconj
urat de elementul Heading variaz de la
foarte mare, in <H1>pana la foartemic in
<H6>
Un nou rand <br>
- Tag-
ul<br>permitesadeciziundetextulvaincepe
un nournd, astfel se
forteazancepereaunuinournd.
- <br>este un Element
Goldarpoatesaconinatribut. <br> nu are si
nu cere element de nchidere, nu se
foloseste</br>

<html><head><title>Exemplu</title></he
ad><body
bgcolor=gray><p>Linieorizontala de
culoarealbastrasigrosime 2<hr color=blue
size=3><p><font face="Arial" color="red"
size="4">Textulestescris cu fontul "Arial",
culoarerosiesimarime 7<p><i>Am inserat
o imagine</i><imgsrc="i7.gif"
border=5></body></html>
5. Realizarea Consolidareanoiun Scrieiurmtoarelecoduri html: Distribuie individual Rezolvsarcinile de
feedback- ilorstudiate 1. <html> testeleelevilor lucruprimite;
uluiiasigurar <head> Solicitdetaliiorganiz
eareteniei <title>desen</title> atorice.
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. Consolidareanoiun Creai o pagin web folosindu-v de Explicaia Eleviiinoteaztema


Anunareatem ilorstudiate toatenoiunileasimilateazi.
eipentruacas