Colegiul Naional TEFAN CEL MARE Tg.

Neam
Disciplina : INFORMATIC (HTML)
Profesor : Cracan Ioan
Clasa : a IX-a
Nr. ore/saptmn: 2
Anul colar : 2015-2016

Viz director ___________

Viz responsabil catedr ___________

PLANIFICARE CALENDARISTIC
Nr.
crt.
1.

Unitatea de nvare
Limbajul HTML

Competene
specifice

Coninuturi

Crearea fiierelor de tip HTML

Elemente de baz ale unui document
HTML(h,p,br,hr..)
Definirea culorilor
Entitati si simboluri html (ex ,, )
Declararea stilulilor (style, background-color,
color, font-family, font-size, text-align)
Formatarea textului (Bold text, Important text,
Italic text, Emphasized text, Marked text, Small
text, Deleted text, Inserted text,Subscripts,
Superscripts, Comentarii)
Hyperlegaturi (href, link, visited, hover, active)
Inserarea imaginilor (src, alt, usemap with area
definition)
Tabele (table, td, th, tr, colspan, rowspan, caption)
Liste (ol, ul, type, li)
Blocuri(div)
Forms(input type, action,method, target)
HTML Layout Using <div> Elements

Nr.
ore
3
1
2
1

1
3
2
1
2
2
2

Spt.
7-16
1-5
(sem. II)

Observaii

Nr.
crt.
2.

Unitatea de nvare
Limbajul CSS3

Competene
specifice

Coninuturi
Introducere
Sintaxa (selector, declaratii, comentarii)
Inserarea stilurilor in pagina (External style sheet
Internal style sheet Inline style)
Fundaluri(background-color, background-image,
background-repeat, background-attachment,
background-position, background-size,
background-repeat)
Formatarea textului (color, text-align, textdecoration, text-transform, text-indent, letterspacing, line-height, word-spacing, text-shadow)
Fonturi (font-family, font-style, font-size, fontweight)
Culori(rgb, rgba, hsl, hsla, opacity)
Gradienti(linear-gradient, radial-gradient
Hyperlink(color, font-family, background, link,
visited, hover, active, text-decoration, backgroundcolor)
Liste(list-style-type, list-style-image, list-styleposition)
Tabele (border, width, height, text-align, verticalalign, padding)
Box model(margin, padding, border,box-shadow)
Borduri (border-style, border-width, border-color,
border-radius, border-image shorthand)
Display (inline, block, inline-block)
Pozitionari (static, relative, fixed, absolute)
Float (left, right), centrare(margin:auto)
Combinatori CSS(descendant selector (space), child
selector (>), adjacent sibling selector (+), general
sibling selector (~))
Crearea unui meniu de navigare

Nr.
ore
1
1
1
1
1

1
1
1
1
1
2
1
1
1
1

Spt.

Observaii

Nr.
crt.
3.

Unitatea de nvare
Limbajul CSS3 si HTML5

Competene
specifice

Coninuturi
Crearea unei galerii de imagini
Transformari si scalari (translate(), rotate()
,scale(), skewX() ,skewY())
Tranzitii(transition-timing-function,
transition-delay, transition-property, transitionduration)
Animatii (@keyframes)
Video si audio( video,audio, source, controls)

Nr.
ore
1
3
3
3
1
2

Spt.

Observaii