untukPINTAR

Membuat Web Gratis dengan Wix

Wix  adalah website berbasis animasi flash tanpa perlu memiliki basic pemrograman flash, tidak perlu instalasi flash plug in atau flash widget. Jadi cara ini saya pikir sangat cocok bagi pemula yang ingin mencoba membuat website baru tanpa biaya domain dan hosting.

Melalui Wix sebuah website berbasis animasi flash yang menakjubkan dapat kamu buat  hanya dengan drag and drop. Di samping itu template website gratis yang disediakan Wix cukup bervariasi sehingga dapat dengan mudah disesuaikan dengan tema website yang akan dibuat. Dapat dengan leluasa mendesain template baik dengan animasi flash atau tidak. Di sini kamu dapat berkreasi di dalam mendesain sebuah website Flash.

Untuk kamu yang tertarik, tulisan ini berisi tutorial pembuatan singkat dan mudah website flash di wix.com.

1.     Silahkan langsung menuju ke wix.com. Mencobalah bersabar karena web ini penuh flash.

2.    Click Login/ Sign Up. Untuk yang pertama kali, daftarkan (sign up) email kamu dan isi password akun wix kamu. Jika sudah daftar gunakan email dan password kamu untuk login.

3. Sekarang kamu mulai bisa merancang website flash di Wix.com. Klik Create. Tunggulah beberapa saat untuk Wix menyiapkan pilihan template.

4.    Pilih template gratis yang cocok atau pilih template blank untuk mendesain template sesuai keinginan kamu. Jika sudah, kilk edit pada template yang kamu pilih. Sabarlah karena loadingnya lumayan.

5.  Secara default kamu akan memiliki beberapa halaman. Untuk mulai mengedit, silahkan klik bagian yang ingin Anda edit.

6.  Pada setiap page, selain mengedit isi yang berupa gambar, tulisan, kamu dapat menambahkan konten (gambar, text berupa paragraph, title, dan lain-lain) sesuai keinginan kamu. 

a.    Edit menu

Menu secara default akan disediakan oleh template yang kamu pilih (home, about, contact, article dll), kamu bisa menambahkan menu, menghapus menu, merubah bentuk menu, warna dan lain lain. Pilih nama menu yang kamu ingin edit, klik ! dan akan muncul seperti ini

Kotak dialog Menu

Skins adalah kulit, merubah warna dan bentuk menu, color merubah warna, format text merubah bentuk text menu, manage mengatur button menu yang dapat disembunyikan atau merubah icon button menu, setting mengatur, effect memberi identitas untuk menu, behavior adaptasi dan animations untuk flash. Semua hanya akan berpengaruh pada bagian menu.

Jika ingin mengedit bagian lain klik pada bagian yang ingin di edit dan akan dijelaskan dibagiannya masing-masing.

b.    Edit Text

Arahkan mouse pada bagian text yang ingin di edit, lalu klik hingga muncul kotak dialog paragraph seperti gambar,

 

Kotak dialog paragraph

Berisi setting untuk  mengatur text, link yaitu untuk menghubungkan suatu page dengan page lain, jika text yang tersebut di klik. Effect memberi suatu identitas tersendiri kepada text mulai dari warna, bentuk dll. Behavior yaitu adaptasi, animations berupa gerakan flash untuk text.

c.    Edit title

Arahkan mouse pada bagian title yang ingin di edit, lalu klik hingga muncul kotak dialog seperti gambar,

Kotak dialog title berisi setting, link, effect, behavior, dan animations yang fungsinya tidak beda dengan kotak dialog paragraph

d.    Edit background

Background, bisa diubah sesuai keinginan kamu dengan klik background seperti di gambar point 6, bisa juga menambahkan sesuatu diatas background tersebut dengan Menu add seperti pada point 6.

e.    Edit page

Dalam sebuah website, sebuah page dapat terdiri dari lebih dari satu page, biasa disebut dengan page group, sedangkan page utama disebut master page (main page). Text yang kamu cipta dipakaikan link untuk menghubungkan antar page itu.

1.1   Kotak dialog Page group

Kotak dialog yang muncul ketika kamu mengklik objek yang akan di edit pada dasarnya tidak jauh berbeda karena fungsinya pun tidak beda. Pada kotak dialog page group memiliki setting dan animations yang penjelasanya sudah saya jelaskan di point a. add page berfungsi jika kamu ingin menambahkan halaman, dapat ditambahkan di halaman master (halaman utama yang memiliki background) atau ditambahkan di page group yang secara default ada pada template yang kamu pilih.

Add menu yaitu menambahkan suatu menu dalam bentuk button. Jika button di klik maka akan terhubung ke page lain. Yang dinamakan menu pasti mempunyai unsur di dalamnya. Skins (kulit) adalah merubah bentuk maupun warna latar belakang. Color yaitu merubah warna. Transitions adalah transisi atau perpindahan, kamu dapat membuat masa transisi antar page kamu semakin lebih “wah” dengan transitions.

1.2   Kotak dialog Line

Kotak dialog line biasa muncul hanya jika page group diklik. Setting, color, link, effect, behavior dan animations fungsinya tidak berbeda dengan yang ada pada kotak dialog yang sudah saya jelaskan. Replace fungsinya merubah efek garis, kalo secara default template web kamu linenya lurus, kamu bisa rubah di replace.

1.3   Kotak dialog Area

Berbeda dengan kotak dialog line dan page group, kotak dialog area akan muncul ketika main page dan page group sedang aktif (klik). Isi kotak dialog tidak beda dengan kotak dialog line, perbedaan hanya pada penerapannya saja, jika line diterapkan dan akan merubah apa saja yang di ubah hanya di page group, sedang area akan merubah semua yang ada di main page maupun page group.

f.     Delete page

Main page atau page group yang secara default ada, maupun yang sudah kamu buat dapat dihapus. Saran saya dalam pembuatan web di wix.com kamu tidak membuat halaman terlalu banyak, karena itu akan memberatkan loading para browser. Flash yang ada memang menarik perhatian namun itu butuh loading besar yang lama. Buat secukupnya, to the point lebih baik, ehehe..

Menghapus halaman dilakukan dengan cara arahkan mouse ke page manager pilih nama page yang ingin kamu hapus, klik maka kotak dialog akan muncul, pilih icon delete berwarna merah, maka nanti akan keluar seperti ini

g.    Add page

Selain hapus halaman kamu bisa menambahkan halaman, dengan cara  mengarahkan mouse ke page manager pilih add page, maka kotak dialog seperti ini muncul

Menambahkan halaman sesuai kebutuhan kamu, termasuk kategori halaman seperti apa dan di letakkan di posisi mana.

7.    Jika dirasa sudah cukup dalam pengeditannya, sebelum kamu publish web buatan kamu, kamu bisa mengatur nama akun wix kamu dan membuat nama web kamu, untuk nama web dengan cara pilih file-pilih save as, maka kamu akan melihat kotak dialog seperti ini

Untuk nama akun wix kamu, pilih my account di halaman wix.com pilih setting

Kotak  dialog seperti ini akan muncul, ganti username seperti yang kamu mau.

8.    Setelah di save as, kamu bisa publish web kamu, lihat gambar point 7, pilih publish, akan muncul kotak dialog ini

Sekarang website flash kamu telah jadi. Tidak bosan mengingatkan pembuatan web di wix.com tidak membuat halaman terlalu banyak, karena itu akan memberatkan loading para browser. Karena yang di load adalah keseluruhan, namun begitu load selesai, perpindahan antar halaman tak membutuhkan waktu load lagi.

Silahkan mengunjungi web wix saya di http://beeaabee.wix.com/untukpintar . kurang lebihnya penjelasan saya, semoga bermanfaat. jika dalam prakteknya ternyata didalam tulisan ini terdapat penjelasan yang salah, saya masih belajar, dan kamu bisa berkomentar , terimakasih :)