Pada gambar di sebelah kanan, adalah gambar file yang ada di server.
Bila anda lihat kedua gambar dibawah, maka baik di komputer anda
ataupun di server hosting maka begitulah seharusnya file-file
diletakkan. Jadi antara di komputer dengan di server hosting anda bisa
meletakkan file-file secara mirip sama.
/index.html
/otherpage.html
/images/image1.jpg
/images/image2.jpg
Catatan: Nama folder dan nama file harus dengan huruf kecil semuanya. (case
sensitif)
Lalu Berilah Nama Website (2). Pada folder Website inilah nantinya
anda akan meletakkan file-file website anda.
Setelah folder website selesai dibuat, klik dua kali untuk masuk
kedalamnya, lalu buat sebuah folder lagi (1). Kali ini namakan folder tadi
sesuai dengan nama domain yang akan anda pergunakan untuk
membuat website anda yang pertama.
Lalu, didalam website folder anda, buatlah sebuah folder baru (1)
dengan nama images (2) dimana nantinya anda akan meletakkan
file-file gambar yang diperlukan untuk mempercantik website
anda.
Sebuah web editor yang mudah digunakan dan sangat sederhana dan
juga gratis yang akan kita pergunakan adalah NVU. Untuk
mendownloadnya silahkan ke: http://www.nvudev.com/download.php
Klik pada link yang sesuai dengan operator komputer anda. Dalam hal
ini, karena saya menggunakan Windows XP maka saya klik pada bagian
itu.
Jika link diatas tidak bisa, maka silahkan download melalui server saya:
http://www.caramembuatwebsite.com/bonus/nvu-1.0-win32-installer-
full.exe
Muncul sebuah kotak, dan Nvu siap didownload. Klik Save File
Setelah klik pada tombol I accept the agreement (1), klik Next
(2)
Start menunya akan diberi nama Nvu. Anda nantinya dapat menemukan
icon untuk meluncurkan Nvu ini pada start menu komputer anda
dengan nama Nvu. Lanjutkan: Next
Saat pertama kali diluncurkan, maka akan keluar jendela Nvu Tips
Anda bisa klik Next Tip untuk membaca Tips yang ada (1), Atau Klik
Tanda silang di ujung sebelah kanan atas untuk menutup jendela Nvu
Tip ini. (2)
Nah setelah itu anda dapat mengklik tombol x yang ada sesuai gambar
dibawah unuk membuat jendela utama Nvu lebar sepenuhnya.
Halaman Nvu yang sedang terbuka adalah tempat dimana anda akan
mulai membuat halaman website anda.
Pastikan cursor anda letakkan di dalam editor Nvu (1). Lalu klik tab
menu Insert dan akan tampil berbagai pilihan kebawah (drop down
menu). Lalu klik Table (2).
Lalu Kotak Insert Table akan muncul. Anda bisa memilih berapa banyak
baris dan kolom yang anda perlukan. Untuk tabel utama anda hanya
memerlukan 1 baris dan 1 kolom saja, maka posisikan cursor anda pada
1 kotak, lalu klik kotak tersebut.
Klik Pada Menu Tab Tabel dan Pada Drop Down Menu Klik Table
Properties.
Isikan lebar tabel 700 (1) dan pilih Pixels dari pilihan yang ada pada
kotak dengan panah kebawah di sebelah kanan width (2).
Klik kotak putih pada palete warna. (1) Lalu Klik Ok (2).
Hal ini membuat Nvu tahu hubungan website anda dengan gambar
dengan menemukan dimana keduanya diletakkan di folder untuk
website anda. Pada menu File drop down menu, click Save As.
Rubah nama file menjadi index (1). Lalu klik Save (2).
Catatan: Nama file untuk website adalah case sensitive, jadi seharusnya
menggunakan huruf kecil semuanya. File index.html harus huruf kecil
semuanya.
Nah sekarang anda tentukan warna dasar dari halaman website yang
akan mengelilingi tabel. Dari Menu Tab Format lihat drop down menu
klik: Page Colors and Background
Pilih Use custom colors: (1) dan klik pada kotak di sebelah kanan
tulisan Background (2)
Pilih warna yang anda inginkan pada palete warna (1). Lalu Klik Ok (2).
Untuk membuat gambar dan teks dalam website, maka anda perlu
membuat sebuah tabel dengan dua kolom. Di tab menu Insert lihat
pada drop down, klik Table.
Untuk tabel ini, pilih dua kotak (kolom). Kolom adalah pada sumbu
horisontal, sedangkan baris pada sumbu vertikal.
Pada tab menu Table klik pada drop down menu Table Properties.
Tentukan Width atau lebar cell (1) sama dengan lebar gambar (image)
yang anda akan letakkan pada cell ini. Kemudian Klik Ok.
Menyisipkan Gambar
Letakkan cursor anda di dalam cell dimana gambar akan disisipkan, dan
pada menu tab Insert pada drop down menu, klik Image.
Dari folder images yang sudah ditentukan diawal tadi, pilih gambar yang
anda inginkan dan klik dua kali. Bisa juga dengan klik gambar yang
anda pilih sekali, lalu klik tombol Open.
Letakkan kursor dimana anda ingin meletakkan daftar manfaat (1), lalu
klik table pada tab menu Insert. (2). Pilih dua kolom dan sejumlah
baris sesuai dengan banyaknya manfaat yang anda miliki. (3).
Letakkan kursor di sebelah kiri cell paling atas (1) dan klik Table
Properties di menu tab Table drop down menu. (2
Seperti sebelumnya, biarkan Width dengan 100 (1), dan pada pilihan
kebawah di % of cell (2). Lalu tentukan Border 0 pixels (3), dan
padding isikan 5 pixels (4) untuk memberikan jarak antara gambar
dengan teks. Lalu, klik tab Cells di sebelah kanan tab Table.
Dengan kursor masih di sebelah kiri atas cell, klik Image di tab menu
Insert drop down menu.
Letakkan kursor anda di cell dibawah cell berisi gambar checkmark (1).
Klik kanan dan klik Paste (2). Ulangi proses ini sampai semua cell kiri
terisi gambar.
Di cell sebelah kanan dari tabel, anda hanya perlu mengisikan kalimat
daftar manfaat tentang produk/jasa anda.
Dengan kursor diletakkan di dalam tabel (1), Klik Table Properties dari
menu drop down Table (2).
Untuk Tabel ini, tentukan Width 10 (1), pada bagian unit biarkan %
off cell (2), tentukan border 0 pixels (3), Table align Center (4). Klik
Ok (5).
Tanda Tangan
Dengan menggunakan scanner dari tanda tangan asli anda, anda dapat
mempunyai gambar tanda tangan elektronik yang dapat dipergunakan
untuk website anda secara online.
Tanda tangan yang saya pergunakan pada panduan ini, saya buat di
mylivesignature.com itu. Anda tidak perlu mendaftar atau membeli
apapun. Anda langsung dapat membuat tanda tangan online anda,
seperti saya.
Karena gambar tanda tangan ini akan diletakkan di sebelah kiri, anda
tidak membutuhkan tabel untuk mengontrol posisinya.
Headline
Pada tab menu Format drop down menu Paragraph (1), lalu geser ke
sebelah kanan akan tampil drop down menu lainnya, klik Heading 1
(2).
Lalu Tentukan Jenis Huruf (Font). Untuk Headline, jenis huruf san-serif
seperti Tahoma adalah paling bagus. Pada Format drop down
menu, pilih Font (1), lalu geser ke kanan pada drop down menu, cari
dan klik Tahoma. (2).
Untuk merubah warna teks header, pada menu tab Format klik pada
menu drop down Text Color
Lalu pada kotak palete warna pilih dan klik warna yang anda inginkan
(1), kemudian klik ok (2). Oyah untuk warna header yang paling bagus,
menggunakan merah tua.
Lalu buat Headline anda rata tengah dengan klik Align Center pada
icon di toolbar sesuai gambar di bawah ini. Pastikan teks headline masih
terseleksi.
Jika Headline anda terlalu dekat dengan tabel di bawahnya, maka klik
enter untuk menambah jarak.
Body Teks
Body teks lebih mudah dibaca jika anda menggunakan jenis huruf
seperti Georgia. Anda tidak dapat merubah jenis huruf dari semua
tulisan yang ada di body website sekaligus, namun anda dapat merubah
jenis huruf di masing-masing cell terlebih dahulu.
Pada menu tab Format lalu drop down menu -- Font (1), dan geser ke
kanan akan keluar drop down menu pilih Georgia (2).
Ulangi hal diatas untuk semua body teks di halaman website anda.
Pada menu tab Format, sorot Font (1), geser ke kiri, pada menu drop
down yang muncul klik Verdana (2).
Sub-Heading
Pada menu tab Format sorot Font (1), lalu geser ke kanan, pada drop
down menu, cari dan klik Tahoma (2).
Buat Sub-heading anda satu ukuran lebih besar, dari menu tab
Format sorot Size (1), geser ke kanan, pada drop down menu, cari
dan klik large (2).
Pilih teks yang akan ditebalkan, sorot (2), dan klik Bold (1).
Pada tabel yang mempunyai beberapa kolom, cell dengan lebih sedikit
teks atau gambar yang lebih kecil, isi cell yang lebih sedikit akan turun
agak kebawah.
Letakkan kursor anda di cell yang isinya agak turun itu (1), kemudian
pada menu tab klik Table kemudian pada drop down menu klik Table
Properties (2).
Klik tab Cells (1), pada Content Aligment Vertical pilih Top dari
menu pilihan dengan panah kebawah (2), lalu klik Ok.
Seringkali anda perlu melakukan beberapa hal yang lebih sulit (advance)
dalam pembuatan website. Inilah beberapa tehnik perancangan web
yang lebih advance.
Untuk membuat link ke website yang lain, atau ke halaman yang lain
dalam web anda sendiri, anda perlu merubah beberapa teks menjadi
link.
Sorotlah teks yang ingin dirubah menjadi link (1), dan klik icon Link
pada toolbar (2).
Untuk me-link (link yang diklik akan menuju ke website lain di Internet),
masukkan alamat URL selengkapnya (termasuk awalan http://) untuk
Link Location (1).
Ketika membuat link ke website yang lain, anda biasanya ingin website
lain itu terbuka di jendela yang lain untuk menjaga website anda tetap
terbuka di depan pengunjung. Untuk melakukannya, dibawah Target
klik tanda centang: Link To Be Opened (2). Dan pilih pada pilihan
dengan tombol kebawah In a new window (3). Lalu Klik Ok (4).
Nah kini jika anda mendekatkan mouse anda diatas teks link ini, maka
URL selengkapnya akan tampak.
Temukan file (halaman web) yang anda ingin membuat link kesana, klik
dua kali file itu.
Seperti pada contoh diatas, saya membuat sebuah file dengan nama
tentang.html dan saya membuat link dari halaman index.html ke
halaman tentang.html
Maka jalur path dari file yang anda link akan muncul di Link Location
(1).
Anda bisa memutuskan apakah anda ingin halaman yang dilink akan
terbuka di jendela yang baru, atau tidak. Jika anda memilih tidak, maka
tinggalkan Link Is To Be Opened tidak terpilih apa adanya (2).
Jika anda mendekatkan mouse diatas link maka kini keluar tulisan
nama halaman lain dari website anda sendiri.
Menyisipkan Code
Jika saat ini anda belum bekerja dengan sebuah kode apapun untuk
website anda, maka abaikan sementara langkah memasukkan code ini.
Untuk setiap website yang anda bangun, anda perlu melakukan setup
connection sekali saja. Setelah anda melakukan setup connection, anda
dapat dengan mudah connect (terhubung) ke domain hosting kapan saja
anda mau.
Host address
User Name
Password
Ketiga data diatas, anda bisa dapatkan dengan membeli hosting, jika
anda belum mempunyai nama domain, maka anda bisa sekaligus
membeli hosting+domain.
WS_FTP adalah software yang mudah digunakan dan gratis yang akan
kita pergunakan untuk upload file website anda ke hosting server.
http://caramembuatwebsite.com/bonus/ws_ftple.exe
Selesai download file exe dari link diatas, carilah dimana anda
meletakkannya, dan anda akan menemukan sesuai gambar dibawah ini:
Saran saya, diawal anda memulai bisnis online, jika dana terbatas,
maka gunakan saja yang gratis terlebih dahulu. Jika anda sudah mulai
mendapatkan keuntungan anda bisa membeli yang pro.
Jika anda tertarik membeli yang pro langsung, maka ini alamatnya:
http://www.ipswitch.com/purchase/index.asp
beri tanda pada location anda bisa pilih at home, atau at school.
Kemudian klik next.
Selanjutnya kita akan isikan data dari host server untuk melakukan
upload, sesuai dengan yang diberikan oleh perusahaan hosting dimana
anda membeli hosting.
Host name ini biasanya sama dengan alamat domain anda. Misalnya:
bisnislewatinternet.com. (Untuk lebih pastinya, lihat di email yang
dikirimkan oleh perusahaan hosting pada saat anda membeli hosting).
Pada user id, isikan username yang diberikan oleh perusahaan hosting.
Kemudian beri tanda centang pada Save Pwd (2), pada Anonymous
jangan diberi centang.
Setelah ketemu, anda tinggal klik kemudian tahan dan geser ke kanan.
Atau anda bisa klik file index.html kemudian klik tanda panah kekanan,
maka proses upload akan berjalan.
Perhatikan gambar diatas, untuk membuat folder saya klik MkDir (1).
Lalu beri nama folder yang anda buat dengan nama: images kemudian
klik Ok.
Nama folder images jika pada saat membuat website dengan NVU
dengan meletakkan file-file gambar anda di folder bernama images. Jika
nama folder dimana anda meletakkan gambar-gambar anda bukan
bernama images maka anda bisa membuat nama folder di hosting
dengan nama yang sama seperti nama folder anda meletakkan file
gambar di computer anda.
Paham yah? J
Proses penamaan folder dan pemberian nama file ini sangat penting.
Jika anda salah memberikan nama, maka kemungkinan website anda
tidak terbuka dengan sempurna.
Misalnya: gambar yang ada tidak terbuka, hal ini disebabkan dari
penamaan folder yang salah, atau meletakkan file gambar ke hosting
tidak pada tempat yang tepat.
Jika anda memperhatikan dengan baik, apa yang saya tekankan diatas,
maka seharusnya anda tidak menemukan ada masalah.
Kemudian, folder images yang anda buat sudah tampil, dengan nama
yang sesuai dengan apa yang diisikan tadi, kini kita siap untuk
mengupload gambar-gambar dari computer kedalam folder images.
Lihatlah, setelah upload gambar selesai, maka antara kotak sebelah kiri
dan kanan mempunyai kesamaan satu sama lain. Mulai dari nama
folder dimana anda meletakkan gambar (saya beri tanda lingkaran),
dengan nama file gambar (1 ) dan gambar yang anda upload ke hosting
(2).
Jadi pastikan, apa yang ada di computer anda, letak dan namanya sama
dengan apa yang anda letakkan di hosting. Jika itu yang anda lakukan,
maka anda sudah melakukan hal yang benar.
Selanjutnya, pada kotak sebelah kanan, anda dapat klik tanda panah
berwarna hijau yang menghadap keatas, untuk kembali ke bagian depan
dari hosting anda.
Akhirnya, setelah upload file selesai, anda dapat melihat file index.html
dan folder images beserta isinya sekarang sudah ada di sebelah kanan.
Dan lihatlah, antara file yang ada di computer anda dengan yang ada di
server hosting posisinya hamper sama, dimana sama-sama mempunyai
folder images dengan isi, dan file bernama index.html.
Itu artinya proses upload sudah benar dan website anda sudah siap
dibuka di browser.
Kali Berikutnya
Untuk kali berikutnya, bila anda ingin memperbaiki halaman website
anda, maka anda bisa luncurkan kembali Nvu program yang sudah
terinstall di komputer anda.
Edit file halaman yang ingin anda edit. Simpan kembali. Lalu luncurkan
FTP program WS_FTP, dan upload ulang file yang anda edit.
Selamat! Anda kini sudah bisa membuat website anda sendiri dengan
menggunakan sebuah program editor yang bagus namun sederhana dan
gratis.
Anda juga bisa membuat website tentang anda, bila anda belum
mempunyai produk untuk dijual.
Testimonial
Jika anda merasa Ebook ini membantu anda, saya akan sangat
berterima kasih jika anda dapat mengirimkan Testimonial Anda ke
http://caramembuatwebsite.com/support, dan jika testimonial anda
menarik, maka saya akan sertakan testimonial anda di website
caramembuatwebsite.com lengkap beserta nama dan alamat website
anda (Jika Anda sudah memiliki website).
Bila testimonial yang saya dapatkan sudah cukup, maka saya akan
menghapus kesempatan memberikan testimonial pada akhir panduan
ini.
Resources
http://menulissalesletter.com
Temukan Bagaimana Caranya Menulis Surat Penawaran Yang Ampuh
Dan Tidak Bisa Ditolak Untuk Menjual Segudang Produk-Produk Anda
di Internet.
http://rahasiasearchengine.com
Rahasia Bagaimana Mendapatkan sampai 750 kunjungan perhari
dengan membuat website Anda berada pada urutan atas Google dan
Yahoo.
http://membuatweb.com
Ribuan Gambar Instant, Template, Dan pernak-Pernik Tools Pelengkap
Pembuatan Website Yang Anda Perlukan Untuk Mendesain Website
Yang Profesional.
http://kerjakeras.com
Tips Dan Trik Bisnis Online Dari Kusuma. Anda Ingin Membaca Lebih
Banyak Mengenai Pengalaman Bisnis Online Saya? Kunjungi Blog Ini.
http://www.dreamstime.com/
Adalah tempat untuk mendapatkan gambar-gambar atau foto dengan
royalty free.
Royalty Free artinya, anda bisa menggunakan foto gambar yang ada
untuk dipergunakan di website anda, ecover, untuk header, dlsbnya
sesuka anda.
Saya menggunakan gambar pada website dan cover panduan ini dengan
membeli dari dreamstime.com.
Namun untuk kualitas gambar yang sangat bagus, anda perlu membeli
credit dengan credit card atau paypal, selanjutnya anda bisa
mendownload gambar yang anda inginkan ke komputer anda.
http://rumahweb.com
Tempat membeli domain dan hosting di Indonesia.
http://webiihost.com
Tempat Membeli Hosting + Domain Yang Lain, Di Indonesia. Layanannya
Baik. Sangat saya rekomendasikan.
Bila sampai pada memilih hosting, maka harga benar-benar bukan yang
terpenting. Layanan/support lah yang terpenting.
Domain yang paling baik adalah yang berakhiran .com dan tanpa tanda
penghubung.
http://kerjakeras.com/hostgator/
Hosting luar negeri, saya sangat merekomendasikan hostgator ini.
Namun jika anda baru memulai dengan sebuah website maka saya
sarankan membeli di perusahaan hosting lokal saja terlebih dahulu.
http://cheapdomain.com
Adalah tempat membeli domain murah di luar negeri. Baik Hostgator
maupun cheapdomain, pembayaran biasanya dapat dilakukan
menggunakan paypal dan credit card.
Jika anda tidak mempunyai credit card, anda masih bisa sukses
menjalankan bisnis online, dengan membeli segala keperluan online di
perusahaan local di Indonesia dengan menggunakan transfer bank.