8/17/2019 Planificare HTML

1/3

Colegiul Naţional “ŞTEFAN CEL MARE” Tg. Neamţ Disciplina : INFORMATICĂ (HTML) Profesor : C a!an" IoanClasa : a I#$a

Nr. ore/saptămână : % Anul şcolar : %&' $%&'

*i+" ,i e!-o *i+" e/0on/a1il !a-e, "

2LANIFICARE CALEN3ARI4TICĂ

N .! -.

5ni-a-ea ,e 6n7"ţa e Com0e-enţe/0e!i8i!e

Conţinu-u i N .o e

4"0-. O1/e 7aţii

1. Lim1a9ul HTML • Crearea fişierelor de tip HTML• Elemente de bază ale unui document

HTML(h,p,br,hr..)• efinirea culorilor • Entitati !i !imboluri html (e" # ,$, ∅)• eclararea !tilulilor (!t%le, bac&'round color,

color, font famil%, font !ize, te"t ali'n)• ormatarea te"tului (*old te"t, +mportant te"t,

+talic te"t, Empha!ized te"t, Mar&ed te"t, mallte"t, eleted te"t, +n!erted te"t, ub!cript!,

uper!cript!, Comentarii)• H%perle'aturi (href, lin&, -i!ited, ho-er, acti-e)• +n!erarea ima'inilor (!rc, alt, u!emap ith area

definition)• Tabele (table, td, th, tr, col!pan, ro !pan, caption)• Li!te (ol, ul, t%pe, li)• *locuri(di-)• orm!(input t%pe, action,method, tar'et)• HTML La%out /!in' 0di- Element!

2

1

3

1

12

31333

4 151 6

(!em. ++)

8/17/2019 Planificare HTML

2/3

N .! -.

5ni-a-ea ,e 6n7"ţa e Com0e-enţe/0e!i8i!e

Conţinu-u i N .o e

4"0-. O1/e 7aţii

3. Lim1a9ul C44 • +ntroducere• inta"a (!elector, declaratii, comentarii)• +n!erarea !tilurilor in pa'ina (E"ternal !t%le !heet+nternal !t%le !heet +nline !t%le)• undaluri(bac&'round color, bac&'round ima'e,

bac&'round repeat, bac&'round attachment, bac&'round po!ition, bac&'round !ize, bac&'round repeat)

• ormatarea te"tului (color, te"t ali'n, te"tdecoration, te"t tran!form, te"t indent, letter!pacin', line hei'ht, ord !pacin', te"t !hado )

• onturi (font famil%, font !t%le, font !ize, fontei'ht)

• Culori(r'b, r'ba, h!l, h!la, opacit%)• 7radienti(linear 'radient, radial 'radient• H%perlin&(color, font famil%, bac&'round, lin&,

-i!ited, ho-er, acti-e, te"t decoration, bac&'roundcolor)

• Li!te(li!t !t%le t%pe, li!t !t%le ima'e, li!t !t%le po!ition)

• Tabele (border, idth, hei'ht, te"t ali'n, -erticalali'n, paddin')

• *o" model(mar'in, paddin', border,bo" !hado )• *orduri (border !t%le, border idth, border color,

border radiu!, border ima'e !horthand )• i!pla% (inline, bloc&, inline bloc&)• 8ozitionari (!tatic, relati-e, fi"ed, ab!olute)• loat (left, ri'ht), centrare(mar'in9auto)Combinatori C (de!cendant !elector (!pace), child!elector ( ), ad:acent !iblin' !elector (;), 'eneral!iblin' !elector (

8/17/2019 Planificare HTML

3/3

N .! -.

5ni-a-ea ,e 6n7"ţa e Com0e-enţe/0e!i8i!e

Conţinu-u i N .o e

4"0-. O1/e 7aţii

2. Lim1a9ul C44 /i HTML • Crearea unei 'alerii de ima'ini• Tran!formari !i !calari (tran!late(), rotate()

,!cale(), !&e =() ,!&e >())• Tranzitii( transition-timing-function,

tran!ition dela%, tran!ition propert%, tran!itionduration)

• ?nimatii (@&e%frame!)• Aideo !i audio( -ideo,audio, !ource, control!)

12

2

213