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.