Luaru Iulia

PROIECT DIDACTIC

Unitatea de nvmnt Disciplina Clasa Profesor Unitatea de nvare Tema

Colegiul Tehnic General Gheorghe Magheru TEHNOLOGIA INFORMAIEI I A COMUNICAIILOR a XII a LUARU IULIA Elemente de baza ale limbajului HTML Formatarea textului dintr-o pagin Web

Tipul lectiei: - dobndirea de noi cunotinte Locul de desfasurare: laboratorul de informatica Durata lectiei: 50 min (predarea), 50 min-fi de lucru. Competente generale: utilizarea corect limbajului specific si invatarea elementelor de baza legate de realizarea unei pagini ;

Competente specifice: - crearea unei pagini simple HTML si afiarea ei cu Internet Explorer Strategii didactice: Principii didactice: principiul participrii i nvrii active; principiul asigurrii progresului gradat al performanei; principiul conexiunii inverse; Metode de invatamant: metode de comunicare oral: expunere, conversaie; metode de actiune: exercitiul, nvare prin descoperire; Procedee de instruire: Explicaia n etapa de nvare; nvarea prin descoperire, prin rezolvare de probleme ; Conversaia de consolidare n etapa de fixare a cunotinelor; Forme de organizare: frontal i individual; Forme de dirijare a nvarii: dirijat de profesor; Resurse materiale: - Reele de Calculatoare (autor: Conf. Dr. Nicolae Tomai- U.B.B.- Cluj) - Reele de calculatoare (autori: Cristea V., s. a., Editura Teora, Bucuresti 1992) Metode de evaluare: - evaluare iniial: ntrebri orale; - set de explicaii;

Luaru Iulia

Desfurarea leciei: 1. Moment organizatoric (2 min.). 2. Reactualizarea cunotinelor ( 5 min.): Care este structura unei pagini Web creat cu comenzi HTML? Care sunt primii pai n creearea unei pagini? 4. Comunicarea noilor cunotinte ( 30 min.):

n HTML formatarea textului dintr-o pagin Web se poate realiza prin: A. Formatarea la nivel de paragraf Formatarea unui paragraf se realizeaz utiliznd urmatoarele etichete: <P></P> - specific faptul c un text reprezint un nou paragraf al documentului html Atributul etichetei: - align : specific tipul de aliniere al textului n pagin Valorile pe care le poate lua sunt left, right, center. Exemplu: <p align=right>Textul va fi aliniat la dreapta in pagina</p> <Hnr><Hnr> - realizeaz nivelurile de titlu n documentul html, nr=1-6 Obs: <H1> > <H6> <BR> - specific trecerea la o nou linie <CENTER>..</CENTER> - permite centrarea rapid a textului. OBS: Acest tag poate fi folosit n special la alinierea titlurilor n document i este asemntor cu eticheta <p align=center> B. Formatarea la nivel de character Formatarea caracterelor se poate realiza prin utilizarea etichetei : <FONT></FONT> Atributele etichetei sunt: - size =valoare (specific dimensiunea caracterelor) OBS: Valoarea primit de acest atribut poate fi : - un numr natural cuprins ntre 1 i 7 - relativ la dimensiunea curent a caracterelor - size 1< size7 -face=nume_font (specific numele fontului aplicat textului) -color=nume_culoare (specific culoarea cu care vor fi scise caracterele) Exemplu: <FONT face=Arial, size=2, color=#ff0000>Acest text este scris cu dimensiunea 2, culoarea rosie si font Arial</FONT> C. Efecte aplicate asupra textului Efectele introduse asupra textului sunt adugate prin etichetele de mai jos: - <B></B> textul va fi scris ngrosat - <U></U> textul va fi scris subliniat - <I></I> textul va fi scris nclinat - <BIG></BIG> textul va fi scris mai mare - <SMALL></SMALL> textul va fi scris mai mic - <STRIKE></STRIKE> textul va fi scris tiat - <EM></EM> textul va fi scris accentuat, scos n eviden - <STRONG></STRONG> textul va fi scris mai accentuat, puternic scos n eviden Exemplu: <B><I><BIG><STRONG>Acest text are efecte!!!</B></I></BIG></STRONG>

Luaru Iulia

4. Fixarea cunotinelor ( 3 min.) Enumerai tipurile de formatri aduse asupra textului i dai exemple. 5. Operaionalizarea cunotinelor (asigurarea conexiunii inverse) (5 min.) se evidentiaz rezultatele obtinute ; se semnaleaz i se corecteaz eventualele erori aprute; se evidentiaz i se noteaz elevii ce au rspuns; 6. Evaluarea (5 min.) se apreciaz capacitatea elevilor de a analiza, de a gsi soliii; se apreciaz capacitatea elevilor de a folosi corect limbajul de exprimare; se apreciaz capacitatea elevilor de a-i formula anumite obiective nainte de studierea noului coninut; se apreciaz capacitatea elevilor de a trage concluzii.

Luaru Iulia

Numele si prenumele________________

Clasa____________

FI DE LUCRU 1 HTML 1. Editai n programul NOTEPAD (Start- All Programs-Accesories-Notepad) urmtorul text: <HTML> <HEAD> <TITLE>EXERCITIU 1 </TITLE> </HEAD> <BODY> <H1>EXERCITIU 1 IN LIMBAJUL HTML</H1> <BR> <H4>SCRIEI NUMELE I PRENUMELE VOSTRU CU MAJUSCULE</H4> <BR> <P> <FONT color=#00ff00>Text de culoare verde</FONT> <BR> <FONT face=Arial> Acesta este un font Arial</FONT></P> <BR><CENTER> <FONT size= 1>Acesta este un text de marime 1</FONT> <BR> <FONT size= 7>Acesta este un text de marime maxima 7</FONT> <BR> <B>Acesta este un text ingrosat</B> <BR> <I>Acesta este un text inclinat</I> <BR> <FONT face=Arial, size=2, color=#ff0000>Acest text este scris cu dimensiunea 2, culoarea rosie si font Arial</FONT> <BR> <U>Acesta este un text subliniat</U></CENTER> <p align=right>Textul va fi aliniat la dreapta in pagina</p> <BR> <B><I><BIG><STRONG>Acest text are efecte!!!</B></I></BIG></STRONG> </BODY> </HTML> 2. Salvati fiierul cu numele Pagina 1. html in dosarul clasei voastre. 3. Vizulizai rezultatul cu un browser de Internet: Internet Explorer, Mozilla, Opera, etc. 4. Modificati efectele, marimile si culorile. Ce observati ?