Panduan Bikin Web Gratis: Asnawi, ST
Panduan Bikin Web Gratis: Asnawi, ST
Oleh :
Asnawi, ST.
asnawist@gmail.com
www.asnawi.com
Dipublikasikan :
www.BikinWebGratis.co.cc
Ed. I - Januari Th. 2009
PERINGATAN
Terima Kasih,
Asnawi, ST.
Penulis
Assalamu ‘alaikum Wr. Wb. dan Salam Kasih bagi kita semua…
Alhamdulillah senantiasa terucap di bibir ini atas berkat Rahmat dan Petunjuk-
Nya sehingga tutorial ini bisa saya hadirkan ke hadapan anda. Begitu banyak
hambatan yang senantiasa menghalangi saya, namun dengan tekad dan
semangat yang tak pernah pudar untuk menyelesaikan pembuatan e-book ini,
sehingga hari ini bisa sampai ke tangan anda para pembaca sekalian.
Tak lupa, perkenankan saya mengucapkan banyak terima kasih yang tak
terhingga kepada kedua orang tuaku, H. M. Amin Latif dan Hj. St. Mas’ati, yang
tak pernah berhenti mendoakan kebaikan untuk anaknya ini. Semoga mereka
selalu dalam lindungan dan kasih sayang-Nya. Amin.
Terima kasih tak terhingga pula saya haturkan kepada para guru, baik di dunia
nyata maupun di dunia maya, yang telah banyak membantu saya dalam
memahami berbagai hal dan menambah pengetahuan saya sampai saat ini.
Yang tak kalah pentingnya, ijinkan saya menyampaikan ucapan terima kasih
kepada anda para pembaca sekalian atas kesediaan anda mendownload
dan membaca e-book tutorial yang saya beri judul “Tutorial Bikin Web Gratis”
ini. E-book ini tidak ada artinya sama sekali tanpa anda.
Akhirnya, semoga e-book ini bermanfaat bagi anda terutama buat diri pribadi
penulis.
Penulis,
Asnawi, ST.
Contact:
HP. 081524164371
e-mail : asnawist@gmail.com
blog : www.asnawi.com
Pemilik Situs :
www.IklanMakassar.com
www.KhususPemula.com
www.PemasarGlobal.com
www.BukuGratis.co.cc
www.DollarsGratis.co.cc
www.BikinWebGratis.co.cc
Kelebihan internet ini juga dimanfaatkan oleh banyak pengguna internet untuk
menghasilkan uang dari internet. Ini bukan rahasia umum lagi. Beberapa orang
muncul sebagai Milyarder karena internet. Sebutlah Jeff Bezos si pemilik toko
buku online Amazon.com sebagai salah satu multi jutawan yang berhasil
memanfaatkan kekuatan internet. Di Indonesia juga sudah muncul banyak
nama, sebutlah misalnya Anne Ahira, Cosa Aranda, Joko Susilo, G.M. Susanto,
Welly Mulia, Peter Kohar, Asnawi (narsis deh… hehehe… maaf yang ini belum
termasuk ).
Saat ini ratusan bahkan ribuan situs-situs baru bermunculan setiap hari di
internet. Hal ini didukung oleh semakin banyaknya fasilitas penyedia
pembuatan situs baik gratis maupun berbayar. Juga semakin baiknya
infrastruktur internet karena kebijakan pemerintah yang cukup mendukung.
Nah, melalui e-book ini saya akan berusaha membimbing anda dari nol
bagaimana membuat situs gratis dengan studi kasus situs saya sendiri
www.bikinwebgratis.co.cc. Anda tidak perlu beli domain, sewa hosting, dan
membayar web desainer untuk membuatkan situs untuk anda.
Namun, bila anda tetap menemui kesulitan dalam mengaplikasikan tutorial ini,
maka jangan ragu silahkan kirim pertanyaan anda ke e-mail saya, sedapat
mungkin akan saya jawab sesuai kemampuan dan pengalaman yang saya
miliki.
1. Situs jenis apa yang ingin anda buat: situs content atau minisite, pakai
bahasa html atau php, menjual produk atau sekadar artikel, dll.
2. Tema website anda : apakah berhubungan dengan teknologi, kesehatan,
gaya hidup, dll.
3. Target pengunjung yang diharapkan : dari dalam negeri atau luar negeri,
laki-laki atau perempuan, pemula atau expert, tua atau muda, dll.
4. Aktifitas pengunjung di situs anda : membeli atau menitip nama dan e-mail,
mendownload, ikut polling/survey, pasang iklan, dll.
5. Tujuan atau manfaat situs tersebut buat anda : membangun list, menjual
produk, memajang artikel agar mudah ditemukan di search engine, dll.
Nah setelah anda mempunyai gambaran tentang situs anda seperti di atas,
selanjutnya anda buat kerangka atau outline tentang situs yang akan anda
buat. Anda bisa bikin outline ini di selembar kertas dengan menggunakan pensil
atau pulpen. Cara yang biasa saya gunakan adalah seperti membuat bagan
alir (flowchart), menghubungkan antara satu halaman dengan halaman
lainnya.
Download Kontak
Trims Respon
Iklan
Dengan adanya bagan alir ini akan sangat membantu untuk memvisualisasikan
isi setiap halaman dan navigasi antara halaman-halaman web yang akan
dibuat. Di samping itu, bagan alir juga dapat mempermudah pemeliharaan
dan update (pembaharuan) isi atau content situs setiap saat apabila
dibutuhkan.
Selanjutnya agar situs anda bisa online dan diakses dari seluruh dunia maka
anda membutuhkan:
Lalu anda siapkan juga program atau software yang akan membantu anda
membuat dan mengedit website anda. Saya sendiri menggunakan :
1. Microsoft Frontpage 2003 untuk membuat dan mengedit halaman web.
2. Macromedia Fireworks dan Corel Photopaint untuk mengedit image
(gambar).
3. True Box Shot untuk membuat cover e-book.
Dari beberapa situs hasil pencarian google, akhirnya saya memilih salah satu
situs penyedia template gratis yang memenuhi kriteria yang saya harapkan,
yaitu www.minisitegallery.com. Situs ini menyediakan template minisite dengan
desain professional dan bernilai jual tinggi tapi tetap diberikan gratis.
Untuk memiliki nama domain, anda bisa memilih yang berbayar atau gratis.
Yang berbayar tentu memiliki berbagai kelebihan, namun sebagai pemula
tidak ada salahnya memanfaatkan fasilitas domain gratis seperti yang akan
saya uraikan lebih lanjut melalui e-book ini.
Dari ketiga penyedia nama domain tersebut, saya paling menyukai “co.cc”
karena adanya fasilitas DNS server sehingga bisa di add-on ke web server yang
kita gunakan. Sedangkan “dot.tk” dan “co.nr” hanya berfungsi sebagai redirect
url.
Dalam tutorial ini hanya akan saya jelaskan cara mendapatkan domain gratis
dari www.co.cc, format nama domain yang anda dapatkan adalah
www.namadomain.co.cc, contohnya : www.bikinwebgratis.co.cc.
2. Jika domain name tersebut belum diambil atau didaftarkan oleh orang
lain, maka akan tampil di halaman berikutnya penyampaian bahwa
domain tersebut masih “available” untuk anda seperti pada gambar
berikut:
Klik di sini
untuk daftar
Jangan lupa
centang di sini!
5. Isi semua kotak isian terutama yang ada tanda itu berarti harus diisi,
yang lain optional aja boleh tidak diisi. Isilah data sesuai dengan data
sebenarnya, terutama alamat e-mail. Jangan lupa centang pada “I
accept the Terms of Services” sebelum mengklik tombol “Create an
account now”.
6. Selanjutnya akan muncul pemberitahuan bahwa account anda berhasil
dibuat.
8. Klik pada pilihan no. 1 yaitu “Manage DNS” maka akan terbuka kotak
isian untuk memasukkan kode DNS webhosting yang digunakan. Isilah
pada kotak isian tersebut dengan “ns1.byet.org” dan “ns2.byet.org”
seperti pada gambar berikut. DNS ini mengacu kepada webhosting
gratisan yang akan kita gunakan untuk menempatkan file web kita.
9. Terakhir klik tombol “Set up” untuk mengakhiri proses setting domain
anda. Akan keluar halaman baru yang menyatakan bahwa anda telah
melakukan perubahan pada settingan domain anda. Klik tombol “OK”
untuk mengakhiri.
Di “co.cc” bahkan anda bisa mendapatkan 2 (dua) domain gratis untuk setiap
alamat e-mail yang anda daftarkan. Namun, bila dalam 30 hari web anda
yang menggunakan domain tersebut belum anda online-kan, maka domain
anda otomatis dinon-aktifkan dan bisa diambil oleh orang lain yang mendaftar
kemudian.
Untuk itulah anda harus segera merancang website anda, seperti yang sudah
saya jelaskan sebelumnya, lalu anda upload ke webhosting gratisan yang akan
saya jelaskan berikut ini.
Ketik Captcha
di sini !
2. Masukkan username control panel dan password anda pada kotak isian
yang tersedia, lalu klik tombol “Login” untuk masuk ke Vista cPanel anda.
Username control panel adalah username yang diberikan oleh ByetHost
pada saat mendaftar, formatnya seperti ini bXX_XXXXXXX dimana X
adalah angka acak. Selanjutnya anda akan dibawa masuk ke halaman
Vista cPanel anda seperti pada gambar berikut.
Klik di sini
untuk addon
domain
Masukkan domain
“co.cc” anda disini!
5. Ketikkan nama domain “co.cc” anda di kotak isian yang tersedia lalu klik
tombol “Create Domain”. Ketik domain anda tanpa menggunakan http
dan www, contohnya saya ketik “bikinwebgratis.co.cc”. Selanjutnya
Untuk meng-upload file, anda bisa menggunakan 2 (dua) cara, yaitu dengan
menggunakan software FTP client dan atau tanpa menggunakan software
(upload langsung menggunakan fasilitas file manager di vista control panel
byethost.com). Kalau mau pakai software FTP, anda bisa gunakan software
gratisan seperti FileZilla atau SmartFTP, silahkan cari panduan cara
menggunakan software tersebut di google.
Di e-book ini saya hanya akan menjelaskan cara mengupload file tanpa
menggunakan software, cukup melalui file manager saja. Cara yang biasa
dilakukan adalah mengupload file satu demi satu secara manual ke server
byethost, tetapi ini tidak perlu anda lakukan karena makan waktu dan cukup
repot.
Dan juga kalau kita upload file satu demi satu terkadang ada file yang
terlupakan sehingga tentu saja website kita tidak akan tampil sebagaimana
yang diharapkan. Misalnya, ada file gambar yang tidak ikut atau lupa di-
upload, maka otomatis di web kita tidak akan tampil gambar tersebut. Yang
muncul hanya gambar kotak segi empat yang mengurangi keelokan tampilan
website kita.
Nah, agar itu tidak terjadi maka sebaiknya kumpulan file web tersebut kita
kompres atau di-zip terlebih dahulu sebelum diupload. File-file yang akan
ditempatkan satu folder di web, di-zip menjadi 1 (satu) file saja.
Sedangkan file e-book dengan nama file “tbwg.zip” akan saya tempatkan
pada folder khusus yang saya beri nama “download” di server nantinya.
Nah, file-file dan folder yang akan ditempatkan di folder utama di atas kita pilih
semua lalu di-zip menggunakan program WinZip/WinRAR atau program
kompresi lainnya. Saya sendiri menggunakan WinRAR. Harus diingat bahwa
kompresi yang anda lakukan harus berekstensi dot zip (.zip) bukan dot rar (.rar).
File-file dan folder images tersebut saya zip dan beri nama file “uploadnow.zip”
seperti tampak pada gambar berikut :
4. Klik link directory yang tertulis nama domain yang telah anda masukkan
(add-on domain), contohnya domain yang saya add-on adalah
bikinwebgratis.co.cc. Lalu akan terbuka halaman baru seperti pada
gambar berikut.
5. Klik directory “htdocs” maka akan terbuka halaman baru seperti pada
gambar berikut. Di directory htdocs inilah tempat semua file untuk situs
bikinwebgratis.co.cc akan ditempatkan.
Ini tombol
upload
6. Nah sekarang untuk mengupload file web anda, klik tombol “Upload” lalu
akan terbuka halaman upload seperti pada gambar berikut.
7. Klik tombol “Browse..” untuk mencari file yang sudah kita zip (file
uploadnow.zip) di folder komputer kita. Kalau sudah ketemu file-nya, lalu
tekan tombol open untuk memilih file tersebut. Perhatikan gambar
berikut.
Klik tanda
check ini untuk
mulai upload
10. Selanjutnya klik gambar panah kiri warna biru untuk kembali ke folder
“htdocs” melihat file yang sudah terupload.
11. Perhatikan semua file dan folder images otomatis muncul di directory
htdocs setelah kita mengupload file “uploadnow.zip”. Tinggal 1 (satu) file
yang belum kita upload, tetapi file ini rencananya akan kita tempatkan
pada folder berbeda tetapi masih di directory htdocs juga.
Untuk itu kita perlu membuat directory atau folder baru, klik tombol “New
dir” untuk membuat directory baru. Lalu terbuka halaman untuk
membuat directory baru seperti pada gambar berikut.
Klik untuk
upload e-book
14. Selanjutnya akan terbuka folder ebook yang masih kosong. Untuk upload,
silahkan klik tombol “Upload” lalu carilah file “tbwg.zip” yang akan
dimasukkan ke folder tersebut.
16. Selanjutnya file yang kita upload akan muncul di folder ebook seperti
pada gambar berikut.
Nah, selesai sudah proses upload file dari komputer lokal kita ke jaringan
internet (server byethost). Untuk melihat hasilnya, bukalah jendela browser dan
ketikkan alamat web yang telah kita buat dan tekan tombol “Enter”, jika tidak
ada yang salah prosedur maka web anda semestinya sudah online, seperti situs
saya www.bikinwebgratis.cc.cc. Ya, pada saat itu juga langsung online dan
bisa diakses di seluruh dunia, seperti terlihat pada gambar berikut.
Jika ada kekurangan atau kesalahan, anda bisa mengedit atau memperbaiki
web anda. Caranya cukup perbaiki file web yang sudah kita bikin di komputer,
lalu upload ulang dengan cara di atas. Secara otomatis file lama akan tertindis
dan hilang oleh file baru dengan nama file yang sama yang kita masukkan.
Harapan saya semoga tutorial ini bermanfaat bagi anda para pembaca
sekalian, terutama buat diri saya pribadi sebagai bahan untuk berbagi
pengetahuan dan pengalaman kepada para pembaca.
Setelah tutorial ini, saya berencana akan membuat tutorial gratis baru dengan
judul “Panduan Bikin Blog Gratis”.
Melalui e-book ini, saya akan memandu anda cara membuat blog atau
website berbasis CMS menggunakan WordPress. Dalam tutorial ini tetap saya
gunakan domain “co.cc” dan byethost.com sebagai server webhosting kita.
Bila anda sudah menguasai materi dalam panduan bikin web gratis ini, maka
saya yakin anda bisa lebih mudah membuat website/blog menggunakan
tutorial terbaru saya tersebut.
Saya jamin anda bisa membuat website/blog hanya dalam 15 menit. Tidak
perlu merancang desain web, atau membuat halaman web menggunakan
Satu hal mengapa anda perlu mempelajari WordPress karena blog WordPress
sangat mudah terindex (disukai) oleh mesin pencari seperti Google dan mesin
pencari lainnya.
Jika anda berminat untuk memiliki e-book tutorial gratis ini, jangan lupa sering-
sering berkunjung ke blog saya untuk mengeceknya. Saya berusaha untuk
menyelesaikan pembuatannya dan segera meluncurkannya melalui blog saya.
Mohon dukungan dan doanya ya … .
Terakhir… ada pepatah mengatakan “Tak Ada Gading yang Tak Retak”
demikian pula halnya dengan segala tulisan saya. Di sana-sini masih terdapat
banyak kekurangan dan bahkan kesalahan yang tidak disengaja, olehnya itu
saya senantiasa terbuka menerima pertanyaan, saran dan kritik yang bersifat
membangun dari para pembaca sekalian untuk perbaikan di masa yang akan
datang.
Asnawi, ST.
Penulis
Data Kontak :
Blog : www.asnawi.com
E-mail : asnawist@gmail.com
HP : 081524164371 (SMS only)