Materi Belajar kita kali ini, akan membahas bagaimana cara mendesign atau memasukkan design web yang telah anda buat dari photoshop ke dalam dreamweaver. Untuk  mempermudah   kita  dalam  pengerjaan  kita  harus  membuat website  kita  dalam  suatu  site  agar  filenya tidak  berantakan  yaitu  kita  pilih  site, manage  site  kemudian  pilih  new  dan  site  maka  akan  muncul  tempat  untuk  kita  memberi  nama  file  kita  contohnya  kita  membuatnya dengan   nama  web lalu  klik  tombol  next  kemudian  klik  tombol  browse  untuk  tempat  kita  menyimpan  file. Untuk  menyimpan  file  tersebut  pastikan  folder  images  harus  ada  di  dalam  folder  web  kita, agar  kita  dapat  mengambil  file  dari  folder  images  kita  dengan  mudah  dan  tidak  berantakan. Setelah  itu  pilih  select  dan  next   kemudian  klik  tombol  none  maka  akan  muncul  di  sebelah  kiri  halaman  pada  dreamweaver  yaitu  file-file apa saja  yang   ada  folder  web  tersebut . Selanjutnya  kita  pilih  file  new  kemudian  kita  pilih  basic  pagenya  kita  pilih  HTML dan  klik  tombol  create  maka  akan  muncul  halaman kerja  kita.

Pada  halaman kerja  kita  letakkan  sebuah  table, usahakan  kita  harus  pada  halaman  common. Dan  untuk  mengetahui  lebar  website  kita ,   kita  lihat  pada  potoshop  yaitu  pilih  image  kemudian  image  size  maka  akan  tertera  ukuran  website  kita.  Untuk   menentukan  ukuran  website  kita  di    dreamweaver   kita  harus  melihat  ukurannya   website  tersebut    di  potoshop  yaitu  pada  image  size.  Untuk  menghilangkan  jarak  daripada  kolomnya  adalah  pada  celpad  dan  celspacenya  ukurannya  adalah 0.

Cara  meletakkan  design web  kita  ke  dalam  dreamweaver  yaitu  dengan  cara  klik  tombol  common  lalu  kita  pilih  image  untuk  memasukkan   image  yang  sudah  kita  slicing. Untuk  memasukkan  image  right  bar  kita  harus  tentukan  hoizontalnya  left  sedangkan  vertikalnya  adalah  top  kemudian  masukkan  image  di  bagian  right  barnya. Untuk  menambahkan  baris  dan  kolom  kita  cukup  mengklik  bagian  table  lalu  kita  tentukan  rows  dan  columsnya.

Untuk  menghilangkan  batas  pada  baris  atau  menyatukan  baris  dan  kolom  kita  cukup  mengklik  kanan  table dan  pilih  marge  cells.  Untuk  membuat  jarak  kita  rubah  menjadi  left  pada  bagian  horizontalnya. Selanjutnya  pada  pembatas  image  yaitu  misalnya  titik-titik,  untuk  memasukkannya  ke  dreamweaver  kita  cukup  dengan  klik  kanan  lalu  pilih  table  kemudian  pilih  insert  rows.

Download: Register or Login