Membuat Album Foto dengan Dreamweaver, Cepat & Mudah

Bagi kita yang sering ber-internet ria tentunya sudah tidak asing lagi dengan yang namanya Album Foto, Gallery, atau apapun namanya. Album foto biasanya banyak dijumpai pada situs-situs pribadi (personal site) dan situs-situs organisasi. Foto album berisi kumpulan foto atau gambar baik gambar dalam format .jpg maupun .gif. Kita sering melihat-lihat dan mengunjungi album foto milik temen kita atau milik seseorang di suatu situs, kita ingin juga memiliki atau membuat album foto sendiri, tapi banyak yang bingung atau tidak tahu cara membuatnya.

Tutorial singkat berikut akan mencoba membuat album foto menggunakan fasilitas yang sudah disediakan oleh Dreamweaver. Dengan sedikit pengetahuan mengenai HTML dan ada komputer yang sudah terinstall Dreamweaver MX dan Fireworks, kita sudah bisa membuat album foto sendiri dengan cepat dan sangat mudah. Kita dapat menggunakan Dreamweaver versi Macromedia Dreamweaver MX, Dreamweaver 8 maupun versi Adobe Dreamweaver CS. Catatan: Tutorial ini pertama kali saya buat di pertengahan tahun 2003, saat masih kuliah di Universitas Budi Luhur, Jakarta.

Berikut ini langkah-langkahnya:

  1. Siapkan foto atau gambar yang mau ditampilkan, dan masukkan ke dalam satu folder/direktori.
  2. Buka Dreamweaver, dan buat file baru dengan memilih menu File > New. Akan lebih baik jika halaman yang dibuat langsung disimpan, pilih File > Save untuk melakukannya.
  3. Pilih menu Commands > Create Web Photo Albumn… (lihat Gambar 1)

    Album Foto Dreamweaver

    Gambar 1. Create Photo Albumn

  4. Akan tampil form inputan seperti terlihat pada Gambar 2. Isi semua form dengan lengkap.
    Album Foto Dreamweaver

    Gambar 2. Setting Album Foto

    Keterangan Gambar :

    • Photo Album Title diisi dengan judul album foto kita
    • Subheading Info diisi dengan keterangan singkat mengenai album foto.
    • Source Images Folder, tekan tombol Browse dan cari folder tempat kita menyimpan foto kita (langkah 1)
    • Destination Folder, tekan Browse dan arahkan ke folder/ direktori untuk menyimpan foto album kita
    • Thumbnail Size, pilih ukuran thumbnail
    • Columns, isi dengan jumlah foto yang ditampilkan tiap baris

    Tekan tombol OK setelah semua form terisi sesuai dengan keinginan kita

  5. Setelah itu, secara otomatis Dreamweaver akan membuka Program Fireworks yang akan membuat thumbnail untuk setiap foto atau gambar kita. Tunggu beberapa saat hingga Fireworks menyelesaikan pekerjaannya.
  6. Jika semua foto sudah dibuat tumbnailnya maka akan ditampilkan pesan “Album created”. Tekan OK dan album foto kita telah selesai.
  7. Sekarang lihat di folder/direktori tempat kita menyimpan file tadi sudah terbentuk beberapa file dan folder baru. Cari file index.htm dan buka dengan browser (Internet Explorer, Mozilla Firefox atau yang lainnya)
  8. Selamat. Anda telah berhasil membuat album foto sendiri

Demo dan Download

Semoga tutorial kecil ini bisa bermanfaat untuk kita semua.

Comments
  1. 3 years ago
  2. 2 years ago
  3. 2 years ago
  4. 5 months ago
    • 5 months ago
      • 4 months ago

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>