Newsticker: 

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

Langkah 2 – Mengisi Layout dengan Gambar hasil Potongan (Slice)

  1. Untuk mengisi div header, hapus teks Content for class “header” id “header” Goes Here, kemudian klik menu Insert > Image. Pilihlah gambar hasil potongan yang ada di folder images. Dalam tutorial ini nama file yang digunakan adalah index_03.gif. Klik OK.
  2. Setelah Anda mengklik OK, akan tampil kotak dialog Image Tag Accessbility Attributes, isikan teks “Gambar Header Website Ku” pada kotak isian Alt. Klik OK, pada jendela Design Anda akan menjumpai tampilan.
  3. Untuk mengisi div content, hapus teks Content for class “content” id “content” Goes Here, kemudian klik menu Insert > Image. Pilihlah gambar hasil potongan yang ada di folder images. Dalam tutorial ini nama file yang digunakan adalah index_05.gif. Klik OK.
  4. Setelah Anda mengklik OK, akan tampil kotak dialog Image Tag Accessbility Attributes. Abaikan kotak dialog ini dengan mengklik Cancel, pada jendela Design Anda akan menjumpai tampilan.
  5. Untuk mengisi div footer, hapus teks Content for class “footer” id “footer” Goes Here, kemudian klik menu Insert > Image. Pilihlah gambar hasil potongan yang ada di folder images. Dalam tutorial ini nama file yang digunakan adalah index_07.gif. Klik OK.
  6. Setelah Anda mengklik OK, akan tampil kotak dialog Image Tag Accessbility Attributes. Abaikan kotak dialog ini dengan mengklik Cancel, pada jendela Design Anda akan menjumpai tampilan.
  7. Simpan file dengan menekan kombinasi tombol Ctrl+S. Sampai tahap ini Anda telah berhasil mengisi masing-masing div dengan gambar hasil potongan (slices). Di langkah berikutnya gambar untuk div content dan div footer akan digunakan sebagai background.

 

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"...

April  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  

Arsip

April 2020
M T W T F S S
« Mar    
 12345
6789101112
13141516171819
20212223242526
27282930  

Arsip

Kategori