Liste HTML

Proiectarea leciei
UNITATEA DE NVMNT:
DISCIPLINA: Tehnologia informaiei i comunicaiilor
CLASA: a XII-a A,B
PROFESOR: Vasile Marius
DATA: 27.11.2014
UNITATEA DE NVARE: STRUCTURA UNUI SITE WEB
TEMA: ELEMENTE DE CONINUT ALE PAGINILOR WEB: LISTE
TIPUL LECIEI: Lecie de transmitere de noi cunotine. Formare de deprinderi
LOCUL DE DESFURARE: Laborator informatic
DURATA LECIEI: 50 min.
SCOPUL LECIEI:
INFORMATIV
- fixarea i consolidarea noiunilor teoretice i practice studiate;
FORMATIV
- formarea deprinderilor de utilizare corect a listelor ntr-o pagin HTML;
EDUCATIV
- dezvoltarea atitudinii pozitive fa de mijloacelor moderne de comunicare;
- stimularea dorinei de o cunoatere ct mai larg;
- exprimarea unui mod de gndire creativ.
NIVELUL INITIAL AL CLASEI:
- elevii i-au nsuit toate noiunile de baz ale limbajului HTML;
- elevii utilizeaz corect noiunile nvate.
COMPETENE:
UNITATEA DE COMPETEN : Utilizarea calculatorului i prelucrarea informaiei
Competena individual: 3. Utilizeaz tehnologii IT multimedia (Web, comunicare)

pentru crearea documentelor Web
COMPETENE SPECIFICE VIZATE:

1. Recunoaterea graficii Internet, a unei pagini WEB
2. Utilizarea corect a simbolurilor i terminologiei specifice domeniului;
COMPETENE SPECIFICE CONSOLIDATE:
1. nsuirea marcajelor i atributelor necesare inserrii listelor n pagina HTML;
2. Exersarea utilizrii listelor n pagina HTML.
STRATEGII DIDACTICE:
Principii didactice
- principiul participrii i nvrii active;
- principiul asigurrii progresului gradat al performanei;
- principiul conexiunii inverse (feedback-ului);
Metode de nvmnt
- metode de comunicare oral: conversaia, explicaia;
- metode de aciune: demonstraia, exerciiul, problematizarea.
Forme de organizare a activitii instructive
- frontal / colectiv, frontal / individual
Forme de dirijare a activitii

- dirijat de profesor sau prin materiale didactice;
Resurse procedurale
- explicaia, conversaia, exerciiul;
Resurse materiale
- calculator, fi de documentare FD, fi de lucru FL, videoproiector, tabl, cret,
caiet.
BIBLIOGRAFIE :
1. Mioara Gheorghe TEHNOLOGIA INFORMAIEI I COMUNICAIILOR", manual
clasa a XII-a Ed. Didactic i Pedagogic, 2004
2. Teodoru Gugoiu HTML prin exemple, Editura Teora , 2003
3. Pavel Nstase, Florea Nstase INTERNET, JavaScript HTML Java, Editura
Economic, 1998
PLAN DE REACTUALIZARE/VERIFICARE A CUNOTINELOR

Fia de lucru (FL1):
1. Salvai un fiier HTML cu numele Liste n directorul clasei, care s cuprind toate elementele
de baz a unei pagini web
- titlul paginii este: Lectie LISTE
2. Inserai un antet/titlu n pagina web ====Liste==== , cu urmtoarele atribute: de mrime 2,
centrat, iar culoarea fontului s fie roie.
.
1. Salvarea corect a unui fisier HTML
Elementele de baz a unei pagini web:
<html>
<head><title>Lectie LISTE </title></head>
<body>
2.
<h2 align="center"><font color="red">====Liste====</font></h2>

<hr width="50%" color ="red">
</body>
</html>
1) Liste neordonate
(unordered list)
<UL type=disc | square | circle compact>
<LI>
<LI>
</UL>
2) Liste ordonate (ordered list)
<OL type= 1 | a | A | i | I
start=valoare compact>
<LI>
<LI>
</OL>
Elementele unei liste :
<LI > tag singular
Atributul type (tip/forma):
pentru liste neordonate: circle , square ,disc
pentru liste ordonate:A, a,I, i, 1
Atributul start start=valoare
Start=6 - numerotarea va incepe in functie de valoarea atributului type: cu 6, VI sau F
Atributul compact:
reduce spatiul vertical dintre itemi.
3) Liste de Definitii de termeni si definitiile lor asociate
Declararea unei liste ordonate se face cu ajutorul marcajului <DL></DL> utilizat impreuna cu marcajul
<DT> pentru termenul definit si marcajul <DD> pentru definitia propriu zisa.
Exemplu
<DL>
<DT>RAM
<DD>Random Access Memory
<DT>ROM
<DD> Read Only Memory
Efect
RAM
Font
Random Access Memory

Read Only Memory
FIA DE LUCRU
(FL2)
Cerin Inserai urmtoarele liste, pornind de la itemii de mai jos:
====Lista neordonata====
EX_ln_1) Lista neordonata:
element 1
element 2
element 3
deci, implicit este tipul disc
EX_ln_2) Lista neordonata la care marcatorul e de tip cerc:
o
o
o
element 1
element 2
element 3
EX_ln_3) Lista neordonata la care marcatorul e de tip patrat
element 1
element 2
element 3
EX_ln_4) Lista neordonata la care marcatorul e de tip patrat (primele doua) / disc (ultimul item)
element 1
element
element
====Lista ordonata====
EX_lo_1) Lista ordonata
1. element 1
2. element 2
3. element 3
EX_lo_2) Lista ordonata care incepe de la valoarea 10 -> ol start="20" (sau value="20" la primul
item)
20. element 1
21. element 2
22. element 3
EX_lo_3) Lista ordonata cu litere mari:

A. element 1
B. element 2
C. element 3
EX_lo_4) Lista ordonata cu litere mari, incepand de la valoarea C:
C. element 1
D. element 2
E. element 3
EX_lo_5) Lista ordonata cu litere mici, incepand de la valoarea d:
d. element 1
e. element 2
f. element 3
EX_lo_6) lista ordonata cu cifre romane mari:
I.
II.
III.
element 1
element 2
element 3
====Lista de definitii ====

RAM
ROM
Random Access Memory

Read Only Memory
LISTA IMBRICATA
I.
II.
Componenta HARDWARE
o
Unitatea centrala
o
Dispozitivele periferice
Componenta SOFTWARE
Sisteme de operare
Programe de aplicatie
FIA DE LUCRU
(FL2)
- cod HTML <html>
<head><title>Lectie LISTE </title></head>
<body>
<h2 align="center"><font color="red">
====Lista neordonata====</font></h2>

EX_lo_1) Lista ordonata
EX_ln_1) Lista neordonata:

<ul >
<li> element 1
<li> element 2
<li> element 3
</ul>
deci, implicit este tipul disc
</ol>
<hr>
EX_ln_2) Lista neordonata la care marcatorul e de
tip cerc:
<ul type="circle">
<li > element 1
<li > element 2
<li > element 3
</ul>
<hr>
tip patrat
<ul type="square">
<li> element 1
<li> element 2
<li> element 3
</ul>
<ol>
<li> element 1
<li> element 2
<li> element 3
<hr>
EX_lo_2) Lista ordonata care incepe de la valoarea
10
-> ol start="20" (sau value="20" la primul
item)
<ol start="20">
<li> element 1
<li> element 2
<li> element 3
</ol>
<hr>
EX_lo_3) Lista ordonata cu litere mari:
<ol type="A">
<li> element 1
<li> element 2
<li> element 3
</ol>
<hr>
tip patrat (primele doua) / disc (ultimul item)
<hr>
EX_lo_4) Lista ordonata cu litere mari, incepand de
la valoarea C:
<ol type="A" start="3">
<li> element 1
<li> element 2
<li> element 3
</ol>
<ul>
<hr>
<li type="square"> element 1

<li type="square"> element 2
<li type="disc"> element 3
</ul>
<h2 align="center"><font color="red">====Lista
ordonata====</font></h2>
EX_lo_5) Lista ordonata cu litere mici, incepand de

la valoarea d:
<ol type="a" start="4">
<li> element 1
<li> element 2
</ol> <li> element 3
<br>
<hr>
EX_lo_6) lista ordonata cu cifre romane mari:
<ol type="I">
<li> element 1
<li> element 2
<li> element 3
</ol>
<h2 align="center"><font color="red">

====Lista de definitii ====</font></h2>
<DL>
<DT>RAM
<DD>Random Access Memory
<DT>ROM
<DD> Read Only Memory
<br>
<br>
<br>
<hr color="red" size="2">

<br>
LISTA IMBRICATA
<ol type="I">
<li><b>Componenta HARDWARE</b>
<ul type="circle">
<li>Unitatea centrala
<li>Dispozitivele periferice
</ul>
<li><b>Componenta SOFTWARE</b>
<ul type="square">
<li>Sisteme de operare
<li>Programe de aplicatie
</ul>
</ol>
</body>
</html>
NR.
CRT
SECVENA
LECIEI
DOZARE
1.
Moment
organizatori
c (2 rninute)
2.
Reactualizarea
cunotinelor
necesare temei
noi
(5
ETAPE DE INSTRUIRE
Comp
.
cons.
Salut elevii.
Noteaz absenele.
Verific resursa material caculator.
rninute)
3.
Anunarea
temei noi i
competenele
specifice de
consolidat
(2
minute)
4.
Organizarea
situaiilor
pentru
dobndirea de
noi cunotine
(36 minute)
5.
Conexiunea
invers
(5
minute)
ACTIVITATEA PROFESORULUI
C1
C2
Reactualizeaz cunotinele din leciile

anterioare
prin urmtoarea sarcin de lucru
(FL):
Salvai un fiier HTML n directorul clasei,
care s cuprind toate elementele de baz a
unei pagini web.
Adreseaz
ntrebri
Anun titlul, competenele specifice de
consolidat, modul de desfurare al leciei i
ce trebuie s tie la sfritul leciei pentru
evaluare difereniat .
Scrie pe tabl titlul leciei: Elemente de
coninut
ale
paginilor
web: cu elevii fia de
Parcurge
mpreun
documentare (FD) i explic noile
cunotine.
Aplic ntrebri care contribuie la
nelegererea
textului
i
reinerea
informaiilor din FD (activitatea de lectur)
Proiecteaz fia de de lucru (FL2).
ndeamn la parcurgerea pe etape a FL2.
Demonstreaz fiecare etap a fiei de
documentare.
Urmrete rezolvarea FL2.
Explic eventualele nenelegeri aprute n
rezolvarea
FL2.
Verific
realizarea
sarcinilor.
ACTIVITATEA ELEVILOR
Salut profesorul.
Se pregtesc pentru lecie.
Rezolv sarcina de lucru pe calculator.

Ascult ntrebrile, i formuleaz
mental rspunsurile i particip la
dialogul iniiat de profesor.
Completeaz unele rspunsuri
formulate incomplet de colegi.
Sunt ateni la cele prezentate de profesor
Apreciaz activitatea elevilor.
METOD
E
I
PROCEDE
conversaie
exerciiul
conversaie
FORME
DE
ORGANIZA
frontal/RE
colectiv
RESURSE
MATERIAL
E
- catalog
- calculatoare
- tabl
- cret
frontal/ colectiv - caiete
frontal/ individual - calculator
- fia de lucru
FL1
conversaie
Scriu pe caiete titlul leciei
- tabl
frontal/ colectiv - cret
- caiete
Sunt ateni la explicaiile profesorului.

Parcurge mpreun cu profesorul fia de
explicaie
documentare (FD).
frontal/ colectiv
conversaie
Particip la activitatea de lectur.
demonstraie
problematizare
i nsuesc sarcinile din fia de de lucru
frontal/ individual
exerciiul
(FL2)
Observ demonstraiile profesorului.
Parcurg FL2
- videoproiector
- calculator
- fia de
documentare
FD
- fia de lucru
FL2
- tabl
- cret
- caiete
ntreab despre modul de rezolvare,

unde nu au neles
Puncteaz mpreun cu elevii elemente din

lecia parcurs.
Elevii sunt ateni
Face observaii privind desfurarea leciei.
i nsuesc observaiile profesorului.
Constat n ce msur au fost atinse
competenele specifice de consolidat.
STRATEGIA DIDACTIC
explicaie
conversaie
evaluare
frontal/ colectiv

Liste HTML

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Liste HTML

Încărcat de

Drepturi de autor:

Formate disponibile

Proiectarea leciei

Competena individual: 3. Utilizeaz tehnologii IT multimedia (Web, comunicare)

COMPETENE SPECIFICE VIZATE:

Forme de dirijare a activitii

PLAN DE REACTUALIZARE/VERIFICARE A CUNOTINELOR

<h2 align="center"><font color="red">====Liste====</font></h2>

Random Access Memory

EX_ln_3) Lista neordonata la care marcatorul e de tip patrat

EX_lo_3) Lista ordonata cu litere mari:

====Lista de definitii ====

Random Access Memory

<hr width="50%" color ="red">

EX_ln_1) Lista neordonata:

<li type="square"> element 1

EX_lo_5) Lista ordonata cu litere mici, incepand de

<h2 align="center"><font color="red">

<hr color="red" size="2">

Reactualizeaz cunotinele din leciile

Rezolv sarcina de lucru pe calculator.

Sunt ateni la cele prezentate de profesor

Apreciaz activitatea elevilor.

Scriu pe caiete titlul leciei

Sunt ateni la explicaiile profesorului.

ntreab despre modul de rezolvare,

Puncteaz mpreun cu elevii elemente din

competenele specifice de consolidat.

S-ar putea să vă placă și