SAP MI2402 Desain Web

SATUAN ACARA PENGAJARAN Semester:

Kode/Code

1

1

Jenis

Kajian

2

3

3

Web Design

Kompetensi Dasar

Memahami dan memiliki wawasan tentang pengantar website dan desain web

Teori

4

5

3

6

4

7

Praktik um

Prakte

Praktik um

Prakte Praktik

2014

/

2015

Desain Web

Pokok Bahasan

Tag HTML dasar

HTML (Hypertext Markup Language)

Semester

2

3

(ENG)

Materi Bahasan

Media

Pustaka

Ceramah

Projector, papan tulis, komputer

1,2

Tu as

Kom uter

12

Praktikum


1,2

Tugas

Komputer

1,2

Praktikum


1,2

Pemberian tugas dari materi tag HTML (pertemuan Tugas 5)

Komputer

1,2

Tag HTML layout : ‐ Tabel

Projector, papan tulis,

1,2

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 HTML guna membuat ‐ Preformat website ‐ Bold, Italic, Underline ‐ Subscript, Superscript Pemberian tugas dari materi tag dasar HTML (pertemuan 3)

Memahami pengertian HTML beserta fungsi tag‐ tag di dalamnya dalam membuat desain web Tag HTML lanjut

Sub Pokok Bahasan

SKS/Credit (IND)

‐ Kontrak perkuliahan ‐ Pengenalan website ‐ Pengantar desain web ‐ Perkembangan website Pengantar website ‐ Peran HTML dan CSS dalam desain web ‐ Jenis‐ jenis website ‐ Aplikasi‐aplikasi pendukung

Prakte

2

Tahun Ajaran:

Nama Mata Kuliah / Subject Name

MI2402 Minggu Minggu Pert Pert ke‐

Ganjil

Tag HTML lanjut : ‐ Komentar dalam HTML ‐ Karakter khusus dalam HTML ‐ List Tag‐tag HTML lanjutan ‐ Fontasi dalam membangun ‐ Image website ‐ Hyperlink ‐ Form

Metode

Praktikum

Minggu Pert ke‐

Jenis

Kajian

Kompetensi Dasar

Pokok Bahasan

Sub Pokok Bahasan

4

8

Prakte

5

9

Praktik um

Assessment Kajian 1 (HTML)

5

10

Prakte

Review hasil assessment kajian 1 (HTML)

11

Praktik um

6

6

7

7

12

13

14

8

15

8

16

9

17

Mahasiswa memahami dan memiliki wawasan tentang desain web menggunakan CSS

Prakte k

Ma asiswa mampu memahami struktur CSS dalam membangun sebuah website

um

Praktik um

Prakte k Praktik um

Pengenalan CSS

Struktur CSS

Prakte

Materi Bahasan

‐ Sejarah CSS ‐ Kegunaan CSS

Selector, declarator, class

Mahasiswa mampu memahami dan membuat tampilan web menggunakan tag‐tag dalam CSS

Pustaka 1,2

Praktikum


1,2

Tugas

Komputer

1,2

Pengenalan CSS : ‐ Cara kerja CSS ‐ Keuntungan CSS ‐ Jenis CSS ‐ Struktur CSS

Praktikum


1,2

Pemberian tugas dari materi pengenalan CSS (pertemuan 11)

Tugas

Komputer

1,2

Struktur CSS : ‐ Selector ‐ Class selector ‐ ID Se ector ‐ Inheritance ‐ Pseudo Classes ‐ Nesting CSS ‐ Shorthand CSS

Praktikum


1,2

Pemberian tugas dari materi struktur CSS (pertemuan 13)

Tugas

Komputer

1,2

Praktikum


1,2

Tugas

Komputer

1,2

Praktikum


1,2

Pemberian tugas dari materi font dan text dalam CSS (pertemuan 15)

Warna dalam CSS

Media Komputer

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

CSS (Cascading Style Sheets)

Metode

Pemberian tugas dari materi tag HTML (pertemuan Tugas 7)

‐ Setting warna ‐ Property warna Warna dan latar dalam ‐ Latar belakang

Minggu Pert ke‐

9

10

18

19

Jenis

Kajian

Prakte k

Kompetensi Dasar

Pokok Bahasan

Sub Pokok Bahasan

Praktik um

‐ Layer Layering dalam CSS

‐ Hyperlink ‐ Kursor

10

20

Prakte k

11

21

Praktik um

Assessment Kajian 2 (CSS)

11

22

Prakte

Review hasil assessment kajian 2 (CSS)

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

Mahasiswa dapat mengetahui pembuatan layout desain web menggunakan CSS

Mahasiswa mampu membuat desain web menggunakan tag HTML dan CSS serta memasukkan elemen‐ elemen website ke dalam desain yang telah

Website statis

Website statis

Media

Pustaka

Tugas

Komputer

1,2

Layer : ‐ Dasar dan kegunaan layer Hyperlink : ‐ Property dan style halaman Kursor : ‐ Property dan customized cursor

Praktikum


1,2

Pemberian tugas dari materi warna dalam CSS (pertemuan 19)

Tugas

Komputer

1,2

Praktikum


1,2

Tugas

Komputer

1,2

Praktikum


1,2

Tugas

Komputer

1,2

Praktikum


1,2

Tugas

Komputer

1,2


1,2

Komputer

1,2


1,2

Pemberian tugas dari materi layout dan display dalam CSS (pertemuan 23)

Layout website sederhana

Metode

Pemberian tugas dari materi warna dalam CSS (pertemuan 17)

Layout : ‐ Margin ‐ Border ‐ Padding Layout dan display Layout dan display dalam ‐ Floating Display : dalam CSS CSS ‐ Atribut display ‐ Tampilan dalam tabel

CSS Layout

Materi Bahasan

Praktikum membuat website sederhana berbasis Layout website sederhana menggunakan HTML dan CSS 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 Tugas berbasis HTML dan CSS (pertemuan 27) Praktikum membuat website statis berbasis HTML Praktikum Website statis HTML dan dan CSS CSS

Minggu Pert ke‐

Jenis

Kajian

Kompetensi Dasar

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


1,2

Tugas

Komputer

1,2

SAP MI2402 Desain Web

Recommend Documents