Buat Website | Bisnis Online
Hiii Sob...!Gimana, apa anda udah gak sabar pengen bisa buat website?
Yup..! Saya juga gak sabar pengen anda semua bisa buat website. Karena
sangat sayang hanya gara-gara gak bisa buat website anda belum mulai
juga berbisnis online.
Padahal setelah saya tahu, ternyata buat website sangat gampang,
segampang saya buat layang-layang dulu waktu masih kecil.
Dulu waktu pertama kali buat website, saya butuh waktu 2 bulan untuk
membuat website sampai jadi dan bisa online. Karena dasarnya saya
gaptek, jadi sangat banyak kesalahan yg saya lakukan. Setelah tahu
caranya, ternyata sehari juga bisa beres kalo kita mau meluangkan waktu.
Setelah website jadi dan bisa online, maka tugas kita selanjutnya
memanfaatkan website tersebut untuk bisa ‘menarik’ duit ke rekening
kita…..He..he..terdengar muluk ya?? Gak juga sih jika anda sudah
mengalaminya nanti.
Ada 2 media yg kita butuhkan untuk membuat website :
1. Program menulis sederhana spt ‘Microsoft Frontpage’.- gratis karenaada di komputer. Jika gak ada, anda bisa beli di toko Komputer. Anda
bisa minta mereka bantuin install sekalian. Harganya sekitar 15
ribuan.
2. Program edit gambar ‘Adobe Photoshop’. .- gratis karena ada di
komputer. Jika gak ada, anda bisa beli di toko computer.
Setelah website jadi, kita butuh 2 media lagi agar website bisa
online :
1. Domain dan Hosting (anda bisa lihat penjelasannya di Ebook6).-
berbayar.
2. Program upload file website ; kita gunakan saja program upload yg
saya pakai selama ini, yaitu FileZilla.---- gratis (ada di Ebook6).
3
Saya akan beri panduan secara berurutan dengan gambar sampai
website anda jadi. Cara yg saya uraikan di bawah merupakah cara yg
sering saya pakai.
Supaya gampang, Saya ambil contoh website bisniskami.com yg memakai
program frontpage. Dari mulai buka program frontpage hingga website anda
jadi.
Di bagian akhir, saya sediakan link kopian 8 file bisniskami bagi anda yg
ingin kopi-paste saja. Ya, anda tinggal perbanyak filenya untuk website
anda, lalu anda edit tulisannya sesuai isi website anda.
-----------------------------------------
Okay, Mari kita mulai…..
Langkah Langkah Membuat Website
1. Langkah pertama ; anda buka program Microsoft Frontpage ygsudah ada di Komputer.Saya menggunakan versi tahun 2003. Versi
tahun lain juga bisa anda gunakan.
Lihat gambar : Anda mulainya dari klik ‘start’ yg ada di sebelah kiri.
4
2. Langkah kedua ; anda lihat tampilan halaman frontpage yg masih
kosong seperti di bawah :
Sebenarnya cuma ada 6 tombol yg paling sering digunakan untuk memulai
buat website. Berikut keterangan gambar di atas :
A. Tombol file ; Untuk membuka file di Komputer.
B. Tombol insert ; Untuk memasukkan gambar ke halaman
frontpage. Dipakai hanya jika kita mau masukin gambar aza.
C. Tombol table ; Untuk membuat kerangka awal desain website.
Setelah kerangka terbentuk, tombol table ini jarang digunakan.
D. Tombol edit tulisan ; paling sering dipakai.
E. Tombol edit warna tulisan ; dipakai jika diperlukan aza..
F. Tombol kerja frontpage ; paling sering dipakai.
Jadi, praktisnya kita hanya paling sering menggunkana 3 tombol di atas ; Tombol file,
Tombol edit tulisan, Tombol kerja frontpage.
Oh ya, jangan lupa anda meng-klik tanda silang seperti panah di atas. Supaya
tampilan halaman frontpage anda kelihatan lebih luas.
5
3. Langkah ketiga ; kita membuat kerangka website menggunakan
tombol table. Untuk gampangnya, kerangka website mengikuti dulu
desain website bisniskami.com . Anda bisa merubahnya kemudian jika
sudah punya desain sendiri.
Perhatikan, desain bisniskami.com sebenarnya punya ukuran dasar table 6x5.
Artinya punya 6 baris dan 5 kolom.
4. Langkah Keempat ; buat kerangka desain 6x5 di halaman frontpage
anda. Caranya, tekan tombol table insert tabel seperti berikut :
Maka akan muncul gambar jendela tabel seperti berikut ;
6
Isi baris (rows) dengan angka 6, isi kolom (colums) dengan angka 5. Lalu
tekan tombol OK. Maka akan muncul halaman yg udah ada table 6x5,
seperti berikut :
5. Langkah Kelima ; Mulai masuk bagian inti.
Kita buat kerangka table tsb menjadi kerangka yg siap di-isi dg
tulisan dan gambar. Caranya, lakukan merger dulu beberapa kolom atau
baris menjadi satu. Lihat contoh di bawah :
7. Coba anda blok/hitamkan 4 kolom diatas. Lalu klik kanan mouse anda, pilih merge cells.
Gambar di atas merupakan merger kolom utk gambar header website.
Coba anda blok/hitamkan 4 baris x 1 kolom diatas. Lalu klik kanan mouse anda, pilih
merge cells. Gambar di atas merupakan merger baris dan kolom utk isi tulisan.
Coba anda blok/hitamkan 1 baris x 3 kolom di bagian bawah. Lalu klik kanan mouse
anda, pilih merge cells. Gambar di atas merupakan merger kolom untuk menu bagian
bawah (footer).
Maka sementara kerangka desain anda jadi seperti berikut :
8
Simpan dulu file desain yg sudah anda buat ini dengan nama index. Simpan
di folder yg anda kehendaki. Lihat contoh saya berikut :
Keterangan gambar di atas :
A. Tekan tombol save.
B. Simpan di directory d.
C. Tekan tombol create new folder.
D. Tulis file name dengan nama index. Terkadang tulisan index otomatis muncul di situ.
Catatan penting : Setiap file halaman pertama website selalu diberi nama index
(Anda harus ingat peraturan ini). Setiap ada orang yg mengetikkan nama website
misalnya www.bisniskami.com, maka yg akan muncul di internet pertama kali adalah
file index. Artinya sama aja dengan www.bisniskami.com/index.htm
Setelah anda tekan tombol C, maka akan muncul jendela baru berikut ;
9
Beri nama folder sesuai rencana nama website anda. Misal, saya menulisnya
‘bisniskami’. Lalu tekan tombol oke. Lalu tekan tombol save seperti di
bawah:
Sekarang anda lihat di dalam folder D:\bisniskami (sesuai nama folder anda
tadi), maka akan ditemukan file index sebagai file pertama website anda.
Lihat gambar berikut :
10
Selamat..! Anda sudah punya satu file utama yg akan jadi file website anda.
Kerja anda tinggal sedikit lagi. Sekarang mari kita isi file tersebut dengan
gambar dan tulisan. Namun sebelumnya, anda buat dulu sebuah folder
images di dekat file index anda. Tujuannya utk menyimpan file gambar.
Lihat caranya :
Klik kanan mouse anda di dekat yg kosong, Lalu pilih New pilih Folder
tulis nama folder ‘images’ Lalu tekan enter. Folder images ini berguna
untuk menyimpan gambar apa saja untuk melengkapi website anda.
Sekarang anda download dulu contoh gambar saya berikut sebagai latihan :
http://www.rahasiawebsitepemula.com/gambar-latihan/
File gambarnya berbentuk .jpg . Misal, Klik kanan file Fish-1, lalu save link as.
Simpan hasil download di folder images yg baru anda buat tadi.
Download sampai 5 gambar tersebut tersimpan di folder images anda.
11
“Gimana, dah selesai download gambarnya? Jika dah tersimpan semua di
folder images, maka kita bisa lanjut ke langkah 6”.
6. Langkah Keenam ; Edit cell baris dan kolom.
Agar gambar dan tulisan anda pas masuknya di dalam table tadi, maka perlu
lakukan sedikit edit cell. Caranya lihat gambar berikut :
Hitamkan/block kolom paling kiri, tapi cuma 5 baris dari atas. Klik kanan,
lalu pilih cell properties. Nanti akan muncul gambar berikut :
Ikuti perintah gambar di atas.
Keterangan :
A. vertical alignment top; artinya tulisan anda di mulai dari baris paling atas.
B. Specify width; untuk ukuran lebar yg fix.
C. Satuan lebarnya Dalam persen.
D. Tulisan angka 20; artinya lebar 20% saja.
Selanjutnya tekan tombol OK.
12
Hitamkan/block kolom paling kanan, tapi cuma 5 baris dari bawah. Klik
kanan, lalu pilih cell properties. Nanti akan muncul gambar berikut
Ikuti perintah A, B dan C di atas, dan tulis angka 20. Artinya lebarnya 20%. Selanjutnya
tekan tombol OK.
Jangan lupa tekan tombol save setiap 5 menit agar data anda aman jika
tiba-tiba mati listrik.
Lalu Hitamkan/block 2 kolom di tengah kiri-kanan, sambil anda tekan
tombol control (ctrl) di keyboard computer anda. Selanjutnya klik kanan,
lalu pilih cell properties.
Nanti akan muncul gambar berikut :
13
Ikuti perintah A dan B di atas, dan tulis angka 1. Artinya lebarnya cuma 1%.
Selanjutnya tekan tombol OK.
Lihat gambar kerangka fix yg terbentuk.
Inilah gambar kerangka akhir anda untuk bisa dimasukkan tulisan atau
gambar. Selamat, langkah anda semakin dekat untuk selesai…!
7. Langkah Ketujuh ; Masukkan gambar.
Letakkan kursor mouse di tengah dengan cara pilih rata tengah pada
tombol A.
Selanjutnya kita masukkan gambar header untuk bagian atas website.
Ambil gambar dari folder images anda.
Caranya sebagai berikut :
14
Pilih tombol insert --- lalu pilih picture- lalu pilih from file.
Buka folder images yg ada di dalam folder D:\bisniskami\images (sesuai
folder yg anda buat saat menyimpan gambar tadi)- lalu tekan tombol
open.
Lalu pilih file gambar header- lalu tekan tombol insert
15
Tampilan header yg muncul sebagai berikut :
Dengan cara yg sama, anda bisa memasukkan 3 file gambar yg lain
untuk posisi tabel sebelah kanan. Jangan lupa atur kursor mouse anda di
posisi rata tengah dulu dengan menekan tombol rata tengah (center)
seperti saat memasukkan gambar pertama tadi.
Hasil 3 gambarnya akan demikian :
8. Langkah Kedelapan ; Masukkan Menu Tulisan.
Sekarang kita mau memasukkan menu yg ada di sebelah kiri. Letakkan
kursor mouse di tabel sebelah kiri.
Lalu masukkan menu berikut berturut-turut sebagai contoh (anda
bisa mengeditnya kemudian sesuai keperluan) :
16
---------------------------------------------------------------------------
INFO TERKINI
• Info Bisnis
• Info Peristiwa
HOME
• Beranda
• Ruang Kerja
TENTANG OWNER
• Keluarga
• Riwayat Kerja
Sponsor Links :
iklan 1
iklan 2
dst
------------------------------------------------------------------
Sebagai contoh, untuk memasukkan menu pertama, anda lihat cara
berikut ;
Ketika anda selesai membuat menu Info Terkini, maka hitamkan/block
dua sub menu di bawahnya. Lalu tekan tombol bullets seperti panah di atas.
17
Begitu juga untuk menu di bawahnya jika anda inginkan pake bullets, maka
lakukan hal yg sama. Maka hasilnya akan terlihat demikian :
Pada menu di sebelah kiri, jika anda belum punya sponsor links (iklan), maka kosongkan
saja dulu. Nanti setelah anda tahu cara mendaftarkan website untuk sumber penghasilan
iklan, barulah anda pasang script-nya di sana. Nanti akan saya ajarkan pada SAYA.com edisi
kedua (Ebook7).
Kemudian anda juga bisa membuat menu pada bagian bawah alias menu
footer namanya. Masukkan menu footer seperti contoh berikut (jangan lupa
pake tombol rata tengah) :
Hasilnya seperti di bawah :
18Jika ada yg kurang pas rata tengahnya, geser spasi pada keyboard.
9. Langkah Kesembilan ; Masukkan Isi Tulisan
Setelah menu selesai, anda tingal memasukkan isi tulisan anda pada bagian
tengah tabel. Atur dulu posisi tulisan awal di bagian atas (top).
Caranya :
Klik kanan pada bagian tengah yg mau diisi tulisan, lalu Pilih cell properties
(klik kanan mouse- pilih cell properties). Lihat contoh di bawah ;
Tujuannya supaya tulisan anda posisinya ditulis dari atas secara normal.
Lalu pilih bagian top pada vertical alignment- Lalu tekan OK..
19
Selanjutnya silahkan masukkan contoh isi tulisan saya (hanya
contoh saja-anda bisa merubahnya kemudian).
Contoh isi tulisan :
-------------------------------------------------------------------------
Anda Lelah Jadi Karyawan?
Pengen Punya Bizniz Sambilan?
Mau Bizniz dengan Modal Kecil?
Jadilah Pengusaha Dengan Modal Kecil...!
Beranda
Pernahkah anda merasa lelah jadi karyawan? Sehari-hariAnda merasa
dipacu untuk mencapai target perusahaan?.Setiap bulan anda memang
digaji..Namun siapa tahu kalau hati anda selalu mengeluh karena ada yang
belum anda peroleh selama ini...Apa itu? Jawabnya "kebebasan dan
Kemandirian".
20
Lalu pernahkah anda kepikir pengen punya usaha sambilan? Kerja
tetap jalan, tapi usaha sambilan terus dipersiapkan untuk masa depan
kelak..!
Atau anda kebayang pengen punya usaha mandiri dengan modal
relatif kecil? Anda selama ini sudah menjalankan usaha, tapi terhalang
masalah dana yang membutuhkan modal besar..!
Kalau masalah-masalah tersebut kebetulan anda hadapi, maka sudah
saatnya anda mengetahui rahasia yang belum pernah anda ketahui selama
ini...
Silahkan klik pada halaman selanjutnya : Info Bisnis Terkini
-------------------------------------------------------------------------
Selanjutnya anda bisa lihat website anda sudah jadi :
Tekan tombol Preview untuk melihat gambaran seperti apa website anda jika
sudah online.
21
Sampai langkah sembilan sebenarnya website anda sudah jadi. Namun perlu
diperhalus dengan cara-cara berikut :
10. Langkah Kesepuluh ; Mengedit Proporsional Kerangka website
dan Memasukkan Warna.
Kalau kerangka website yg telah anda buat terlihat terlalu kebesaran, anda
bisa mengecilkannya sedikit supaya terlihat proporsional.
Caranya ; hitamkan/block semua tabel secara keseluruhan- Lalu klik
mouse sebelah kanan- lalu pilih table properties.
Maka akan muncul jendela baru seperti di bawah :
22
Lalu pilih lebar 90% (A-B) -- tekan OK (C) -- Lalu pilih rata tengah
(D).Semua dilakukan dalam keadaan kerangkan website masih hitam/block.
Hasil gambarnya akan terlihat lebih rapi seperti berikut :
23
Selanjutnya anda bisa memasukkan latar warna sesuai selera anda masingmasing.
Caranya : Misal saya pilih cell paling kiri atas. Letakkan mouse di cell tsb, -
lalu klik kanan lalu pilih cell properties.
Saya memilih warna biru, anda bebas memilih sukanya warna apa.
Hasilnya background cell jadi warna biru seperti berikut :
24
Selanjutnya anda bisa mewarnai bagian cell yg lain sesuai selera. Caranya
sama saja.
Setelah saya masukkan warna semuanya, lalu saya lihat hasilnya dengan
tekan preview. Anda juga bisa lakukan preview jika sudah mewarnai cell-cell
website anda.
Hasil akhirnya akan seperti ini (tekan tombol preview untuk melihat) :
25
Selamat…! Sekarang website anda sudah jadi teman…..!!!
Untuk memperbanyak file, anda tinggal kopi-paste file index beberapa kali
sesuai jml file yg anda inginkan.
Setelah dipaste, anda tinggal beri nama file tersebut. Sebagai contoh, saat
ini kita punya 8 file menu di website, yaitu : info bisnis, info peristiwa, beranda
(index), ruang kerja, keluarga, riwayat kerja, kontak kami, dan privacy policy.
Setelah dikurangi file index, berarti kita butuh 7 file lagi untuk dibuat.
File beranda sebenarnya file index karena dimaksudkan sebagai halaman
depan. Orang lain sering menulisan di website dengan menu home.
Kalau ada orang yg mengetikkan www.bisniskami.com, maka yg
akan muncul otomatis di halaman internet adalah file index tersebut.
Ini sama artinya dengan orang mengetikkan
www.bisniskami.com/index.htm
Akhiran .htm akan muncul otomatis kalo kita membuat website pake
frontpage ini.
Oke sekarang anda kopi paste file index yg ada di folder D:\bisniskami
(sesuai folder yg anda buat waktu pertama kali). Beri nama file sesuai 7
menu lagi yg kita butuhkan.
Anda bisa lihat contoh ;
Klik kanan file index, lalu tekan copy lalu klik kanan lagi di tempat kosong
lalu tekan paste.
Akan muncul demikian :
26
Klik kiri sekali saja file copy of index, lalu ganti dengan nama file info-bisnis.
Lalu tekan enter.
(Ingat, biasakan menulis huruf kecil semua file dan beri tanda sambung
sebagai pemisah antar kata).
Anda bisa lakukan hal yg sama untuk 6 file lagi. Setelah beres semua, nanti
jadinya akan seperti berikut ;
Selamat lagi…! Anda sudah punya 8 file menu website anda.
Jika anda pengen buka file info-bisnis misalnya, maka anda tinggal klik
kanan aja pilih open with pilih Microsofy office frontpage. Seperti cara
di gambar berikut :
27
11. Langkah Kesebelas ; Menambah hyperlink (Link).
Menambah hyperlink atau link ke website sangat gampang caranya.
Anda bisa tambahkan link pada gambar atau pada tulisan.
Berikut cara menambahkan link pada gambar :
Lihat gambar KTP dan SIM saya di sebelah kanan. Coba anda klik kanan gambar tersebut.
28
Setelah anda klik kanan maka pilih Hyperlink.
Lalu cari file gambar yg mau di-link-kan. Contohnya saya me-link-kan file
gambar ‘identitas-kami-full’ lalu tekan tombol OK.
Saya mengambil file tersebut dari folder : D:\bisniskami\images. Anda
ingatkan folder images anda sendiri?
Jika sudah tekan tombol OK, maka sekarang gambar kecil ‘identitas-kami’ sudah di-link-kan
dg gambar besar ‘identitas-kami-full’. Anda bisa mencobanya untuk gambar anda yg lain
jika ada.
29
Tanda file yg sudah nge-link bisa dilihat dengan cara meletakkan mouse
pada gambar kecil ‘identitas-kami’ lalu anda lihat tulisan sudah link
muncul di bagian kiri bawah.
Untuk me-link-kan tulisan pada menu sebelah kiri atau tulisan di
halaman isi, caranya sama seperti me-link-kan gambr di atas.
Anda tinggal block/hitamkan tulisan yg hendak di-link-kan lalu klik
kanan lalu pilih hyperlink lalu cari file di folder komputer anda yg
hendak di-link-kan.
Lihat contoh di bawah :
Contoh membuat link pada menu info bisnis.
Block/hitamkan tulisan sub menu info bisnis- lalu klik kanan- lalu
hyperlink-kan dengan file info-bisnis di folder D:\bisniskami (sesuai folder
anda).
30
12. Langkah Keduabelas ; Menambah Kata Kunci Agar mudah di-
index google.
Kata kunci merupakan strategi yg harus dipasang agar robot google mudah
menemukan website anda berdasarkan topic kata kunci yg telah anda riset.
Pembahasan mengenai kata kunci (keyword) ada di ebook3.
Sebenarnya ada 2 lagi yg mesti dicantumkan di website anda selain kata
kunci, yaitu ; judul dan deskripsi. Ketiganya merupakan komponen yg biasa
disebut Meta Tags.
Jadi Meta Tags ada 3 macem:
• Judul (title)
• Kata kunci (keyword)
• Deskripsi (description)
Berikut cara membuat ketiganya :
Hitamkan/block tulisan mana saja pada halaman yg hendak anda tulis
meta tags. Misal pada halaman file index. Lalu klik kanan tulisan yg anda
block tadi lalu pilih Page Properties.
Akan muncul jendela berikut ;
31
Lalu isi Title dengan judul halaman anda, Page description dengan deskripsi
halaman website anda, Keywords dengan kata kunci tulisan pada halaman tsb.
Setelah diisi ketiga meta tags tsb, maka tekan tombol OK.
========================
Memilih keyword usahakan tdk lebih dari 12 keywords dalam satu halaman. Keywords dapat
terdiri dari satu kata atau frase kata (lebih dari satu kata). Yg penting keywords dibuat
sesuai dengan intisari tulisan kita.
Untuk kepentingan bisnis online, kita harus membuat halaman sebuah website
berdasarkan keywords yg banyak dicari orang. Keywords tsb adalah topic bisnis yg sudah
kita riset. Nanti robot google akan menemukan keywords kita tersebut berdasarkan
pencarian orang lain di google.com atau pada saat kita pasang iklan di google adwords.
==========================
Berikut tampilan meta tags yg sudah saya isi.
32
Anda bisa mengisi Meta Tags sesuai dengan Topic halaman website
anda.
Selamat lagi…! Saat ini website anda sudah siap diupload alias di-onlinekan!!!
Anda tinggal mencari Domain dan Hosting. Lihat panduan membuat
nama domain di Ebook6.
Website Anda telah memiliki meta tags yg diperlukan untuk kemudahan
tampil di google.com nanti. Namun pada tahap lanjut anda masih perlu
belajar bagaimana melakukan teknik SEO (Search Engine Optimation)
agar meta tags anda benar-benar bekerja optimal untuk mendatangkan
pengunjung.
(Anda bisa melakukan hal yg sama pada setiap halaman website. Buat
judul, kata kunci, dan deskripsi yg berbeda atau pun mirip sesuai isi tulisan
pada halaman tersebut).
===============================
No comments:
Post a Comment