7/31/2019 HTML Tabele Si Liste

1/4

LICEUL TEORETIC DUNAREA GALATI

PROIECT DE LECTIE

DATA : 23 mai 2012CLASA : a IX-a C (profil matematica-informatica)DISCIPLINA : Tehnologia Informaiei si a Comunicatiilor UNITATEA DE INVATARE : Html - limbaj pentru pagini webSUBIECTUL LECTIEI : Adugarea imaginilor. Crearea legaturilor n HTMLDURATA LECTIEI : 50 minuteTIPUL LECTIEI : formare de priceperi si deprinderiLOCUL DE DESFASURARE : laboratorul de informaticaSTUDENT SUSTINATOR : Diaconu Mihaela

COMPETENTE GENERALE : Cunoasterea si intelegerea conceptelor, terminologiei si a procedurilor specifice informaticii Dezvoltarea capacitatilor de explorare/investigare si rezolvare de probleme Dezvoltarea capacitatii de a comunica, utilizand limbajul informatic Dezvoltarea interesului si a motivatiei pentru studiul si aplicarea informaticii in contexte variate

COMPETENTE SPECIFICE : Ordonarea cunostintelor dobandite Descrierea coerenta a etapelor de rezolvare ale unei probleme

OBIECTIVE OPERATIONALE :

La sfarsitul orei, elevii sunt capabili:O1 - Sa utilizeze etichetele de HTML pentru crearea de liste si tabeleO2 - Sa demonstreze cunoasterea atributelor si legatura acestora cu eticheteleO3 - Sa demonstreze cunoasterea metodelor de formatare a tabelelor i listelor

STRATEGII DIDACTICE :1. Resurse procedurale:

metode si procedee: explicatia, conversatia, lucrul cu fise forme de organizare: frontal i individual

2. Resurse materiale: calculator, fi de lucru

STRATEGII DIDACTICE:Principii didactice:

principiul participrii i nvrii active; principiul asigurrii progresului gradat al performanei; principiul conexiunii inverse;

Metode de nvmnt:metode de comunicare oral: expunere, conversaie, problematizarea, studiu de caz, muncaindependent ;

7/31/2019 HTML Tabele Si Liste

2/4

metode de aciune(activ-participative): problematizarea, exerciiul, nvare prin descoperire;

ETAPELE LECIEII. Moment organizatoric(2 min)II. Pregtirea leciei noi (5 min)III. Comunicarea cunotinelor (15 min)IV. Formarea de priceperi i deprinderi(25 min)V. Secvena final(tema pentru acas-notarea elevilor- 3 min)

Desfurarea leciei:

Activitatea Profesorilor Activitatea ElevilorI. Moment organizatoric

Verificareaprezentei elevilor;Verificarea starii retelei de calculatoare

Raporteaza absentii si motivele absentariiRaporteaza eventualele defectiuni tehnice

II. Pregatirea lec iei noiCe este HTML?

Care sunt instrumentele necesare pentru creareaunui site web in HTML?

HTML este prescurtarea de la Hypertext MarkupLanguage, ceea ce reprezinta limbajul pe care

browserele de internet il inteleg si cu ajutorul lui pot fi afisate paginile web.

Pentru a realize un site in HTML avem nevoiede:un editor de text (ex: Notepad) si un browser deinternet (ex: Microsoft Internet Explorer)

III.Comunicarea cuno tin elor: Se anun titlul noii leciei:1. Crearea listelor

- Liste neordonate : folosim tag-urile si. Fiecare element al listei trebuie introdusde tag-ul . Cu ajutorul atributului TYPE,

putem schimba cercul plin din fata fiecaruielement. Prin atribuirea unei valori atributuluiTYPE, vom putea face ca elementele listei sa fie

precedate de un patrat saude un cerc gol .- Liste ordonate: se formeaza cu ajutorul tag-urilor si . Atributul TYPE are ovaloare implicita numere. In loc de numere

putem folosi: litere mari , literemici , cifre romane mici , cifre romane mari .- Liste de defini ii : Pentru a forma liste dedefinitii trebuie sa folosesti tag-urile si. Fiecare element al unei liste de definitiiva trebui introdus de tag-ul (DefinitionTerm), iar apoi fiecare definitie va fi precedatade tag-ul (Definition Definition).

2. Crearea tabelelorPentru a crea un tabel, trebuie sa folosim tag-urile si . Tot ce va fi scris

Noteaza pe caieteAsculta profesorul

7/31/2019 HTML Tabele Si Liste

3/4

Activitatea Profesorilor Activitatea Elevilorintre aceste tag-uri va forma un tabel. Dupa tag-ul urmeaza tag-ul care vine dela "Table Row" (randul tabelului) si reprezintaintroducerea unui rand in cadrul tabelului. Tot ceva fi scris intre tag-urile si va

forma un rand al tabelului. Dupa crearea unuirand, trebuie sa adaugam in cadrul acestuiacateva celule, cu ajutorul tag-urilor si.Pentru ca liniile unui tabel sa fie vizibile tag-ul trebuie sa fie insosit de atributulBORDER avand valoarea egala cu cel putin 1. In

plus, poti schimba culoarea liniilor unui tabelfolosind atributul BORDERCOLOR insotit decodul culorii dorite.Pentru a avea decat o singura linie vom folosi

atributul CELLSPACING cu valoarea "0". Acestatribut specifica distanta dintre celulele unuitabel. Alaturi de acest atribut putem folosi siatributul CELLPADDING care indica distantadintre marginile celulelor si textul din cadrulacestora.Pentru a stabili dimensiunea unui tabel, unuirand sau a unei celule, folosim atributeleWIDTH pentru latime si HEIGHT pentruinaltime. Pentru alinierea datelor din cadrultabelului folosim atributul ALIGN cu una dintre

valorile "left", "center" sau "right". Pentru aalinia datele tabelului pe verticala folosimatributul VALIGN insotit de una dintre valorile"top", "middle" sau "bottom".Pentru a schimba culoarea unei celule, unui randsau chiar a intregului tabel folosim atributulBGCOLOR impreuna cu codul culorii alese. Deasemenea mai sunt doua atribute foarteimportante ale tag-ului : COLSPAN(numarul de coloane pe care se intinde celula) siROWSPAN (numarul de linii pe care se intinde

celula). IV. Formarea de priceperi si deprinderiSe propun spre realizare exerci iile din fisa de lucru:1. Scriei codul pentru a realiza o pagin webcare s arate astfel:

1. Liste Legume, fructe si citrice

Legume

salata;ridichi;

7/31/2019 HTML Tabele Si Liste

4/4

Activitatea Profesorilor Activitatea Elevilor

Adauga i o culoare de fundal paginii. Salva i pagina cu denumirea liste.html.

2. Tasta i codul urmtor. Urmari i rezultatele ob inute. Dup modelul de mai jos, crea i o

pagin web cu orarul vostru.

ORAR partialORAR-ul clasei IX F

LuniMartiMiercuriJoiVineri

Informatica

RomanaMatematicaFizicaGeografie

sfecla rosie; pastarnac;morcov.

Fructe

Sunt alimentele cele maisanatoase.

Citrice

portocale; mandarine;lamai.

2.Elevii tasteaz codul i urmresc rezultatele ob inute.

V. Secven a finalSe anunta tema pentru acasa ca fiind continuareaexerci iului nr.2 din fisa de lucru.

Noteaza tema pe caiete