SILABUS, SAP, INDIKATOR, RPP - MI2402 - Desain Web.xlsx

SATUAN ACARA PENGAJARAN
Semester:
Kode/Code
Jenis
1
1
Teori
1
2
Prakte
k
2
3
Praktik
um
2
4
Prakte
k
3
5
Praktik
um
3
6
4
7
Prakte
k
Praktik
Tahun Ajaran:
2014
/
2015
Nama Mata Kuliah / Subject Name
MI2402
Minggu Pert ke‐
Ganjil
Kajian
HTML
(Hypertext Markup Language)
Kompetensi Dasar
Desain Web
(IND)
Web Design
(ENG)
Pokok Bahasan
Sub Pokok Bahasan
SKS/Credit
Semester
2
3
Materi Bahasan
‐ Kontrak perkuliahan
‐ Pengenalan website
Memahami dan memiliki ‐ Pengantar desain web
wawasan tentang ‐ Perkembangan website
Pengantar website
‐ Peran HTML dan CSS dalam desain web
pengantar website dan ‐ Jenis‐jenis website
‐ Aplikasi‐aplikasi pendukung
desain web
Pemberian tugas dari materi pengantar website (pertemuan 1)
Tag HTML dasar :
‐ Body
‐ Heading
‐ Paragraf
Dasar‐dasar tag, atribut, ‐ Breaking Now
element, value dalam ‐ Horizontal Ruler
Tag HTML dasar
HTML guna membuat ‐ Preformat
website
‐ Bold, Italic, Underline
‐ Subscript, Superscript
Pemberian tugas dari materi tag dasar HTML (pertemuan 3)
Tag HTML lanjut :
Memahami pengertian ‐ Komentar dalam HTML
HTML beserta fungsi tag‐
‐ Karakter khusus dalam HTML
tag di dalamnya dalam ‐ List
membuat desain web
Tag‐tag HTML lanjutan ‐ Fontasi
Tag HTML lanjut
dalam membangun ‐ Image
website
‐ Hyperlink
‐ Form
Pemberian tugas dari materi tag HTML (pertemuan 5)
Tag HTML layout :
‐ Tabel
Metode
Media
Pustaka
Ceramah
Projector, papan tulis, komputer
1,2
Tugas
Komputer
1,2
Praktikum
Projector, papan tulis, komputer
1,2
Tugas
Komputer
1,2
Praktikum
Projector, papan tulis, komputer
1,2
Tugas
Komputer
1,2
Praktikum
Projector, papan tulis, 1,2
Minggu Pert ke‐
4
8
5
9
5
10
6
6
11
12
Jenis
14
Prakte
k
8
16
9
17
Praktik
um
Prakte
k
Praktik
um
Materi Bahasan
Metode
Mahasiswa memahami dan memiliki wawasan tentang desain web menggunakan CSS
CSS
(Cascading Style Sheets)
Pengenalan CSS
‐ Sejarah CSS
‐ Kegunaan CSS
Media
Pustaka
Komputer
1,2
Praktikum
Projector, papan tulis, komputer
1,2
Tugas
Komputer
1,2
Pengenalan CSS :
‐ Cara kerja CSS
‐ Keuntungan CSS
‐ Jenis CSS
‐ Struktur CSS Praktikum
Projector, papan tulis, komputer
1,2
Pemberian tugas dari materi pengenalan CSS (pertemuan 11)
Tugas
Komputer
1,2
Praktikum
Projector, j
,
papan tulis, komputer
1,2
Tugas
Komputer
1,2
Praktikum
Projector, papan tulis, komputer
1,2
Tugas
Komputer
1,2
Praktikum
Projector, papan tulis, komputer
1,2
Review hasil assessment kajian 1 (HTML)
Prakte
k
7
Sub Pokok Bahasan
Assessment Kajian 1 (HTML)
Praktik
um
Praktik
um
Pokok Bahasan
Pemberian tugas dari materi tag HTML (pertemuan Tugas
7)
Prakte
k
13
15
Kompetensi Dasar
Prakte
k
Praktik
um
7
8
Kajian
Struktur CSS :
‐ Selector
‐ Class selector
‐ ID Selector
ID S l
M h i
Mahasiswa mampu memahami struktur CSS Selector, declarator, ‐ Inheritance
Struktur CSS
‐ Pseudo Classes
dalam membangun class
‐ Nesting CSS
sebuah website
‐ Shorthand CSS
Pemberian tugas dari materi struktur CSS (pertemuan 13)
Font :
‐ Font‐family
‐ Font‐size
‐ Font‐color
Teks :
‐ Line‐height
Font dan text dalam Font dan text dalam CSS ‐ Text‐decoration
CSS
‐ Text‐transform
‐ Text‐align
‐ Text‐ Indent
‐ White‐space
Mahasiswa mampu Pemberian tugas dari materi font dan text dalam memahami dan CSS (pertemuan 15)
membuat tampilan web ‐ Setting warna
menggunakan tag‐tag ‐ Property warna
Warna dan latar dalam ‐ Latar belakang
dalam CSS
Warna dalam CSS
CSS
Minggu Pert ke‐
9
10
18
19
Jenis
Kajian
Kompetensi Dasar
Pokok Bahasan
Prakte
k
Praktik
um
10
20
Prakte
k
11
21
Praktik
um
11
22
Prakte
k
12
23
Praktik
um
12
24
Prakte
k
13
25
Praktik
um
13
26
Prakte
k
14
27
Praktik
um
14
28
Prakte
k
15
29
Praktik
um
Layering dalam CSS
Sub Pokok Bahasan
CSS
‐ Layer
‐ Hyperlink
‐ Kursor
Materi Bahasan
Komputer
1,2
Layer :
‐ Dasar dan kegunaan layer
Hyperlink :
‐ Property dan style halaman
Kursor :
‐ Property dan customized cursor
Praktikum
Projector, papan tulis, komputer
1,2
Pemberian tugas dari materi warna dalam CSS (pertemuan 19)
Tugas
Komputer
1,2
Praktikum
Projector, papan tulis, komputer
1,2
Tugas
Komputer
1,2
Praktikum
Projector, j
papan tulis, komputer
1,2
Tugas
Komputer
1,2
Praktikum
Projector, papan tulis, komputer
1,2
Tugas
Komputer
1,2
Projector, papan tulis, komputer
1,2
Komputer
1,2
Projector, papan tulis, komputer
1,2
Layout :
‐ Margin
‐ Border
Border
‐ Padding
Layout dan display Layout dan display dalam ‐ Floating
Display :
CSS
dalam CSS
‐ Atribut display
Mahasiswa dapat ‐ Tampilan dalam tabel
mengetahui pembuatan Pemberian tugas dari materi layout dan display layout desain web dalam CSS (pertemuan 23)
menggunakan CSS
Mahasiswa mampu membuat desain web menggunakan tag HTML dan CSS serta memasukkan elemen‐
elemen website ke dalam desain yang telah dibuat
Website statis
Website statis
Praktikum membuat website sederhana berbasis Layout website HTML dan CSS
sederhana menggunakan hyperlink dan konten di setiap halaman web Pemberian tugas dari materi web sederhana berbasis HTML dan CSS (pertemuan 25)
Praktikum membuat website statis berbasis HTML Praktikum
Website statis HTML dan dan CSS
CSS
Pemberian tugas dari materi website lengkap berbasis HTML dan CSS (pertemuan 27)
Tugas
Praktikum membuat website statis berbasis HTML Praktikum
Website statis HTML dan dan CSS
CSS
Pustaka
Tugas
Review hasil assessment kajian 2 (CSS)
CSS Layout
Media
Pemberian tugas dari materi warna dalam CSS (pertemuan 17)
Assessment Kajian 2 (CSS)
Layout website sederhana
Metode
Minggu Pert ke‐
Jenis
Kajian
Kompetensi Dasar
dibuat
Pokok Bahasan
Sub Pokok Bahasan
15
30
Prakte
k
16
31
Praktik
um
Assessment Kajian 3 (CSS layout)
16
32
Praktik
Review hasil assessment kajian 3 (CSS layout)
Materi Bahasan
Pemberian tugas dari materi website statis HTML dan CSS (pertemuan 29)
Metode
Media
Pustaka
Tugas
Komputer
1,2
Praktikum
Projector, papan tulis, komputer
1,2
Tugas
Komputer
1,2