Membuat Web dengan Photoshop CS5 | putra PANTURA

Diposting pada

saya setelah kemarin membuat form html sekarang datang lagi memberikan tutorial tentang membuat web dengan photoshop sebagai pembuat templatenya. cukup 2 ( dua ) software yang kita gunakan yaitu Photoshop CS dan dreamweaver CS semua dari pabrikan adobe. disni penulis memakai Photoshop CS5 dan DreamWeaver CS3 sebelum melakukan, cek list program anda jika belum punya dreamweaver klik disini
dibawah ini tutorialnya :

  • buka photoshop yang anda miliki
  • new layer pilih ukuran piksel 1300×800 biar optimize tampilan sesuai browser
  • edit sesuai tampilan yang kalian suka
  • setelah tampilan yang akan menjadi template siap.
  • pilih slice tool ( gambar pisau ) tekan tombol C , crop sesuai button yang anda inginkan
  • save for web & devices atau alt+shift+ctrl+S untuk menyimpannya
langkah dalam pengsavean dan penataan piksel
save file dengan extensi HTML
  • kemudian buka adobe dreamweaver untuk mengedit script HTML tiap gambar.
edit script HTML di Dreamweaver
  • klik gambar about
  • masukkan link about dan save as.. dengan nama about.html sehingga muncul file baru dengan nama about, untuk hyperlink.
  • ulangi langkah no.8 sampai selesai
  • letakan semua file html dan images dalam satu folder.


selamat mencoba. semoga berhasil.

Gambar Gravatar
Blogger dan Programmer | andhika.na@gmail.com

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *