Pekan depan kita akan mulai memasuki materi Kajian ke-3, tentang Pembuatan Template Web dengan HTML dan CSS. Sebetulnya untuk materi ini bisa Anda dapatkan banyak di Internet. Caranya adalah dengan melihat bagaimana template web dibuat oleh para profesional. Beberapa tahapan yang biasa dilakukan adalah,

• membuat design menggunakan Photoshop (PSD),
• melakukan proses slicing design dan konten
• implementasi layout dengan HTML
• implementasi design dengan CSS

Setiap tahapan diatas dilakukan secara berurutan, untuk mendapatkan bentuk design yang baik. Diasumsikan Anda telah mendapatkan materi mengenai konsep design user interface pada perkuliahan sebelumnya.

Main apa kita pekan ini?

Anda diminta untuk mengambil satu contoh penggunaan design dari bentuk PSD menjadi HTML. Silahkan pilih salah satu “contekan” design Anda pada link berikut ini,

• http://designscrazed.org/free-photoshop-psd-website-templates/
• http://freebiesbug.com/psd-freebies/website-template/

Download template pilihan Anda, harus unik dan tidak sama dengan mahasiswa lainnya. Kemudian buka, dan pelajari bentuk design pada Photoshop tersebut. Pelajari juga bagaimana bentuk HTML template yang telah dibuat. Pada beberapa kondisi template yang dibuat juga menggunakan HTML, CSS dan Javascript.

Mainan ini tidak perlu dikumpulkan, karena Anda cukup hanya mengerjakan dan membawanya pada pertemuan pekan berikutnya.

Jika ada hal yang membingungkan dan perlu didiskusikan, silahkan kirim komentar dibawah ini atau melalui email tambunan.

Thanks,

TFN