Halaman

Selasa, 18 Desember 2012

Cara Membuat Website menggunakan Flash dan IdHostinger

Jari pun sudah kaku ketika lama meninggalkan dunia blogspot tanpa mengupdate postingan. Terdiam sejenak dan mendapat ide untuk membuat website menggunakan flash, setelah membuatnya dengan flash lalu kita upload ke IdHostinger. Ok, sebelum membahas cara membuat websitenya, mari terlebih dahulu kita bahas sedikit tentang flash. Ya flash atau lebih lengkapnya Adobe Flash adalah sofware aplikasi yang bisa digunakan untuk membuat animasi, presentasi serta website. Adobe flash yang saya gunakan disini adalah Adobe Flash CS3 Professional. Kalau IdHostinger adalah sebuah website yang menyediakan layanan website gratis, premium maupun bisnis. Ok mari kita lanjut ke tahap selanjutnya untuk membuat websitenya:
  1. Terlebih dahulu anda harus menginstal Adobe Flash CS2 Professional (googling aje yee)
  2. Buka Adobe Flash lalu Create new, pilih Flash File (ActionScript 2.0). 
  1. Akan muncul tampilan seperti di bawah ini
  1. Lalu atur resolusi document dengan mengklik size di bagian Properties
 
  1. Selanjutnya kita akan membuat tombol, buat sebuah layer baru dan beri nama tombol pada layar tersebut.


  1. Selanjutnya kita akan membuat tombol, klik ractangel tool.
  2. Lalu buat tombol klik di lembar kerja (buat sekreatif yang anda inginkan)
  1. Kemudian aktifkan objek tombol tersebut lalu pilih insert, new symbol (F8) dan pilih sebagai movie clip.

  1. Setelah itu klik 2x pada objek tombol (Click Here), maka kita akan dibawa pada frame bar yaitu didalam symbol 1, disini akan kita animasikan tombol tadi agar terlihat menarik.
  2. Untuk membuatnya bergerak kita ubah letak tombol itu dengan digeser pada setiap framenya, untuk mengkopi ke frame selanjutnya gunakan tombol F6, kreasikan tombol anda dan buat semenarik mungkin. Jika sudah, agar pergerakan animasi tidak berulang, maka pada frame terakhir kita beri script stop, untuk itu kita klik pada frame terakhir lalu tekan tombol f9, maka akan muncul kottak dialog seperti ini.
  1. Masih pada frame terakhir, kali ini kita akan menjadikan gambar tombol pada frame terakhir menjadi sebuah button, klik pada gambar tombol, kemudian tekan tombol F8 dan pilih convert to button :
  1. Setelah diklik OK, kita klik 2x pada objek tombol tersebut, maka seperti pada frame movie clip tadi, kita akan dibawa pada frame symbol2, namun yang membedakan di sini adalah pada frame button haya terdapat 4 frame, yaitu UP, OVER, DOWN dan HIT.
Tekan tombol f6 sebanyak 4 kali sampai semua frame terisi.
Keterangan :
UP                   : keadaan button sebelum dieksekusi
OVER             : Keadaan butto ketika disorot oleh cursur
DOWN           : Keadaan button ketika diKlik
HIT                 : Jangkauan area aktif button

  1. Setelah itu klik pada “Symbol 1” untuk kembali ke frame movie clip tombol. Buat lah beberapa tombol kembali sebanyak yang anda butuhkan dengan mengikuti step by step seperti tadi.
  2. Selanjutnya kita kembali ke frame scene, dan kini kita akan membuat isi dari masing2 tombol, kali ini saya akan mencontohkan isi dari tombol Click Here. Buat layer baru dan beri nama layer tersebut dengan isi.
Kita akan memulainya pada frame ke2, untuk itu kita tekan tombol F6 Lalu isikan dengan data-data sesuai dengan keinginan kalian.

  1. Jika telah selesai maka kita export ke public HTML. Dengan cara klik file, pilih publish setting lalu atur seperti ini
            Klik publish.
            Daaannn, file websitenya telah selesai.
Nah, sekarang saya akan melanjutkan, bagaimana caranya mendaftarkan ke IdHostinger dan membuatnya menjadi website yang bisa dilihat semua orang. Saya akan mendaftarkan diri ke dHostinger dengan website yang gratis, karena ada juga yang premium dan bisnis yang bayarnya perbulan (gratis lebih baik).
1)      Buka www.idhostinger.com, daftarkan terlebih dahulu kemudian pilih menu “Order Sekarang”.
2)      Lengkapilah form pendaftaran serta jangan lupa mencentang pilihan "Saya setuju dengan Ketentuan Penggunaan Layanan" dan kemudian klik menu "Buat Akun".
3)      Setelah itu silahkan cek email Anda (e-mail yang Anda gunakan saat mendaftar). Idhostinger akan mengirimkan dua (2) email kepada Anda. Email yang pertama tentang peberitahuan bahwa Anda berhasil mendaftar di Idhostinger dan email yang kedua adalah pemberitahuan tentang link aktivasi akun.
4)      Klik link aktivasi yang ada pada email ke dua untuk mengaktifkan akun Anda. Setelah Anda klik, maka akun Anda akan aktif dan Anda dapat membuat akun di Idhostinger.com
5)      Mengupload File Melalui File Manager
Pilih Kontrol Panel dan buat akun baru  Di halaman isian akun baru, pilih:
·         Hosting Plan : Gratis,
·         Di bagian  radio button, pilih : Saya ingin menggunakan domain saya sendiri.
·         Domain www: isikan dengan nama domain yang telah anda buat di besaba.com (misal: myprofile.besaba.com)
·         Password dan isian berikutnya tinggal isi sesuai instruksi, lalu klik tombol submit.
6)      Akses web anda
Klik lagi Kontrol panel dan bakal muncul tombol "beralih", lihat gambar.
 
7)      Lalu  anda bakal masuk ke control panel web sendiri, anda bisa membuat database, membuat email, mengatur domain/subdomain, dll.
 
8)      Langkah terakhir adalah mengupload file website yang telah kita buat dengan flash ke IdHostinger.

9)      Dan selesai website anda. Congratulation bray!

Dan untuk melihat website saya cekidot ke www.myprofile.besaba.com


 
Reference: