PROIECT DIDACTIC Disciplina : Tehnologia Informaiei i a Comunicaiilor Clasa : XII Filier tehnologic, Profil servicii Unitatea de nvare : Utilizeaz
tehnologii IT multimedia (Web, comunicare) pentru crearea documentelor Web Tema leciei : Prelucrri ale elementelor de coninut specifice paginilor Web Tipul lectiei : Verificarea cunotinelor dobndite Locul de desfurare : laborator informatic Timp afectat activitii : 1h Forme de participare a elevilor la instruire : participare individual Nivelul iniial al clasei : elevii cunosc : noiunile legate de instrumentele de lucru necesare crerii siteurilor web, tipuri de site-uri web, structura unei pagini din cadrul unui site web, elementele de coninut ale paginilor Web, ierarhia paginilor n cadrul site-ului Web, criteriile de optimizare a site-urilor Web i efectele acestora
Competene generale : Utilizarea calculatorului i prelucrarea informaiei
Competene specifice :
Utilizeaz tehnologii IT multimedia (Web, comunicare) pentru crearea documentelor Web;
Obiective pedagogice :
Obiective cognitive : s aplice cunotinele acumulate s identifice tipul elementelor unui document HTML s analizeze o secven de cod din punctul de vedere al efectului la execuia n browser s ia decizii Obiective afective : s manifeste angajare i implicare n procesul de instruire s se autoevalueze n raport cu nivelul de performan cerut
Obiective psihomotorii : s exerseze deprinderile intelectuale
s execute rapid, prin automatism, deprinderi intelectuale s exprime unui mod de gndire creativ s se bucure de rezultatele muncii depuse
Obiective operaionale :
s analizeze elementele de coninut ale paginilor Web din punctul de vedere al efectului la execuia n browser s aleag varianta corect dintre cele prezentate s argumenteze alegerea
Strategii didactice :
Principii didactice : principiul progresului gradat al performanei principiul nlturrii treptate a punctului de sprijin
Metode didactice : evaluare prin test realizat n programul QuizCreator itemi obiectivi: alegere multipl, cu mai multe variante de rspuns, una singur corect itemi obiectivi: alegere multipl, cu mai multe variante de rspuns, mai multe corecte
itemi obiectivi: alegere dual itemi semiobiectivi: cu rspuns deschis itemi subiectivi: de tip asociere (pereche)
Mijloace didactice : - calculator
Desfurarea leciei : o Moment organizatoric : organizarea mediului de lucru anunarea modului de desfurare a activitii
o o
Rezolvarea itemilor :- exerciiu
Feed-back : - dezbatere pe tema dificultii subiectelor i a rezolvrilor corecte
Limbajul HTML Nr. Crt 1
Item Limbajul HTML nu este case-sensitive adica nu conteaza dac tag-urile si atributele lor sunt scrise cu litere majuscule sau minuscule. A. True B. False
Documentele hipertext scrise n limbajul HTML nu sunt fiiere de tip text. A. True
B.
False
Tag-urile au un domeniu de actiune cuprins in interiorul perechilor de etichete, asupra caruia acestea isi exercita influenta, in functie de tipul lor, ca in exemplul urmator: 3 < i > text afisat cu caractere nclinate < /i > text normal A. True B. False
URL vine de la: A. Universal Respond Locate 4 B. C. Uniform Resource Local Uniform Resource Locator
Pentru a scrie cuvantul "clasa" cu caractere ingrosate si inclinate (italice) se va folosi forma: A. <bi>clasa</bi> 5 B. C. <b><i>clasa</b></i> <BI>clasa</BI>
Ce este limbajul HTML: A. un pseudocod pentru scrierea programelor 6 B. C. un limbaj de marcare utilizat pe Web un cod vizualizat cu ajutorul unui limbaj de programare
Ce este o hiperlegtura? A. o imagine 7 B. C. codul surs o legtur pentru deplasarea la o locaie dat
Care sunt marcajele obligatorii ntr-un document HTML: A. <HTML>, <A HREF>, <B>, <BODY> 8 B. C. <html>, <title>, <head>, <body> <html>, <i>, <imc src>, <title>
Care din afirmaiile de mai jos sunt adevrate: A. n spatele unei pagini Web se afl un cod surs 9 B. C. 10 pot crea pagini Web cu ajutorul programului Excel pot crea pagini Web cu ajutorul programelor Word i Power Point
Care este marcajul corect pentru realizarea unei hiperlegaturi: A. <imc src> B. <BODY COLOR>
C.
<A HREF =TINTA> text </A
Marcajele necesare crerii unui tabel sunt: A. <TABLE> </TABLE>, <TR>, <CAPTIONA> 11 B. C. <TABLE> </TABLE>, <TD>, <TH> <TABLE> </TABLE>, <TH/D COLSPAN=N>, <TH/D ROWSPAN=N>, <CAPTION>
Marcajul <OL> este folosit pentru a defini: A. o linie orizontala 12 B. C. o lista numerotata o lista nenumerotata
Listele de tip definiie sunt declarate prin marcajul: A. <div>...</div> 13 B. C. <dt>...</dt> <dl>...</dl>
HTML reprezinta: A. Hyperlinks and Text Markup Language 14 B. C. Hyper Text Markup Language Home Tool Markup Language
Comenzile de formatare se transmit folosind: A. marcaje 15 B. C. 16 atribute secvene
Marcajul folosit pentru alegerea tipului de font utilizat la scrierea textului, dimensiunea caracterelor si culoarea folosita are urmatoarea forma: Cine realizeaza standardele Web? A. Microsoft
17
B. C.
Consortiul World Wide Web Mozilla
18
Asociati cate un element din coloana A cu corespondentul sau din coloana B: A B 1. <OL> a. celula noua, intr-o linie 2. <B> 3. <TD> b. un element al unei liste ordonate c. lista ordonata
4. <HR> 5. <LI>
d. linie orizontala e. eticheta cu care se defineste un font ingrosat
Completati spatiile libere: 19 Sintaxa <a href=[Link]>Minister</a> reprezinta ----------------------Pentru a afisa in browser "Aici este un titlu" cu litere mari si subliniat vom folosi urmatoarea linie de cod: A. <U><H1>Aici e un titlu</H1></U B. 20 C. D. 21 <S><H6>Aici e un titlu</H6></S> titlu</H6></S> <S><H1>Aici e un titlu</H1></S> <U><H6>Aici e un titlu</H6></U>
Alegeti varianta de cod care imi afiseaza in browser urmatorul tabel:
A.
<HTML> <HEAD> <TITLE>Tabele</TITLE> </HEAD> <BODY> <TABLE BORDER HEIGHT=100 WIDTH=100> <TR><TH rowspan=2 bgcolor=lightblue>Candidat</TH> Nume Prenume Media <TR><TD>Petcu</TD> <TD>Ionut</TD> <TD>8.20</TD> </TABLE> </BODY> </HTML> <HTML> <HEAD> <TITLE>Tabele</TITLE>
B.
</HEAD> <BODY> <TABLE BORDER HEIGHT=100 WIDTH=100> <TR><TH rowspan=2 bgcolor=lightblue>Candidat</TH> <TH>Nume</TH> <TH>Prenume</TH> <TH>Media</TH> <TR><TD>Petcu</TD> <TD>Ionut</TD> <TD>8.20</TD> </TABLE> </BODY> </HTML> C. <HTML> <HEAD> <TITLE>Tabele</TITLE> </HEAD> <BODY> <TABLE BORDER HEIGHT=100 WIDTH=100> <TR><TH rowspan=3 bgcolor=lightblue>Candidat</TH> <TH>Nume</TH> <TH>Prenume</TH> <TH>Media</TH> <TR><TD>Petcu</TD> <TD>Ionut</TD> <TD>8.20</TD> </TABLE> </BODY> </HTML>
Atributul TYPE poate fi utilizat: A. atat in listele numerotate cat si in cele nenumerotate 22 B. C. doar in listele numerotate doar in listele nenumerotate
Pentru a scrie formula apei se va folosi sintaxa: A. H<u>2</u>O 23 B. C. 24 H<sub>2O H<sub>2</sub>O
Sa consideram pasajul de text urmtor: <font size=10 color="red"> Marcajele HTML <font color="blue"> pot fi </font> vide <font size=12> sau container </font></font>. Care din urmatoarele cuvinte vor fi afisate cu font de dimensiune 12 si culoare albastra? A. B. niciunul container
C.
vide
Consideram tabelul definit mai jos: <table width=100% border=1 cellspacing=0 cellpadding=0> <tr> <td rowspan=2>a</td> <td >b</td> </tr> <tr> <td >c</td> <td>d</td> </tr> </table> Cate celule va contine linia a doua? A. 1 B. C. D. 2 3 4
25
Barem de corectare Fiecare raspuns corect va fi notat cu 3p. Se acorda 25p din oficiu. Variante corecte de rspuns :
[Link]
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14.
Item
True True False c b b c b a,c c c b c b
15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25.
a <FONT face="nume font" size="dimensiune" color="culoare">...</FONT> b 1-c ; 2-e ; 3-a ; 4-d ; 5-b o legatura catre pagina [Link] a b a c a b