PROIECT DE LECŢIE

A. DATE GENERALE
Disciplina: Informatica si TIC
Clasa: a VIII-a
Unitatea de învățare: Pagini WEB
Titlul lecţiei:Elemente de structura ale unei pagini WEB
Scopul lecţiei: de formare a priceperilor si deprinderilor
Tipul lecţiei: Dobandire de cunostiinte
Locul de desfăşurare:Colegiul National”Ion Neculce”Bucuresti
Durata: 50 de minute

1.Conţinutului activităţii de instruire

Cod Arii de conţinut
Elemente de interfaţă ale
C1
unui editor de pagini web
Instrumente de bază ale
C2
editorului de pagini web.
Operații de editare a
elementelor de conținut
C3 (paragraf, imagini, tabele,
liste, legături): inserare,
ștergere, mutare, copiere.
Subarii de conţinut
Utilizarea eficientă a unor
componente software;
Utilizarea unor instrumente
specializate pentru obținerea
unor produse utile.
Utilizarea unui editor dedicat
pentru realizarea unei pagini
web.

2. Obiectivele pedagogice operaţionale:

La finalul lectiei,elevii vor fi capabili sa:

O1 Sa identifice meniul,bara cu butoane a

editorului de text.
O2 Sa lanseze o pagina web prin intermediul
editorului de text si a butonului specific.
O3 Sa insereze codul specific limbajului HTML in
editorul de text pentru obtinerea continutului
dorit paginii web.

O4 Sa opereze asupra continutului paginii web,in

vederea prelucrarii detaliilor legate de
continut si aspect.

3. Diagrama obiective-conţinut
Cod C1 C2 C3
obiectiv
O1 1-1.2-1.2.1-1.3
O2 3
O3 2-2.1 3.1-3.2-3.3
O4 2-2.1 3.1-3.2-3.3
4. Organigrama continutului de instruire
Arii de continut Subarii de continut Codul Obiectivului
1.Elemente de interfata ale 1..Elemente de structura ale O1
unui editor de pagini web; unui editor de pagini web.
1.2 Caracteristicile
marcajelor/functiilor HTML;
1.2.1.Atributele marcajelor
HTML;
1.3. Structura paginii web.
2. Instrumente de bază ale 2. Prezentarea marcajelor de O3,O4
editorului de pagini web. editare pentru
 :titlu,paragraf,liste,corp de
text,imagini,culori,etc;
2.1 Editarea elementelor din
pagina Web.

3. Operații de editare a 3.Crearea unei pagini web; O2,O3,O4

elementelor de conținut 3.1 Inserarea imaginilor;
(paragraf, imagini, tabele, 3.2 Realizarea legăturilor;
liste, legături): inserare, 3.3 Inserarea și formatarea
ștergere, mutare, copiere. unui table.
5. Metode de învăţământ: Conversatia,explicatia,invatarea prin descoperire,aplicatii practice.
6. Mijloace de învăţământ
Cod Denumirea resursei materiale
M Manual
FA Fisa de aplicatie (P1-P4)
7. Setul de probleme, exercitii, aplicatii(situatii de invatare)
Cod Enunt
P1 Pentru a înțelege mai bine codul HTML deschide un fișier Notepad
și scrie următoarele linii de cod:”Fii responsabil,recicleaza!”apoi
salvează, în portofoliul tău, fișierul Notepad cu extensia .html. Alege
tipul fișierului Toate fișierele (*.*). Deschide fișierul .html cu ajutorul
unui browser.
P2 Stabilește un Aspect pentru corpul paginii web. Inserează text și
imagini representative sub forma de lista neordonata.
P3 Alege un editor de pagini web și inserează, într-o pagină web,
următorul text. ”Produse care asigura producerea de energie verde:
 Panouri fotovoltaice
 Turbine eoliene;
 Panouri solare.
Editează-l sub forma unui singur paragraf cu o listă

117
 neordonată,pe fundal rosu.
P4 Construiti un tabel cu 2 linii si 2 coloane care sa contina in fiecare
casuta denumirea unei culori distincte.
8. Bibliografie
 MANUAL: Informatică și TIC, manual pentru clasa a VIII-a,Editura Litera, autori: Luminița Ciocaru, Ștefania Penea,Oana Rusu,Claudia-
Elena Mitrache

B.DESFĂŞURAREA LECŢIEI
Evenimentele Activitatea profesorului Activitatea Strategia didactică Evaluare Ti
instruirii elevului m
Metode de Mijloace de Forme de p
Conţinut învăţământ învăţământ organizare (m
Obiective a in.
operaţionale activităţii )
Moment Verifică prezența; Pregătesc cele Conversatia - - - 3
organizatoric Pregătește materialele pentru desfăşurarea activităţii (fişe de lucru, necesare pentru mi
n
tablete, PC, videoproiector). desfășurarea
activității (caiete,
manuale)
Verificarea
cunstintelor
anterioare
Transmiterea
noilor
cunoștinte

Captarea Incearca sa trezeasca curiozitatea elevilor,prezentandu-le un site Asculta si urmaresc Expunerea Frontala
atentiei bine construit si interesant. cu interes cele Conversatia individuala 6
prezentate. dirijata mi
n

Comunicarea Enunta titlul lectiei si le comunica elevilor obiectivele lectiei O 1- Deschid aplicatia Expunere Caietul de Frontala 1
titlului si a pe calculator mi
obiectivelor O4 notite, individual n
calculatorul a dirijata

Reactualizarea Asculta si pun

noilor Profesorul le explica din nou utilitatea si aplicabilitatea principalelor intrebari daca este Conversatia Caietul de Frontala
cunoștinte functii in limbaj HTML. notite individuala
cazul ca o functie
sa fie neinteleasa. dirijata

Prezentarea
continutului si conversația, observarea
Fișierele HTML sunt fișiere cu extensia .htm sau .html urmăresc
dirijarea explicația, Calculatorul sistematică; 30
Un document HTML este o succesiune de blocuri de informație; un bloc explicațiile
invatarii învățare prin ,Tabla evaluarea mi
este delimitat de simboluri speciale, numite Taguri. profesorului descoperire, individuală; n
Fiecare tag este încadrat de semnele mai mic(<), la stânga și mai mare
C1, O1 observarea, aprecierea
(>) la dreapta. Majoritatea tag-urilor au un tag de sfârșit,cu aceeași
algoritmizare verbală
structură, singura deosebire fiind că după semnul mai mic urmează
a
caracterul „/”

Componentele principale ale unei pagini web

-Orice pagină web este alcătuită din două blocuri principale:
C2,O3,O4 -HEAD (cap, antet)
-conține informații despre pagina web: titlu, autorul etc.;
-BODY (corp) cuprinde informațiile care alcătuiesc pagina web
și modul de formatare al acestor informații.
-Principalele tag-uri pentru crearea unei pagini web sunt:
-tag-ul <HTML> este primul tag care trebuie să apară într-un
Asigurarea fișier HTML și va încadra, alături de tag-ul său corespunzător de
conexiunii sfârșit (</HTML>) întreaga pagină web.
inverse -tag-ul <HEAD> marchează împreună cu tag-ul său

119
 corespunzător de sfârșit (</HEAD>) partea de antet a paginii
web.
-tag-ul <TITLE> marchează titlul unui document HTML care va
fi afișat în bara de titlu a paginii web. Tag-ul corespunzător de
C3,O3,O4 sfârșit este </TITLE>. Dacă acesta lipsește, atunci în
bara de titlu a ferestrei browserului va apărea numele fișierului.
-Tag-ul <BODY>, încadrează conținutul paginii web. Tag-ul
corespunzător de sfârșit este </BODY>.
Pentru crearea unei pagini web se execută următorii pași:
O2 a.editarea fișierului HTML cu ajutor
ul unui editor de texte simplu (Notepad) sau dedicat;
b.salvarea fișierului folosind extensia .htm sau .html;
c.vizualizarea paginii cu ajutorul unui browser.

Sistematizare Le solicita elevilor sa deschida manualul la pagina 40 si sa rezolve Elevii au manualul Conversatia Manualul observarea 10
a si individual exercitiile din sectiunea”Exerseaza”,iar cei care lucreaza mai pe masa si rezolva Explicatia sistematică; mi
consolidarea repede vor rezolva,deasemenea sectiunea”Aplica!”urmand ca apoi sa fie exercitiile. aprecierea n
cunostintelor verbală
rezolvate impreuna .
*etape specifice fiecarui tip de lecție