Membuat Situs Foto Minimalis dari PSD hingga HTML/CSS

Tutorial yang terbagi dalam dua bagian ini memperlihatkan cara pembuatan situs foto minimalis secara lengkap, dari proses desain di Photoshop hingga proses markup ke HTML/CSS. Tutorial ini saya tulis bersama dengan Satrya.

[hr]

Preview

Klik gambar di bawah untuk melihat versi demo situs ini.

Membuat Situs Foto Minimalis dari PSD hingga HTML/CSS

[hr]

Sebagian Langkah Yang Dilakukan

Tutorial bagian pertama memperlihatkan proses desain di Photoshop. Desain situs ini menggunakan framework 960 gs.

Membuat Situs Foto Minimalis dari PSD hingga HTML/CSS
Membuat Situs Foto Minimalis dari PSD hingga HTML/CSS
Membuat Situs Foto Minimalis dari PSD hingga HTML/CSS

Tutorial bagian kedua ditulis oleh Satrya. Di sini diperlihatkan cara memotong elemen desain di Photoshop untuk kemudian digunakan dalam proses markup.

Membuat Situs Foto Minimalis dari PSD hingga HTML/CSS

Di tutorial ini, Satrya juga memperlihatkan bug-bug yang muncul di IE6 dan cara memperbaikinya.

Membuat Situs Foto Minimalis dari PSD hingga HTML/CSS

[hr]

Link Tutorial

Tutorial ini ditulis ekslusif untuk PVMgarage. Silakan klik link di bawah untuk membacanya secara lengkap.

Iklan

16 thoughts on “Membuat Situs Foto Minimalis dari PSD hingga HTML/CSS

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s