Silabus Mata Kuliah Perancangan Web

Kode Formulir : FM-STMIK MDP-KUL-04.02/R0 A.

IDENTITAS MATA KULIAH Program Studi Mata kuliah Kode Bobot Kelas Semester Prasyarat Deskripsi singkat

Standar kompetensi

B.

C.

D.

F.

:

PENILAIAN Tugas Kuis UTS UAS

: : : :

DOSEN Koordinator Anggota

: :

PUSTAKA Buku wajib

:

Buku pelengkap

E.

: : : : : : : :

JADWAL KONSULTASI Hari Jam

Silabus Mata Kuliah Perancangan Web

Perancangan Web 2 SKS

Setelah mengikuti mata kuliah Perancangan Web, mahasiswa dapat memahami materi Perancangan Web yang meliputi pengenalan web, dasar HTML, pengaturan teks, daftar item (list), gambar, tabel, link, frame, formulir dan multimedia. Mmengerti dan memahami konsep dasar membuat web, membangun halaman web yang bersifat statik, serta mudah untuk dijalankan.

1. Dedy hermanto 2. 3.

Kadir, Abdul. Pemrograman Web Mencakup : HTML CSS JAVASCRIPT & PHP. Andi. Yogyakarta. 2003

:

: :

SANKSI 1. Tugas yang dikumpulkan terlambat tidak diberi nilai. 2. Bagi mahasiswa yang memiliki tingkat kehadiran kurang dari 75% tidak diizinkan untuk mengikuti UAS. 3. Mahasiswa yang memakai sandal dianggap tidak hadir.

Kode Formulir : FM-STMIK MDP-KUL-04.02/R0


TABEL KULIAH POKOK BAHASAN DAN TUGAS Tugas

Pertemuan Ke

Pokok Bahasan

1

Pengenalan HTML, TAG, list, Tabel dan Hyperlink

2

Pengenalan Frontpage, memasukkan gambar dan suara Menggunakan interaktif button dan pembuatan Formulir dalam Frontpage Pengenalan CSS, penggunaan atribut SPAN, STYLE

3 4

Membaca

5

Penggunaan CSS untuk mengatur FONT, frame dan background

6

Pengenalan Javascript, oprator dan Logika dalam javascript Penggunaan Javascript dalam penerapan Text Scrolling dan background animasi

7

UJIAN TENGAH SEMESTER 8

Photoshop (Pengenalan tool) bag. 1

9

Photoshop (konsep layer, adjustment) bag. 2

10

Photoshop (filter, slice) bag. 3

11

Flash (Pengenalan tool) bag. 1

12

Flash (animasi) bag. 2

13

Mendesian website

14

Mendesain website lanjutan

Soal



Pokok Bahasan : Pengenalan HTML, TAG, List Standar Kompetensi : Menggunakan Hyper Text Markup Language(HTML) dalam mendesain sebuah website Kompetensi Indikator Sub-pokok bahasan Pengalaman Belajar Dasar 1. Memahami sintaks dasar 1. Mendefinisikan 1. HTML, Body 1. Menggunakan sintaks HTML HTML Penggunaan Body dalam 2. Membuat TAG 2. Membuat TAG, List HTML 3. Membuat List 3. Membuat Tabel 2. Menggunakan TAG, List 4. Membuat Tabel 4. Membuat Hyperlink dalam HTML 3. Menggunakan Tabel dalam 5. Membuat Hyperlink HTML 4. Menggunakan Hyperlink dalam HTML Pokok Bahasan : Pengenalan dan Penggunaan Program Frontpage dalam mendesain website Standar Kompetensi : Menerapkan Frontpage sebagai tool pembantu dalam pembuatan website Kompetensi Indikator Sub-pokok bahasan Pengalaman Belajar Dasar 1. Menggunakan Frontpage 1.1 Mendefinisikan Frontpage 1. Pengenalan Frontpage 1. Mengenal prinsip kerja dan fungsi pada pembuatan website 1.2 Menggunakan Marquee, 2. Memasukkan Teks frontpage Teks, TAG dan List 3. Marquee 2. Memanfaatkan kemudahan penggunaan 4. TAG, List teks 3. Menggunakan marquee, TAG dan List 2. Menerapkan aplikasi 2.1 Menggunakan Hyperlink 1. Hyperlink 1. Menggunakan Hyperlink sebagai Frontpage Untuk 2.2 Menyisipkan gambar 2. Memasukkan Gambar penghubung setiap halaman website penggunaan dalam dalam area kerja front 3. Efek Gambar dengan Marquee 2. Memasukkan gambar dalam area mendasain page 4. Memasukkan Suara frontpage 2.3 Efek gambar dengan 3. Memasukkan Suara ke dalam desain Marquee sebuah website 2.4 Memasukkan suara dalam area kerja frontpage

Alokasi Waktu 2x50 menit

Alokasi Waktu

4x50 menit



3. Menggunakan Frontpage 3.1 Menggunakan frame 1. Membuat Frame dalam pembuatan Formulir, dalam pembuatan website 2. Menerapkan formulir interaktif button 3.2 Menggunakan formulir 3. Menerapkan interaktif button dalam perancangan dengan frontpage 3.3 Memanfaatkan interaktif button dalam frontpage

1. Membuat Frame dengan menggunakan frontpage 2. Membuat Formulir dan memanfaatkan interaktif button

Pokok Bahasan : CSS Standar Kompetensi : Menggunakan CSS dalam pengaturan tabel, font dan frame Kompetensi Indikator Sub-pokok bahasan Dasar 1. Menggunakan CSS 1.1 Mendefinisikan Fungsi 1. Pengertian CSS sebagai bantuan dalam CSS dalam HTML 2. Pengaturan tabel merancang sebuah web 1.2 Mendefinisikan CSS 3. Table style (pewarnaan) dalam mengubah Font, teks dan warna latar 2. Menggunakan Font 2.1 Menggunakan font 1. Font dengan CSS dalam CSS dalam CSS 2. Font size, font type and text 2.2 Menggunakan Efek font 3. Text Alignment dalam CSS dengan CSS

1. Memanfaatkan CSS dalam pengaturan font 2. Menggunakan pengaturan CSS untuk posisi sebuah teks

3. Menggunakan CSS dalam pengaturan bingkai, garis tepi dan

1. Memanfaatkan CSS untuk pengaturan pembuatan sebuah bingkai

3.1 Menggunakan CSS untuk 1. Pembuatan Bingkai pembuatan dan 2. Garis tepi dari bingkai pengaturan sebuah 3. Pengaturan warna background

Pengalaman Belajar

Alokasi Waktu

1. Sintak CSS 2. Merancang sebuah web menggunakan CSS

4 X 50

Kode Formulir : FM-STMIK MDP-KUL-04.02/R0 pewarnaan background


bingkai 4. Background image 3.2 Menggunakan CSS dalam mengubah warna background

2. Menggunakan css sebagai perancang website untuk perubahan warna background



Pokok Bahasan : Javascript Standar Kompetensi : Menggunakan JavaScript untuk mempercantik tampilan dalam sebuah website Kompetensi Indikator Sub-pokok bahasan Pengalaman Belajar Dasar 1. Memahami penggunaan 1. Mendefinisikan dasar-dasar 1. Pengertian JavaScript 1. Memahami Komponen pembentuk operator dan logika pembentuk JavaScript 2. Pengenalan javaScript JavaScript 2. Mendefinisikan Operator dan 3. Pengenalan Properti JavaScript 2. Memahami penggunaan operator logika 1. Pengertian Logika dan Logika dalam JavaScript 2. Operator Logika 4. Logika If, If bersarang dan Switch 2. Memahami perulangan 1. Mendefinisikan perulang 1. Pengertian perulangan 1. Memahami penggunaan dan fungsi 2. Menggunakan perulang do, 2. Operator-operator perulangan perulangan dalam JavaScript while dan for 1. Pengertian Fungsi 2. Memahami penggunaan sebuah 3. Mendefinisikan Penggunaan 2. Variabel Lokal dan global fungsi Fungsi 3. Menampilkan jam 3. Menggunakan JavaScript 1. Menggunakan Efek scorlling 1. Efek teks scrolling dengan 1. Membuat efek scrolling dalam sebagai pembuatan efek dalam JavaScript JavaScript JavaScript animasi dalam 2. Menggunakan efek Background 2. Efek Background dengan 2. Membuat efek background dalam pembuatan sebuah JavaScript pembuatan sebuah website website dengan JavaScript

Alokasi Waktu

4 X 50



Pokok Bahasan : Photoshop Standar Kompetensi : Menggunakan Photoshop untuk mendesain tampilan dalam sebuah website Kompetensi Indikator Sub-pokok bahasan Dasar 1. Memahami dan mampu 1. Memahami penggunaan area 1. Menu Bar menggunakan setiap kerja dari photshop 2. Tools tools dan options dalam 2. Menerapkan penggunan 2.1 Move 2.2 Marquee photoshop. tools, option. 2.3 Lasso 2.4 Crop 2.5 Brush 2.6 Erase 2.7 Gradient 2.8 Pen 2.9 Teks 3. Options 4. Color, Adjustment, Layer 2. Memahami dan dapat 1. Memahami dan menerapkan 1. Adjustment menggunakan penggunaan adjustment 1.1 Brightness/Contrast adjustment (levels, 2. Memahami dan menggunakan 1.2 Levels hue/saturation, color 1.3 Curves layer. balance) 1.4 Exposure 3. Memahami konsep layer 1.5 Hue/Saturation dan dapat 1.6 Color Balance menggunakannya sebagai 1.7 Photo Filter lapisan dari setiap 1.8 Channel Mixer gambar. 2. Layer

Pengalaman Belajar

Alokasi Waktu

1. Mempelajari setiap tools dan options yang terdapat dalam photoshop 2. Menerapkan tools dan option pada sebuah gambar.

6 X 50 1. Menerapkan adjustment dan mengatur parameter didalamnya pada gambar. 2. Menggunakan layer untuk pemisah antar gambar.



3. Menggunakan filter untuk 1. Menerapkan filter untuk menambah efek dalam memberikan efek pada gambar gambar. 2. Menggunakan slice untuk 4. Menggunakan slice untuk efisiensi dalam mendesain efisiensi gambar website.

2.1 Layer Style 2.2 Layer Mask 2.3 Group 2.4 Hidden 2.5 Merge 2.6 Blending 1. Filter 1.1 Artistic 1.2 Brush 1.3 Distort 1.4 Noise 1.5 Sharp 1.6 Blur 2. Slice 2.1 Slice Tool 2.2 Format gambar 2.3 Save for Web

1. Memberikan efek pada teks/gambar 2. Melakukan pemotongan gambar menjadi bagian-bagian kecil. 3. Melakukan import gambar ke dalam format yang lebih efisien.



Pokok Bahasan : Flash Standar Kompetensi : Menggunakan Flash untuk mendesain animasi tampilan dalam sebuah website Kompetensi Indikator Sub-pokok bahasan Pengalaman Belajar Dasar 1. Memahami dan 1. Menggunakan document 1. Document 1. Menggunakan document sebagai menggunakan tools sebagai area kerja 2. Tools area kerja 2. Memahami cara kerja 2. Menerapkan penggunaan 2.1 Selection 2. Menggunakan tools dalam flash dari properties tools (Selection, Pen, Text, 2.2 Pen untuk pembuatan animasi 2.3 Text 3. Memanfatkan properties untuk Lasso) 2.4 Lasso mengatur efek animasi 2.5 Rectangle, Oval 3. Properties 1. Memahami dan 1. Menerapkan penggunaan 1. Timeline 1. Merancang sebuah objek. menggunakan timeline timeline (layer, convert gambar, 1.1 Layer 2. Membuat animasi objek. untuk animasi movie clip, button dan graph) 1.2 Frame Rate 3. Mengatur durasi animasi. 2. Menggunakan frame 2. Menggunakan frame 1.3 Elapse Time 4. Export image dan movie. dalam membuat sebuah 1.4 Convert animasi 1.5 Movie Clip 1.6 Button 1.7 Graph 2. Frame 2.1 Insert Keyframe 2.2 Insert Frame 2.3 Insert Blank Keyframe

Alokasi Waktu

4 X 50



Silabus Mata Kuliah Perancangan Web

Recommend Documents