Download MODERN WEB DESIGN

PRODUCT OVERVIEW
ComLabs USDI ITB
Gedung ComLabs lantai I
Jl. Ganesha No.10
Bandung 40132
Tlp/Fax (022) 2516760
GENERAL PROGRAM
MODERN WEB DESIGN
WEBMASTER SERIES
Pada awal kemunculan internet, website masih berupa berkas teks yang saling terhubung oleh link. Fungsi website
diwakili oleh teks HTML saja, tidak ada elemen visual yang menghiasi halaman web. Akan tetapi seiring dengan
kebutuhan pengguna yang makin besar, maka dikembangkan teknologi yang dapat mempercantik dan menambah
fungsi website. Rata-rata website modern yang muncul akhir-akhir ini memiliki desain yang atraktif, interaktif, dan
dinamis.
Pengembangan website modern yang atraktif, interaktif dan dinamis tidaklah mudah karena melibatkan banyak
faktor desain. Selain itu, desainer web harus mampu menguasai teknologi seperti HTML, CSS, dan Javascript untuk
mampu menciptakan sebuah halaman yang berfungsi dengan baik. Mempelajari HTML, CSS dan Javascript adalah
sebuah pekerjaan yang panjang dan melelahkan apabila tidak dibimbing oleh seorang yang berpengalaman.
MWD
DESCRIPTION
Pada pelatihan ini, peserta akan dibimbing dari awal dalam membuat tampilan website yang atraktif, interaktif, dan
dinamis dengan menggunakan teknologi di atas. Metode yang akan digunakan adalah pemahaman materi yang
kemudian diaplikasikan pada sebuah contoh kasus. Peserta akan dibimbing untuk membuat beberapa contoh
desain halaman web yang umum ditemui di internet. Selain itu, peserta akan diberikan informasi terkini yang
berkaitan dengan desain web.
OBJECTIVE
PREREQUISITE
Setelah mengikuti pelatihan ini, diharapkan peserta:
• Memahami teknologi pembuatan desain website
• Mampu menggunakan HTML dan CSS untuk mengatur layout dan style
halaman website
• Mampu menggunakan Javascript (jQuery) untuk membuat halaman web yang
interaktif
• Dasar pengoperasian komputer
• Familiar dengan internet
Pada pelatihan ini, peserta tidak diajarkan untuk:
• Membuat desain grafis (dengan photoshop, corel atau tools sejenis)
• Menggunakan tools seperti Adobe Dreamweaver untuk membuat desain web
TOOLS
RELATED COURSES
• PC dengan OS Windows 7
• Teks editor (Notepad ++)
• Web Browser (Mozilla
Firefox / Google Chrome)
Disarankan untuk juga mengambil pelatihan:
WBD | Web Development Fundamental
DURATION
36 2 sesi
jam
perminggu
12 3 jam
sesi
persesi
http://course.comlabs.itb.ac.id
1
COURSE SYLLABUS
MWD
GENERAL PROGRAM | WEBMASTER SERIES
MODERN WEB DESIGN
Javascript (jQuery)
HTML & CSS
Chapter 1: Welcome
to The Web −2 jam
Course introduction
How the web works
Designing for the web
Chapter 2:
Basics in Web Design −7 jam
Introduction to HTML
Understanding HTML
Box and Inline elements
Introduction to CSS
CSS selector
Chapter 3:
Styling & Layouting−6 jam
Coloring
Chapter 7: Javascript
−3 jam
Short introduction to Javascript
Data type & operations
Variable & Function
Branching
Chapter 8: jQuery −6 jam
Introduction to jQuery
jQuery selector
DOM manipulation
Events
Animation
jQuery plugins
Styling box and inline elements
Miscellaneous
Styling text
Chapter 9: Advanced
CSS layout
Typography on the web
Box model
Positioning elements
Chapter 4:
topic −3 jam
Advanced Positioning−3 jam
Static, relative, absolute, and
fixed position
Font Replacement
Intro to CSS3
Questions and answers
Laying out pages with HTML and
CSS
Chapter 5: From
Design to HTML −3 jam
HTML Slicing
Slicing exercise
Layouting exercise
Chapter 6: Tables
& Forms −3 jam
Creating tables in HTML
Understanding how form works
Creating forms in HTML
http://course.comlabs.itb.ac.id
2