Newsticker: 

Membuat Website Personal Full Color dengan Adobe Photoshop CS dan Macromedia Dreamweaver 8 (part 3)

Langkah 2 – Pemotongan dengan Menggunakan Slice Tool

  1. Buka w3function.psd menggunakan Adobe Photoshop CS

  1. Aktifkan Slice Tool , kemudian potong desain layout mengikuti bentuk layout dasar, yaitu header, content, dan footer. Sebaiknya Anda membesarkan tampilan kanvas menggunakan Zoom Tool  agar pemotongan dapat dilihat dengan lebih jelas. Mulailah menarik garis potongan dimulai dari sudut kiri atas desain. Berikut ilustrasi pemotongan untuk bagian header.

  1. Lanjutkan dengan memotong bagian untuk content dengan melihat ilustrasi gambar di bawah ini.

  1. Terakhir lanjutkan memotong bagian footer dengan melihat ilustrasi di bawah ini.

  1. Setelah bagian-bagian yang akan dipotong selesai ditandai, klik menu File > Save for Web.

Pengaturan untuk penyimpanan :

  1. Klik tombol Save, simpan potongan desain layout Anda dengan nama index.html ke direktori yang sama dengan w3function.psd

  1. Sampai tahap ini Anda akan mendapatkan file index.html dan folder images.

 

baca langkah selanjutnya disini

Bagikan...

Cari pada situs ini

Drs. Djaetun H.S (Pendiri Yayasan Atma Luhur)

..."Cerdas berbudi luhur adalah dua hal yang tak terpisahkan. Kecerdasan tanpa diimbangi budi luhur akan digunakan untuk membodohi dan mencelakakan orang lain. Sebaliknya, budi luhur tanpa diimbangi kecerdasan akan menjadi sasaran kejahatan dan penindasan orang lain"...

March  2020
Mon Tue Wed Thu Fri Sat Sun
   
  1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31  

Arsip

March 2020
M T W T F S S
« Dec    
 1
2345678
9101112131415
16171819202122
23242526272829
3031  

Arsip

Kategori