Satuan Ajaran Perkuliahan
(SAP)

 

1. Lesson 1 : Sekilas tentang World Wide Web
  Materi :
  • Pengenalan internet, sejarah, web pages, World Wide Web
  • Fasilitas apa saja yang ada di internet
  • Apa yang dibutuhkan untuk membuat web pages

Perkenalan dan Pengantar Kuliah Desain Grafis, deskripsi dan tujuan. Presentasi Sejarah Internet. 

2. Lesson 2 : Pengenalan Web Browsers 
 

Materi :

  • Pengenalan web browsers dan ragamnya
  • Toolbar Browser
  • URLs, http, TCP/IP, IP Addressing, Host, Server dan Client 
  • Browser dan Platform [Internet Explorer, Netscape, Mozilla, Opera] 

Mempelajari dan berlatih tentang penggunaan dan setting konfigurasi program web browser.

Software : Internet Explorer dan Mozilla

3. Lesson 3 : HTML
 

Materi :

  • Definisi dan pengertian
  • HTML Tags untuk teks/ huruf [paragraph, list, hr, br]
  • HTML Tags untuk warna
  • HTML Tags untuk gambar [JEPG/ GIF/ PNG]
  • HTML Tags untuk hyperlinks
  • HTML Tags untuk tabel
  • Dynamic HTML dan HTML editor

Mahasiswa mulai belajar menggunakan tag-tag HTML secara manual.

Software : Notepad/ Word pad

4. Lesson 4 : Desain Web untuk Sebuah Tujuan 
[Site Design]
 

Materi :

  • Apa itu desain dan desain web 
  • Mengapa membuat web page?
  • Memberikan informasi yang baik
  • Memberikan nilai tambah halaman web
  • Prinsip-Prinsip Kegunaan : Kesederhanaan, Kontras, Metaphors, Themes, Grids dan konsistensi.
  • Teknik sederhana yang berhasil Guna.

Mahasiswa mulai memahami konsep-konsep perancangan sebuah halaman web.

Software : Frontpage 2000/ Macromedia Dreamweaver 4

5. Lesson 5 : Perencanaan Sebuah Situs 
[Site Design]
 

Materi :

  • Penetapan strategi desain web
  • Define Content Outlining and Storyboarding 
  • Site map/ site structure/ Site Elements
  • Site covers, Navigasi, template, tabel, hyperlinks

Mahasiswa mulai memakai komputer dan menyusun content dan informasinya

Software : Frontpage 2000/ Macromedia Dreamweaver 4

6. Lesson 6 : Layout Design
[Page Design lanjut ke lesson 7]
 

Materi :

  • Apa itu layout?
  • Bagaimana layout yang baik?
  • The Element of Design
  • The Principles of Design
  • Desain Grid untuk halaman web.

Mahasiswa membuat layout sesuai content web 

Software : Frontpage 2000/ Macromedia Dreamweaver 4

7.Lesson 7 : Penggunaan Huruf dan Warna Yang Efektif 
 

Materi :

  • Bekerja dengan jenis-jenis huruf [typhography]
  • Typefaces  
  • Membuat content text yang efektif
  • Warna dan kombinasi [Colored Backgrounds]
  • Membuat background gambar

Mahasiswa belajar tipe2 huruf dan web page background

Software : Frontpage 2000/ Macromedia Dreamweaver 4

8.Lesson 8 : Bekerja dengan Frames
 

Materi :

  • Mengapa menggunakan frames
  • Pengenalan tipe-tipe frame
  • Pemilihan frame untuk sebuah web page

Mahasiswa belajar Frames dengan content yg sudah disusun

Software : Frontpage 2000/ Macromedia Dreamweaver 4

 
9. Lesson 9 : Web Graphics
 

Materi :

  • Graphics Introduction
  • Ccolor Display Primer [Warna-warna Primer]
  • Graphic File Format, Interlaced GIFs, Transparent GIFs, JPEG Graphics 
  • Perimbangan Ukuran Gambar, Resolusi Warna
  • Colour Depth [Kedalaman Warna]
  • Interlacing Images
  • Transparent Images
  • Imagemaps
  • Preview Images

Presentasi dan Mahasiswa belajar dasar-dasar graphic

Software : Photoshop 5.5/ 6.0

10. Lesson 10 : Photoshop I

 

Materi :

  • Mengenal Area Kerja [Menu bar, Option bar, Toolbox, Layer, Palet, Status bar]
  • Mode dan Model Warna [RGB, CMYK, Bitmap Mode, Grayscale Mode, Duotone Mode, Multichanel Mode]
  • Membuat dokumen baru [Name, Width, Height, Resolusi, Mode, Contents]

Mahasiswa belajar memanipulasi gambar sederhana

Software : Photoshop 5.5/ 6.0

11. Lesson 11 : Photoshop II 
 

Materi :

  • Teknik Seleksi [menu seleksi, Marquee, Lasso, Magic wand, menggeser seleksi]
  • Teknik Layering [Palet Layer, Image layer, Editing layer, Layer mask]
  • Membuat Komposisi Gambar Sederhana [Copy dan transformasi gambar, Menyisipkan image, Memperbesar bidang gambar, hapus obyek di dalam image, Filter]

Mahasiswa dikenalkan teknik penggunaan Adobe Photoshop tingkat lanjut.

Software : Photoshop 5.5/ 6.0

12. Lesson 12 : Photoshop III dan Manipulasi Foto
 

Materi :

  • Teknik Drawing [Shape, Tool Pen, Palet Path
  • Teknik Penulisan Teks [Tool type, Menulis Teks, Rasterize layer, Anti aliasing, Edit teks, Manipulasi teks]
  • Manipulasi Foto dan Resolusi Warna [Hapus Background, Stamp, Focus dan Toning
  • Height and Width Tags

Mahasiswa mengerjakan desain web dengan cepat memakai : Adobe Photoshop, Adobe ImageReady, dan Macromedia Dreamweaver.

Software : Photoshop 5.5/ 6.0

13. Lesson 13 : Flash
 

Materi :

  • Toolbar flash
  • Drawing Tool
  • Symbols, Instance dan Behaviour
  • Movie Clips, Frame, Key Frame dan Tweening
  • Action Script, Button
  • Publish Flash ke HTML

Mahasiswa dikenalkan konsep kerja Flash dan latihan menggunakan Flash.

Software : Marcomedia Flash 5.0

14. Lesson 14  : Browser dan Publikasi Website 
 

Materi :

  • Kompatibilitas Browser
  • Security, Web Browser dan Web Servers
  • Promosi Website
  • Pengenalan Search Engine [Keywords, dan Metaname]
  • Pendaftaran web page
  • Monitoring web page visits 
  • Bandwidth [Kecepatan]

Mahasiswa belajar upload file agar bisa diakses oleh browser.
Mahasiswa mempromosikan website nya melalui search engine.

Software : WS-FTP, SecureFX, IE, Netscape, Mozilla, Opera

 

[ Top ]

 

© 2002 by Dwi Kristianto, ST. All rights reserved.
//virtualbook is dedicated to the Internet and the World Wide Web.
Currently hosted on faculty.petra.ac.id.