SEKOLAH TINGGI MANAJEMEN INFORMATIKA & KOMPUTER JAKARTA STI&K SATUAN ACARA PERKULIAHAN : : : Tujuan Instruksional Umum : Mata Kuliah Kode Mata Kuliah Jenjang / Jurusan
M
POKOK BAHASAN DAN TINJAUAN INSTRUKSIONAL KHUSUS
Pendahuluan Apa itu desain Web
1
2
DESAIN WEB (** MI-24227 D3 – MANAJEMEN INFORMATIKA (2 SKS) Agar setiap siswa mampu memahami konsep desain web yang baik, sehingga diharapkan mahasiswa mampu membuat suatu web sesuai dengan konsep desain web yang baik dengan menggunakan tool yaitu Frontpage, Macromedia Flash dan Adobe Photoshop SUB POKOK BAHASAN DAN SASARAN BELAJAR
CARA PENGAJARAN
MEDIA
Mimbar kelas
Desain web sebagai karir profesional Tool mendesain Web Teori Teknik Desain yang Baik Teori Desain Script HTML, CSS Teori Gambar dan warna Teori Animasi (Flash) CMS
Overhead projektor , papan tulis
Pengenalan Frontpage tool untuk script html
Teori Tentang HTML, CSS Frontpage sebagai editor HTML Pengenalan Tools HTML Mendesain WEB manual Mendesain dengan template
Mimbar kelas
Overhead projektor , papan tulis
SAP DIVISION / REVISI 20 JULI 2007
TUGAS
REFERENSI
1. Latihan 2. Tugas
[1]
1/7
POKOK BAHASAN
M
Teks paragrap dan Format karakter, Font, caracter, List Font, caracter, List Dalam HTML Teori Font (pilihan, jenid, ukuran, )
3
SUB POKOK BAHASAN
DAN TINJAUAN INSTRUKSIONAL KHUSUS
DAN SASARAN BELAJAR
• • • • • • • • • • • •
• • • • • •
Paragraf Membuat outline teks Priformated teks Hyphenation Logical formating Physical formatting Formatting Background Aligment Floatingobjeck Spasi (line Break) Garis Horizontal Tag Font Tag Image Atribut Alt Atribut Align Atribut Border Atribut Background • Ordered list • Membuat menu list - unordered list - Unordered list - definition list • Membuat direktori list
SAP DIVISION / REVISI 20 JULI 2007
CARA PENGAJARAN
Mimbar kelas, Praktek, praktikum Lab
MEDIA
Overhead projektor , papan tulis & komputer
TUGAS
REFERENSI
1. Latihan 2. Tugas
[1]
2/7
POKOK BAHASAN
M
SUB POKOK BAHASAN
DAN TINJAUAN INSTRUKSIONAL KHUSUS
Image dan LINK Style Html Teori Gambar dalam Web
DAN SASARAN BELAJAR
• Hypertext dan hypermedia • URL • Link ke e-mail • Link ke ftp Akses database dengan Link WAIS
4
•
•
Table dan Objek
5
Teori desain web dengan table dan tabless
• •
CARA PENGAJARAN
MEDIA
Mimbar kelas, Praktek, praktikum Lab
Overhead projektor , papan tulis & komputer
Mimbar kelas, Praktek, praktikum Lab
Overhead projektor , papan tulis & komputer
TUGAS
REFERENSI
1. Latihan 2. Tugas
[1]
Style HTML external style sheet internal style sheet inline styles Praktikan dapat megerti penggunaan font style untuk memfromat tulisan pada html Elemen Membangun Table Memformat Tabel - atribut width - atribut cellspacing - atribut cellpadding - atribut colspan - atribut rowspan - Heading Tabel
SAP DIVISION / REVISI 20 JULI 2007
1. Latihan 2. Tugas
[1]
3/7
POKOK BAHASAN
M
Frame
6
Form Teori Frame (manfaat, kegunaan) Form (Web Interaktif)
Pengenalan Macromedia Flash
7
SUB POKOK BAHASAN
DAN TINJAUAN INSTRUKSIONAL KHUSUS
Teori Animasi Manfaat Kelebihan dan kelemahan
DAN SASARAN BELAJAR
•
Menambahkan Objek -Hover Button - Marquee
• • •
Membuat Frame Mengatur Tampilan Frame Target Hyperlink
• • • •
Tag
