Creare HTML

Proiect de lecie
Disciplina: Calculatorul -ntre pasiune i necessitate

Unitatea de nvare: Limbajul HTML
Tema leciei : Crearea unui document html
Tipul leciei: de predare-nvare
Competene specific:
Formarea deprinderilor de lucru cu fiiere html
nsuirea elementelor de baz ale limbajului html
Obiective operaionale:
O1-S creeze un document denumit exerciiu.html;
O2-S adauge text n fiierul creat;
O3-S seteze culoarea fontului i a paginii;
O4-S utilizeze correct tagurile specific unui fiier html;
Strategia didactic: inductiv
a)Metode i procedee: conversaia, explicaia, demonstratia, exerciiul,nvarea
prin descoperire
b)Material didactic: fie cu informaii de sintez
Resurse temporale : 50 de minute
Scenariul leciei:
Nr.
Etapele
Ob.
Desfurarea activitilor
Elemente de
Modaliti de
leciei
crt
1
Moment
organizatoric
1
Actualizarea
cunotinelor
op
strategie
didactic
Elevii deschid calculatoarele.
Prezint elevilor cteva exemple de fiiere
i acetia recunosc programele n care au
fost create:
2
3
Captarea
ateniei
Anunarea
temei i a
obiectivelor
1
Dirijarea
nvrii
evaluare
conversaia
Urmresc
corectitudinea
rspunsurilor
videoproiectorul
Dirijez atenia elevilor spre fiierul cu
extensia html. Elevii vor preciza unde au
ntlnit astfel de fiiere.
Fiierele html sunt tipurile de fiiere care
pot fi citite i ncrcate de browsere.
Siturile sunt formate din pagini html ntre
care au fost create legturi.
Astzi vom crea primul nostru document
html. La sfritul acestei ore vei avea un
astfel de document n care vei aduga
text, vei seta culoarea fontului i a
fundalului paginii.
Prezint elevilor paii de lucru:
1. Se deschide programul Notepad
2. Se scrie un cod de instruciuni
numite taguri.
(prezint elevilor structura de baz
a unui fiier html- anexa 1)
3. Se salveaz fiierul cu extensia
html.
Elevii creaz un document cu denumirea
exercitiul1.html.
Pentru a modifica documentul, pentru a
aduga text, deschidem fiierul cu
Notepad.
Exerciii:
1. Vom da un titlu fiierului :
n seciunea head vom scrie :
<title>Titlul documentului</title> i apoi
salvm.
2. Vom seta culoarea de fond:
<body bgcolor=silver>
Putem s alegem una din culorile
recunoscute (anexa 2) sau putem noi s
definim o culoare .
conversaia
conversaia
Explicatia
Demonstraia
Explicaia
Demonstraia
Exerciiul
Urmresc
dac elevii
scriu corect
elementele de
limbaj n
documentul
creat.
Urmresc
dac elevii
scriu corect
6
7
Obinerea
performanei
Evaluare
Anexa 1
<html>
<body bgcolor=#FFBBAA>
(anexa 3)
3. Vom aduga text:
n seciunea body, vom scrie:
Test de culoare
Salvm i deschidem documentul s
putem vizualiza modificrile.
Elevii adaug enunuri pentru care au
setat diferite culori ale fontului.
Voi evalua documentele create.
- Fie suport
elementele de
limbaj n
documentul
creat.
nvarea prin
descoperire
Urmresc
dac n
fiierele create
se regsesc
cele trei
elemente
nvate : titlu,
culoare
pagin,
culoare text.
<head>
. . .
</head>
<body>
. . .
</body>
</html>
Anexa 2
Definirea unei culori :
. 

- red, maroon, yellow, green, lime, teal, olive, aqua, blue, navy, purple,
fuchsia, black, gray, silver, white;
Prin constructia " #rrggbb " unde r (red), g (green), sau b (blue) sunt
cifre hexazecimale si pot lua valorile: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, A, b, B,
c, C, d, D, e, E, f, F; se pot defini astfel 65.536 de culori.
Alte instruciuni :
 Intreruperea rndului (rnd nou)
 bold
 mrimea caracterelor

Creare 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

Creare HTML

Încărcat de

Drepturi de autor:

Formate disponibile

Proiect de lecie

Disciplina: Calculatorul -ntre pasiune i necessitate

Definirea unei culori :

<font color=green>. </font>

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