Membuat Media Pembelajaran Interaktif dengan Macromedia Dreamweaver 8

Cara Mudah Membuat Bahan Ajar Interaktif  berbasis Internet dengan Macromedia Dreamweaver 8

Mestinya Macromedia Dreamweaver 8 adalah sebuah program website editor yang berfungsi untuk membuat dan mendesain website secara utuh berdasarkan layout, header, dan template sendiri. Kehandalan dari Dreamweaver 8 sendiri yaitu kemudahan dalam membuat dan mendesain website tanpa harus menulis tag-tag HTML satu persatu walalupun program ini tetap bisa digunakan untuk mendesain website menggunakan kode-kode tersebut karena pada saat membuat program dapat dibagi mejadi tampilan design, tampilan, kode, atau dua-duanya. Disamping itu Dreamweaver 8 dapat melakukan pengecekan spelling dan  check validator kode-kode agar sesuai dengan standar. Salah satu metode yang digunaan saat pembuatan website adalah dengan klik dan drag yang dapat mempermudah Anda dalam membuat website dengan cepat, mudah, menarik, dan interaktif.

Bisakah Dreamweaver 8 dipakai untuk membuat Bahan Ajar Interaktif berbasis Internet Offline? Jawabnya bisa, asal kita mau mencoba dan berusaha untuk bisa.  Guru Indonesia pasti Bisa.

Bagaimanakah  cara membuat Bahan Ajar Interaktif  Offline menggunakan Macromedia Dreamweaver 8 ?

Software dan Bahan yg perlu kita persiapan untuk membuat Bahan Ajar Interaktif :

  1. Software Macromedia Dreamweaver 8. Silahkan download disini.
  2. Template Website.  Silahkan pilih free flash templates. Buatlah folder tersendiri misal “Bahan Ajar TIK” untuk menempatkan template website beserta bahan ajar yang akan kita buat menjadi Bahan Ajar Interaktif.
  3. Bahan Ajar Interaktf. Sementara kami menggunakan 14 bahan ajar TIK SMP  yang disediakan  oleh Pustekkom, yaitu :
  • Sistem Operasi
  •  Perangkat TIK
  • Komputer dan Kesehatan
  • Software Pengolah Kata
  • Software Pengolah Gambar
  • Software Pengolah Angka
  • Perangkat Jaringan
  • Sistem Jaringan
  • Topologi Jaringan
  • Fungsi Internet
  • Akses Internet
  • E-mail
  • Software Preasentasi
  • Pengolah Data

Langkah-langkah membuat Bahan Ajar Interaktif :

  1. Silahkan Install Macromedia Dreamweaver 8.
  2. Buka Macromedia Dreamweaver 8, maka akan tampil preview IDE (Integrated Development Environment) sebagai berikut :
  • Kemudian  pilih menu File Open, silahkan pilih file index. html dari Template Website yang sudah Anda Unduh.

      Untuk memulai membuat sebuah Bahan Ajar Interaktif, terlebih dahulu kita menggambarkan desain yang akan kita buat. Untuk kesempatan ini, kita akan membuat  contoh desain seperti berikut :

Header

Adalah tempat Judul Bahan Ajar Unteraktif yang biasanya dipakai untuk Judul Website, berada diposisi teratas dari webpage, dalam hal ini kita pakai untuk Bahan Ajar Interaktif Offline.

Menu

Menu Adalah Navigator dari Content layout, berisikan link informasi sebuah  Bahan Ajar Interaktif. Pada kesempatan ini, layout menu dapat ditambahkan sesuai dengan kebutuhan pemilik seperti : Pokok Bahasan yang terdiri dari Materi Pelajaran Kelas 7, Kelas 8, Kelas 9 dsb.

Content

Adalah tempat utama dari Materi Pelajaran Bahan Ajar Interaktif, berisikan content dari informasi utama yang dapat dinavigasi melalui menu (hyperlink) pada bagian menu. Untuk tahap awal membuat dalam membuat Bahan Ajar ini, kita akan memasukkan link dari Bahan Ajar yang sudah kita unduh dari Pustekkom.

Footer

Footer hampir sama dengan header, namun yang membedakan adalah, posisi footer berada di bawah dari webpage. Dimana pada tutorial ini berisikan copyright pembuat / pemiliknya.

Pengaturan Link Halaman Utama (File Management) Bahan Ajar

Sesuai dengan desain yang telah kita buat, maka  menu  dari bahan ajar yang akan kita  buat adalah sebagai berikut :

index.html      dari folder Sistem Operasi

index.html      dari folder Perangkat TIK

index.html      dari folder Komputer dan Kesehatan

index.html      dari folder Software Pengolah Kata

index.html      dari folder Software Pengolah Gambar

index.html      dari folder Software Pengolah Angka

index.html      dari folder Perangkat Jaringan

index.html      dari folder Sistem Jaringan

index.html      dari folder Topologi Jaringan

index.html      dari folder Fungsi Internet

index.html      dari folder Akses Internet

index.html      dari folder E-mail

index.html      dari folder Software Preasentasi

index.html      dari folder Software Pengolah Data

Setelah Menu Bahan Ajar selesai kita ketik, maka selanjutnya kita link satu persatu menu tersebut, caranya blok Sistem Operasi pada menu bahan ajar, cari menu Link Page Properties, pilih Link, pilih browse, pilih file index.html dari folder Sistem Operasi.  Berikutnya blok Perangkat TIK, pada menu Link pilih browse, pilih file index.html pada folder Perangkat TIK dan seterusnya sampai selesai. Akhiri dengan File Save.

Selesai sudah kita mengatur halaman utama Bahan Ajar Interaktif. Silahkan coba Bahan Ajar Interaktif Offline dengan software Macromedia Dreamweaver 8, cari file index.html di folder Bahan Ajar TIK. Selamat Berkarya….. !

Berikut ini saya berikan contoh Bahan Ajar TIK SMP yang telah selesai saya  edit, Bahan Ajar berasal dari Pustekkom Depdiknas.  Bahan Ajar tersebut sudah saya lengkapi dengan perintah autorun, sehingga bisa dicopy dalam keping CD. Dan Bahan Ajar Interaktif tersebut dapat dieksekusi browser internet offline.  Silahkan unduh disini. Semoga bermanfaat …. !

Tentang admin

Sesuatu yang baik, belum tentu benar. Sesuatu yang benar, belum tentu baik. Sesuatu yang bagus, belum tentu berharga. Sesuatu yang berharga/berguna, belum tentu bagus.
Tulisan ini dipublikasikan di Media Pembelajaran Interaktif dan tag , , , , , , . Tandai permalink.

Satu Balasan ke Membuat Media Pembelajaran Interaktif dengan Macromedia Dreamweaver 8

  1. Rizka Anwar berkata:

    gan, itu bahasa spanyol yah, gmana ngeditnya jadi bahas ainggris softwarenya gan? :(

Berikan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s