agar tidak lupa lagi neh mengasih materi untuk disampaikan kepada mahasiswa nantinya, sebab saya suka ada penyakit lupa banget hehehehe.

Pertemuan 1

- pengenalan css
- penulisan aturan css
- penulisan selektor, property, value
- buat layout dengan tabel

pertemuan 2
- property huruf (font-size, font-family)
- property background (image, color, repeat, position)
- selektor tag html
- latihan gabungan huruf dan background

pertemuan 3
- pengenalan selektor class
- property teks
- latihan gabungan dari temu 2 dan temu 3

pertemuan 4
- property border
- selektor id
- struktur layout (header, content, footer)

pertemuan 5
- property padding
- property margin
- property float

pertemuan 6 (coba quiz)
- membuat layout 2 kolom (bisa kanan, atau kiri)

pertemuan 7
- property list (ol dan ul)
- penggunaan link untuk menu (dari ol dan ul)
- property pseudo class (a: hover, a:visited, a:active)
- trik membuat layout ke posisi tengah (selektor{margin:0 auto;}
- menghilangkan kelebihan float dengan property overflow:hidden

pertemuan 8
- UTS (membuat layout 3 kolom + pseudo class :: dengan menarik)

pertemuan 9
- membahas uts 3 kolom
- trik membuat struktur layout dengan div id=wrapper|container|bungkus
- penempatan property clear:both dan overflow:hidden di selektor yang tepat

pertemuan 10
- membuat menu navigasi horizontal dan vertikal dari list

pertemuan 11
- property display
- membuat menu navigasi horizontal dan vertikal menggunakan div id
- membuat layout dengan menu horizontal dan vertikal dengan div id

pertemuan 12
- membuat layout multi kolom dengan property div class = class yang dijadikan id di sisi kanan atau kiri
- property line-height

pertemuan 13
- merapikan form dengan css
- property label, input, textarea dll

pertemuan 14
- membuat layout multi kolom, multi menu + form

pertemuan 15
- membuat pop up menu dari list ul
- perkenalan dengan jquery

pertemuan 16
- UAS (semesteran)

materi file lengkap ada di sini