Top Menu

Dapatkan buku The Power of Photoshop. Disertai bonus video tutorial. Harga: Rp 78.800 Rp 54.500

Tag Archives | Desain Web

Photoshop banyak digunakan untuk membuat gambar dan layout dalam desain web. Di tutorial ini, kami menununjukkan cara mendesain sebuah tabel harga untuk perusahaan hosting dengan kombinasi vektor shapes dan layer styles. Tutorial ini ditulis eksklusif untuk <a href="http://psd.tutsplus.com/tutorials/interface-tutorials/clean-and-modern-pricing-table/">Psdtuts+</a>.

Mendesain Tabel Harga Perusahaan Webhosting di Photoshop

Photoshop banyak digunakan untuk membuat gambar dan layout dalam desain web. Di tutorial ini, kami menununjukkan cara mendesain sebuah tabel harga untuk perusahaan hosting dengan kombinasi vektor shapes dan layer styles. Tutorial ini ditulis eksklusif untuk Psdtuts+.

Di dua <a href="http://desaindigital.com/mendesain-website-sederhana-dari-psd-hingga-html-bag-1/">tutorial</a> <a href="http://desaindigital.com/mendesain-halaman-web-sederhana-dari-psd-hingga-html-bag-2/">sebelumnya</a>, kita telah membuat menghasilkan layout sederhana tanpa pengaturan CSS dengan <a href="http://960.gs">Framework 960gs</a>. Di tutorial penutup ini, kita akan memperbaiki tampilannya dengan menambahkan beberapa kode CSS. Anda akan belajar cara menggunakan font custom dengan <code>@font-face</code>, memahami fungsi class <code>clear</code> di Framework 960gs, dan beberapa fungsi dasar lainnya.

Mendesain Halaman Web Sederhana dari PSD Hingga HTML –Bag 3

Di dua tutorial sebelumnya, kita telah membuat menghasilkan layout sederhana tanpa pengaturan CSS dengan Framework 960gs. Di tutorial penutup ini, kita akan memperbaiki tampilannya dengan menambahkan beberapa kode CSS. Anda akan belajar cara menggunakan font custom dengan @font-face, memahami fungsi class clear di Framework 960gs, dan beberapa fungsi dasar lainnya.

Di tutorial sebelumnya, kita telah membuat file PSD sederhana dengan framework 960gs. Di tutorial ini, kita akan belajar teknik slicing, markup dengan HTML 5, dan mengatur penempatan setiap elemen dengan Framework 960gs. Pastikan Anda telah menguasai dua artikel sebelumnya tentang 960gs yaitu <a href="http://desaindigital.com/panduan-mudah-desain-web-dengan-960gs-bag-2/">Panduan Mudah Desain Web dengan 960gs –Bag 2</a> dan <a href="http://desaindigital.com/panduan-mudah-desain-web-dengan-960gs-bag-1/">Bag 1</a>

Mendesain Halaman Web Sederhana dari PSD Hingga HTML –Bag 2

Di tutorial sebelumnya, kita telah membuat file PSD sederhana dengan framework 960gs. Di tutorial ini, kita akan belajar teknik slicing, markup dengan HTML 5, dan mengatur penempatan setiap elemen dengan Framework 960gs. Pastikan Anda telah menguasai dua artikel sebelumnya tentang 960gs yaitu Panduan Mudah Desain Web dengan 960gs –Bag 2 dan Bag 1

Di bagian kedua panduan desain web dengan 960gs ini, kita akan melihat penggunaan beberapa class untuk memperbaiki tampilan elemen. Walaupun pendek, dengan berbekal artikel ini dan pengetahuan dasar CSS dan HTML Anda akan mampu membuat projek desain web sederhana.

Panduan Mudah Desain Web dengan 960gs –Bag 2

Di bagian kedua panduan desain web dengan 960gs ini, kita akan melihat penggunaan beberapa class untuk memperbaiki tampilan elemen. Walaupun pendek, dengan berbekal artikel ini dan pengetahuan dasar CSS dan HTML Anda akan mampu membuat projek desain web sederhana.

Beberapa hari ini, saya mulai mencoba belajar pemrograman web HTML dan CSS. Saya juga mulai belajar menggunakan framework populer 960gs. Ternyata framework ini sangat mudah digunakan. Artikel ini akan membahas konsep dan cara penggunaan 960gs secara praktis.

Panduan Mudah Desain Web dengan 960gs –Bag 1

Beberapa hari ini, saya mulai mencoba belajar pemrograman web HTML dan CSS. Saya juga mulai belajar menggunakan framework populer 960gs. Ternyata framework ini sangat mudah digunakan. Artikel ini akan membahas konsep dan cara penggunaan 960gs secara praktis.