Thursday, October 10, 2013

CARA MENGGUNAKAN ADOBE DREAMWEAVER CS3

CARA MENGGUNAKAN ADOBE DREAMWEAVER CS3

STEP 1
- Buka program adobe dreamweavernya kemudian pilih HTML.


Screen shot 2013-01-18 at 10.41.23 AM

STEP 2 - Setelah terbuka pilih tab design

Screen shot 2013-01-18 at 10.41.29 AM

Screen shot 2013-01-18 at 10.41.36 AM


STEP 3 - Pilih menu Insert > Common > Media > Flash Button

Screen shot 2013-01-18 at 10.41.44 AM

STEP 4 - Pada saat kita memilih flash button maka akan muncul paparan seperti dibawah ini. Maka kita harus menyimpan filenya terlebih dahulu. Klik ok sahaja.

Screen shot 2013-01-18 at 10.41.50 AM

STEP 5 - Simpan file terlebih dahulu. File > Save.

Screen shot 2013-01-18 at 10.41.56 AM

Kemudian simpan dalam folder baru, beri nama filenya menu_flash.html.

Screen shot 2013-01-18 at 10.42.00 AM

STEP 6 - Kemudian kita ulangi pilih menu insert > common > flash button lalu ia menunjukkan paparan seperti di bawah.

Screen shot 2013-01-18 at 10.42.06 AM

Keterangan : 
  • Sample : Untuk melihat sampel sementara atau bentuk pilihan falsh button sesuai pilihan.
  • Style : Menu pilihan Flash button
  • Button Text : Teks yang akan di isikan ke dalam flash buttonnya.
  • Font : Jenis tulisan yang akan digunakan
  • Size : Ukuran teks yang akan digunakan
  • Link : Alamat tujuan link dari flash buttonya
  • Target : Target pilihan tujuan link
  • Bg colour : Background warna dari flash button
  • Apply : Melihat hasil sementara tapi belum disetujui klik
  • Ok : Jika sudah sesuai keinginan
Untuk contoh boleh lihat gambar di bawah ini :

Screen shot 2013-01-18 at 10.42.12 AM

STEP 7 - Setelah klik ok maka akan muncul kotak dialog flash Accessibility Attributes, di title klik menu kemudian klik ok.

Screen shot 2013-01-18 at 10.42.18 AM

Dan inilah hasilnya

Screen shot 2013-01-18 at 10.42.24 AM

Untuk menambah menu-menu berikutnya, ulangi langkah-langkah tadi.

NB : Pada saat sudah terbuat flash button tadi penyimpanan di folder tadi akan memaparkan flash button yang kita buat tadi.

Screen shot 2013-01-18 at 10.42.29 AM



1 comment:

  1. Wah bagus artikelnya sangat membantu untuk proses pembuatan web dasar bagi yang tertarik belajar web lebih lanjut bisa belajar dari tahap web design dan SEO

    ReplyDelete