Minggu, 15 April 2012

Membuat Website dengan Wix.com

Wix.com adalah website flash builder yang didirikan oleh Giora Kaplan, Avishai Abrahami, dan Nadavi Abrahami. Pertama kali online pada tahun 2005 dan memiliki kantor pusat di Tel Aviv dan New York. Dengan metode drag & drop, Wix sangat mudah digunakan sehingga pengguna dapat membangun website sendiri dengan cepat dan mudah. Tidak hanya bisa membuat website dengan mudah tetapi  situs web kamu akan dioptimalkan dalam pencarian oleh search engine secara otomatis dan siap untuk dijelajahi oleh semua search engine. 

Website yang dibuat kali ini adalah web pwnjualan produk peralatan bela diri secara online, yaitu Fikri Martial Arts Shop. Berikut langkah pembuatannya :
1. Login Ke account wix.com, masukan email dan password
 2. , setelah login sukses pilih create untuk membuat situs baru.
3. Sorot category template, da pilih blank template untuk memilih template kosong dan pilih pola template bernama blank template, kemudian tunggu loading untuk membuka web editor dari wix 
Pemilihan Template
Editor Loading
4. Setelah loading selesai, maka editor web tampil dengan satu komponen, yaitu Main Page bernama "Home Page"

5. Tambahkan Header web dengan cara klik icon Add, sorot icon Page Parts dan pilih Areas, kemudian pilih style area sesuai selera dengan cara klik salah satu dari style area, style yang dipilih kali ini adalah cloud.

Pemilihan Style Area




6. Setelah komponen area tampil dengan warna default abu-abu, pindahkan are tersebut tepat diatas.
7. Ubah Warna area header dengan mengklik object area yang dimasukkan tadi, klik change color, klik tab image dan klik choose image, kemudian, pilih gambar yang diinginkan, setelah kembali ke dialog Fill Picker, klik Ok

Setelah pemilihan gambar selesai, maka warna pada area header telah berubah
8. Untuk Membuat Menu, klik toolbar add, sorot Navigation, dan klik Menus, kemudian klik style menu sesuai selera, setelah pemilihan style menu selesai, komponen menu tampil di page area dengan menu default Homepage, mengikuti nama komponen Main Page yang bernama "Home Page"


 
Pemilihan Style Menu
Komponen Menu yang baru

9. Tambahkan Judul Website di Area Header dengan klik toolber Add, sorot Text dan pilih titles. Pilih Font style yang diinginkan dengan mengkiliknya.

Pemilihan Font Style
10. Setelah Komponen Text Masuk, Ketikkan Judul Yang diinginkan, judul yang diketik Kali ini adalah "Fikri Martial Arts Shop". Kemudian tentukan warna font yang diinginkan.
11. Tambahkan halaman baru untuk menampilkan beragam produk, dengan cara klik Add Page, kemudian sorot category e-commerce, dan pilih Matrix store, beri nama halaman dengan "belt" kemudian klik Ok, maka tombol menu pun bertambah 1 dengan nama Belt sesuai dengan nama page. Di page yang baru dibuat tampak gambar katalog produk yang masih kosong dan sebuah shopping cart.
12. Untuk menambahkan produk di Catalog, klik komponen Matrix Store dan pilih manage products
13. Ulangi langkah di nomor 11 dan 12 untuk menambahkan halaman untuk katalog produk dengan kategori Seragam Latihan (Uniform) dan Senjata (Weapon), hingga tampil sebagai berikut :
14. Untuk menambahkan produk-produk di catalog, klik komponen catalog di salat satu halaman, halaman yang dipilih kali ini adalah halaman "Belt" (Katalog produk sabuk). Ketika menu dari peraturan komponen Matrix Store, klik MAnage Produtcs
15. Masukkan detail product dengan lengkap, setelah selesai, Klik Ok, maka 1 produk baru tampil di area Page "Belt"
 16. Ulangi langkah 14 dan 15 untuk mengisi kembali produk di setiap kategori hingga tampil hasil sebagai berikut :

17. Tambahkan clip-art agar situs terlihat menarik, dengan klik icon Add, sorot Clip Art dan pilih Clip Art, kemudian pilih clip art sesuai yang diinginkan.

Pemilihan gallery Clip Art
18. Drag and drop clip art sesuai lokasi yang ditentukan.
19. Ubah background situs sebagai penyempurna warna latar belakang, klik Background dan pilih Master Page
20. Pilih style backgroud yang tersedia, setelah di-klik, warna latar situr berubah sesuai style yang dipilih
21. Setelah pembuatan situs selesai, klik save, dan berikan nama situs, lalu klik ok, dan alamat web untuk mengunjungi situs yang telah dibuat adalah www.wix.com/justfifa/shop. Silahkan ke alamat berikut untuk melihat output dari situs yang telah dibuat