Belajar merancang website buatan sendiri

Haii . . . . . selamat pagi . . .  :D

Hari ini adalah hari pertama untuk kita semua belajar merancang website buatan sendiri. Hal pertama pertama yang harus kita lakukan adalah mendesain layout untuk website yang akan kita buat dengan menggunakan photoshop.

Dari pembelajaran ini, kita akan menghasilkan web seperti ini :

dan kamu dapat menyesuaikannya, dengan keinginan kamu.

 Oke langsung saja kita action :

Buka photoshop kamu, lalu ikuti langkah-langkah ini :

 Klik file, klik new, lalu isi kan data nya sama seperti gambar dibawah ini, lalu klik ok :

  

Lalu akan tampil halaman baru dengan bacground putih.

 Desain tampilan web yang kamu inginkan, dan saya telah membuat desain sendiri seperti ini :

 

Setelah membuat designya, langkah selanjutnya kita akan melakukan pemotongan dari design yang telah kita buat dengan menggunakan slice tool.

Seperti gambar ini, saya membuatnya menjadi 4 buah potongan :

 

Lalu klik file > save for web and device

 

 

Klk save

Setelah klik save, lalu sesuai kan pengisian data seperti gambar dibawah ini :

 

Maka terbuatlah folder images dan berisikan gambar gambar yang telah di slice tadi :

 

  

 

Mari Belajar Teknologi Informasi