Membuat file xml dengan adobe photoshop

Untuk membuat halaman website diperlukan sebuah template untuk tataletak halaman web. Bila Anda ingin membuat template web pada halaman website anda, ada yang statis, dinamis bahkan ada juga yang menggunakan animasi flash agar tampak lebih menawan. Dengan Adobe Photoshopanda dapat dengan mudah untuk membuat sebuah web photo gallery seperti itu.

Ternyata Adobe photoshop bukan hanya dapat melakukan pengeditan gambar atau foto bahkan untuk membuat template halaman website juga dapat digunakan.

Untuk melakukannya anda dapat mengikuti langkah-langkah berikut

  1. Siapkan foto atau gambar yang anda inginkan untuk digunakan pada sebuah Web.
  2. Buat sebuah folder baru, dan tempatkan semua photo/gambar yang anda gunakan dalam satu folder tersebut.
  3. Buat lagi folder kosong untuk  tempat penyimpanan hasil dari proses pembuatan file web.
  4. Setelah folder dan photo sudah disiapkan, sekarang jalankan aplikasi adobe photoshop, dan klik menu  file > automate > web photo gallery
  5. Maka akan muncul menu seperti berikut :
  6. Pilih salah satu stylenya yang ingin anda masukan dalam web photo
  7. lihat pada bagian use folder dan klik browse untuk menentukan lokasi folder tempat photo yang ingin dijadikan gallery
  8. Klik destination untuk tempat menyimpan hasil pembuatan web gallery kemudian klik OK, Maka PhotoShop akan mengerjakan semuanya sampai selesai, tunggu beberapa saat sampai semua image selesai di proses
  9. Setelah semua settingan anda telah lakukan, kini saatnya untuk melihat hasil kerja dari Adobe PS, maka hasilnya akan seperti berikut  
  10. Double Klik file INDEX.HTM dalam folder yang telah anda buat, maka akan tampil pada brows anda seperti gambar dibawah
  11. Anda juga dapat melihat Script – Script yang telah dibuat dengan bantuan note pad atau dream Weaver. Cobalah klik dua kali pada file photos.XML documet lalu ganti judulnya sesuai dengan judul yang anda inginkan.
  12. Setelah file photos.xml document di klik 2 kali hasilnya akan terlihat kode script xml yang dapat anda lihat dengan software notepad atau pada dreamweaver
  13. Untuk style lainnya silahkan anda mencobanya sendiri. Selamat Mencoba.

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: