Disarikan dari Tutorial Panduan Bikin Web Gratis
(Studi Kasus www.BikinWebGratis.co.cc)
Oleh : Asnawi, ST.
A. MENDOWNLOAD TEMPLATE :
1. Buka www.minisitegallery.com atau penyedia template yang lain.
2. Bawa kursor ke atas gambar template yang anda ingin download.
3. Klik “details” dari template tersebut, maka akan muncul halaman baru yang menguraikan lebih detail tentang template tersebut.
4. Klik link “Register” untuk melakukan pendaftaran terlebih dahulu. Bila anda sudah pernah mendaftar sebelumnya cukup klik link “logged in” untuk login dan mendownload template yang diinginkan.
5. Lalu akan terbuka halaman login untuk melakukan pendaftaran.
6. Masukkan “Username” yang anda inginkan ke kotak isian username.
7. Masukkan alamat e-mail anda yang masih aktif, karena mereka akan mengirimkan data login serta password anda ke alamat e-mail yang anda daftarkan tersebut.
8. Masukkan angka pada kotak isian yang sesuai.
9. Klik tombol “Register” untuk mengirimkan pendaftaran anda.
10. Selanjutnya cek e-mail anda dan cari subject e-mail seperti ini :
[MiniSiteGallery.com] Your username and password. Anda akan mendapatkan username sesuai yang anda daftarkan, dan password sementara. Blok dan copy password sementara tersebut.
11. Klik link minisitegallery.com/wp-login.php yang disertakan dalam e-mail tersebut, lalu akan terbuka halaman login.
12. Silakan masukkan username dan password sementara pada kotak isian yang tersedia. Selanjutnya anda akan login ke halaman member area.
Langkah yang harus anda lakukan adalah mengganti password sementara tersebut dengan password baru yang anda tentukan sendiri. (Tidak juga ga papa.)
13. Klik menu “Your Profile” lalu geser layar ke bawah dan temukan kotak isian “New Password”, isi dengan password baru anda lalu klik tombol “Update Profile”.
14. Selanjutnya anda kembali ke situs www.minisitegallery.com dan mendownload template yang anda inginkan.
15. Anda akan mendapatkan file dengan nama seperti “namatemplate.zip”.
B. MERANCANG WEB DENGAN TEMPLATE
1. Setelah anda mendapatkan file template, lalu ekstrak file template tersebut ke folder komputer anda. Sebaiknya buat folder khusus agar memudahkan anda dalam mencarinya. Yang diperlukan di sini adalah folder images, file style.css, dan file template.html. Sedangkan folder “psd” berisi
file desain situs format .psd. Ini diperuntukkan bagi anda yang ingin merubah atau mengedit tampilan menggunakan program Photoshop.
.
2. Silahkan buka file “template.html” untuk melihat tampilan minisite tersebut dengan mengklik dua kali file tersebut.
3. Selanjutnya anda tutup window tampilan tersebut lalu gandakan file (template.html) dengan cara copy n paste sebanyak jumlah halaman yang ingin anda buat. Anda akan mendapatkan nama file baru seperti copy of template, copy (2) of template, copy (3) of template, dst.
4. Selanjutnya anda rename (ganti nama) file tersebut, dengan nama halaman yang akan anda buat. Halaman utama (depan) HARUS diberi nama “index.html”, lalu file “copy of template” ganti namanya menjadi “download”, dst.
5. Jangan lupa, mengumpulkan semua file gambar yang akan ditampilkan di web pada folder “images”. Meskipun file gambar tersebut sudah ada di komputer anda di folder lain, anda tetap harus meng-copy file gambar tersebut lalu pindahkan ke folder “images” ini.
6. Anda juga dapat mengedit dan atau mengganti file gambar yang ada di folder images tersebut sebagai bawaan template awal.
7. Setelah semuanya dirasa lengkap, tibalah saatnya mengedit dan mengisi halaman web template dengan content hingga tercipta website seperti yang diinginkan. Pertama-tama buka file “index.html” menggunakan program web creator seperti MS. Frontpage 2003 atau bisa juga dengan “klik kanan -> open with -> 2007 MSO component” yang saya gunakan.
Ganti materi/isi template dengan kata atau kalimat yang anda inginkan.
8. Lalu anda edit file html lainnya sesuai dengan isi dan tampilan yang anda inginkan. Hubungkan halaman satu dengan halaman lainnya dengan menggunakan “Hyperlink” (gunakan menu Insert > Hyperlink). Sebaiknya anda menggunakan menu link untuk membuat hubungan.
9. Setelah dirasa semua sudah OK, sebelum mengupload ke web hosting sebaiknya anda tes dulu untuk mengetahui apakah situs tersebut telah berfungsi sebagaimana mestinya. Silahkan klik dua kali file index.html. Klik link-link yang anda buat apakah semuanya terhubung dan tidak ada lagi
error link.
C. MENDAPATKAN DOMAIN :
1. Buka www.co.cc, lalu ketikkan nama domain yang anda inginkan di kotak isian yang tersedia, lalu klik tombol “Check availability” untuk mengecek apakah domain yang anda inginkan belum diambil/ didaftarkan oleh orang lain.
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
3. Klik tombol “Continue to registration” maka akan terbuka halaman untuk melakukan pendaftaran (bagi member baru) atau login bagi member yang sudah memiliki account.
4. Lalu akan terbuka halaman formulir pendaftaran.
5. Isi semua kotak isian terutama yang ada tanda centang 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.
7. Anda harus men-setting domain anda paling lambat 48 jam setelah pendaftaran tersebut diterima. Sebaiknya anda langsung setting pada saat itu juga. Klik tombol “Set up” untuk men-setting domain anda, akan terbuka halaman baru seperti berikut.
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.
D. CARA MENDAPATKAN ACCOUNT HOSTING di ByetHost.com :
1. Sebelum mendaftar, pastikan anda menggunakan browser Mozilla Firefox, jangan menggunakan browser Internet Explorer. Lalu buka situs www.byethost.com
2. Klik tombol “Not a member” berwarna hijau lalu akan terbuka formulir pendaftaran.
3. Isi formulir pendaftaran sesuai dengan data yang sebenarnya, terutama alamat e-mail anda.
4. Klik tombol “Register” untuk melanjutkan ke step berikutnya. Kalau muncul halaman berikutnya seperti gambar berikut, maka langsung klik tombol “Click Me To Continue” untuk melanjutkan ke langkah berikutnya.
5. Setelah itu akan muncul captcha untuk mencegah pendaftaran ilegal, asukkan 2 kata tersebut ke kotak isian yang tersedia.
6. Klik tombol “Register” untuk mengirimkan formulir pendaftaran anda. Bila pendaftaran anda diterima, maka anda akan mendapatkan data byethost .
7. Jangan lupa menyimpan atau mencatat data-data tersebut karena akan digunakan selamanya. Dan harus diingat pula agar data tersebut terutama password tidak dilihat oleh siapa pun. Jadi, simpan baik-baik data ini di komputer anda.Langkah selanjutnya adalah menghubungkan domain anda dengan web hosting anda. Untuk menghubungkan domain “co.cc” dan byethost maka kita gunakan fasilitas add-on domain di byethost.com.
E. ADD-ON DOMAIN
Secara default anda akan mendapatkan alamat sub-domain gratis dari byethost seperti ini http://username-anda-saat-daftar.byethostXX.com dimana XX adalah angka acak yang diberikan otomatis oleh byethost.com, tp lebih baik menggunakan domain dari “co.cc” saja.
Cara Mengkoneksikan Domain (add-on domain) dengan Web Hosting :
1. Login ke Vista cPanel anda, buka www.byethost.com lalu klik menu “Member Login Here”.
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 Di sebelah kiri (yang berwarna biru) adalah data informasi account webhosting anda, sedangkan sebelah kanan adalah menu-menu untuk mengelola webhosting anda.
3. Selanjutnya anda klik menu “Addons domain” pada bagian Domains
4. Akan terbuka halaman baru dengan kotak isian untuk memasukkan domain anda.
5. Ketikkan nama domain “co.cc” anda di kotak isian yang tersedia lalu klik tombol “add Domain”. Ketik domain anda tanpa menggunakan http dan www.
F. MENG-UPLOAD FILE KE SERVER HOSTING
Setelah anda memiliki hosting dan domain, langkah selanjutnya adalah memindahkan file situs yang telah anda rancang di komputer ke web hosting tersebut. Proses pemindahan atau transfer file dari komputer ke jaringan internet ini disebut upload. 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 sini saya hanya akan mengupload, maka sebaiknya kumpulkan file web tersebut kita kompres atau di-zip terlebih dahulu sebelum diupload. File-file yang akan ditempatkan satu folder di web, di-zip bukan rar, menjadi 1 (satu) file saja.
Cara Mengupload File ke Server ByetHost :
1. Login ke Vista cPanel Byethost anda.
2. Setelah masuk ke control panel, klik menu “File manager” di bagian FTP Manager atau Site Management
3. Selanjutnya anda akan dibawa ke halaman file.
4. Klik link directory yang tertulis nama domain yang telah anda masukkan (add-on domain),
5. Klik directory “htdocs” Di directory htdocs inilah tempat semua file untuk situs akan ditempatkan.
6. Nah sekarang untuk mengupload file web anda, klik tombol “Upload” lalu akan terbuka halaman upload.
Perhatikan ada 2 (dua) tipe file yang bisa diupload, yakni file tunggal biasa seperti file html, pdf, doc, jpeg/gif di sebelah kiri dan file arsip seperti file zip, tar, tgz, gz di sebelah kanan. Jika anda ingin mengupload satu demi satu file, maka anda gunakan yang sebelah kiri. Sedangkan bila anda sudah zip-kan file anda (seperti yang saya lakukan) maka kita gunakan yang sebelah kanan. File yang kita zip secara otomatis akan di unzip (dimekarkan/diekstrak) ke directory htdocs.
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.
8. Setelah itu anda tekan tanda check warna hijau untuk mulai melakukan pengiriman file ke server byethost.
9. File zip yang diupload otomatis akan diekstaksi (dimekarkan kembali) ke dalam folder htdocs. Setelah proses upload selesai maka akan muncul laporan pengiriman file.
10. Selanjutnya klik gambar panah kiri warna biru untuk kembali ke folder “htdocs” melihat file yang sudah terupload.
SELESAI
Semoga Bermanfaat
ICC
(Studi Kasus www.BikinWebGratis.co.cc)
Oleh : Asnawi, ST.
A. MENDOWNLOAD TEMPLATE :
1. Buka www.minisitegallery.com atau penyedia template yang lain.
2. Bawa kursor ke atas gambar template yang anda ingin download.
3. Klik “details” dari template tersebut, maka akan muncul halaman baru yang menguraikan lebih detail tentang template tersebut.
4. Klik link “Register” untuk melakukan pendaftaran terlebih dahulu. Bila anda sudah pernah mendaftar sebelumnya cukup klik link “logged in” untuk login dan mendownload template yang diinginkan.
5. Lalu akan terbuka halaman login untuk melakukan pendaftaran.
6. Masukkan “Username” yang anda inginkan ke kotak isian username.
7. Masukkan alamat e-mail anda yang masih aktif, karena mereka akan mengirimkan data login serta password anda ke alamat e-mail yang anda daftarkan tersebut.
8. Masukkan angka pada kotak isian yang sesuai.
9. Klik tombol “Register” untuk mengirimkan pendaftaran anda.
10. Selanjutnya cek e-mail anda dan cari subject e-mail seperti ini :
[MiniSiteGallery.com] Your username and password. Anda akan mendapatkan username sesuai yang anda daftarkan, dan password sementara. Blok dan copy password sementara tersebut.
11. Klik link minisitegallery.com/wp-login.php yang disertakan dalam e-mail tersebut, lalu akan terbuka halaman login.
12. Silakan masukkan username dan password sementara pada kotak isian yang tersedia. Selanjutnya anda akan login ke halaman member area.
Langkah yang harus anda lakukan adalah mengganti password sementara tersebut dengan password baru yang anda tentukan sendiri. (Tidak juga ga papa.)
13. Klik menu “Your Profile” lalu geser layar ke bawah dan temukan kotak isian “New Password”, isi dengan password baru anda lalu klik tombol “Update Profile”.
14. Selanjutnya anda kembali ke situs www.minisitegallery.com dan mendownload template yang anda inginkan.
15. Anda akan mendapatkan file dengan nama seperti “namatemplate.zip”.
B. MERANCANG WEB DENGAN TEMPLATE
1. Setelah anda mendapatkan file template, lalu ekstrak file template tersebut ke folder komputer anda. Sebaiknya buat folder khusus agar memudahkan anda dalam mencarinya. Yang diperlukan di sini adalah folder images, file style.css, dan file template.html. Sedangkan folder “psd” berisi
file desain situs format .psd. Ini diperuntukkan bagi anda yang ingin merubah atau mengedit tampilan menggunakan program Photoshop.
.
2. Silahkan buka file “template.html” untuk melihat tampilan minisite tersebut dengan mengklik dua kali file tersebut.
3. Selanjutnya anda tutup window tampilan tersebut lalu gandakan file (template.html) dengan cara copy n paste sebanyak jumlah halaman yang ingin anda buat. Anda akan mendapatkan nama file baru seperti copy of template, copy (2) of template, copy (3) of template, dst.
4. Selanjutnya anda rename (ganti nama) file tersebut, dengan nama halaman yang akan anda buat. Halaman utama (depan) HARUS diberi nama “index.html”, lalu file “copy of template” ganti namanya menjadi “download”, dst.
5. Jangan lupa, mengumpulkan semua file gambar yang akan ditampilkan di web pada folder “images”. Meskipun file gambar tersebut sudah ada di komputer anda di folder lain, anda tetap harus meng-copy file gambar tersebut lalu pindahkan ke folder “images” ini.
6. Anda juga dapat mengedit dan atau mengganti file gambar yang ada di folder images tersebut sebagai bawaan template awal.
7. Setelah semuanya dirasa lengkap, tibalah saatnya mengedit dan mengisi halaman web template dengan content hingga tercipta website seperti yang diinginkan. Pertama-tama buka file “index.html” menggunakan program web creator seperti MS. Frontpage 2003 atau bisa juga dengan “klik kanan -> open with -> 2007 MSO component” yang saya gunakan.
Ganti materi/isi template dengan kata atau kalimat yang anda inginkan.
8. Lalu anda edit file html lainnya sesuai dengan isi dan tampilan yang anda inginkan. Hubungkan halaman satu dengan halaman lainnya dengan menggunakan “Hyperlink” (gunakan menu Insert > Hyperlink). Sebaiknya anda menggunakan menu link untuk membuat hubungan.
9. Setelah dirasa semua sudah OK, sebelum mengupload ke web hosting sebaiknya anda tes dulu untuk mengetahui apakah situs tersebut telah berfungsi sebagaimana mestinya. Silahkan klik dua kali file index.html. Klik link-link yang anda buat apakah semuanya terhubung dan tidak ada lagi
error link.
C. MENDAPATKAN DOMAIN :
1. Buka www.co.cc, lalu ketikkan nama domain yang anda inginkan di kotak isian yang tersedia, lalu klik tombol “Check availability” untuk mengecek apakah domain yang anda inginkan belum diambil/ didaftarkan oleh orang lain.
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
3. Klik tombol “Continue to registration” maka akan terbuka halaman untuk melakukan pendaftaran (bagi member baru) atau login bagi member yang sudah memiliki account.
4. Lalu akan terbuka halaman formulir pendaftaran.
5. Isi semua kotak isian terutama yang ada tanda centang 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.
7. Anda harus men-setting domain anda paling lambat 48 jam setelah pendaftaran tersebut diterima. Sebaiknya anda langsung setting pada saat itu juga. Klik tombol “Set up” untuk men-setting domain anda, akan terbuka halaman baru seperti berikut.
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.
D. CARA MENDAPATKAN ACCOUNT HOSTING di ByetHost.com :
1. Sebelum mendaftar, pastikan anda menggunakan browser Mozilla Firefox, jangan menggunakan browser Internet Explorer. Lalu buka situs www.byethost.com
2. Klik tombol “Not a member” berwarna hijau lalu akan terbuka formulir pendaftaran.
3. Isi formulir pendaftaran sesuai dengan data yang sebenarnya, terutama alamat e-mail anda.
4. Klik tombol “Register” untuk melanjutkan ke step berikutnya. Kalau muncul halaman berikutnya seperti gambar berikut, maka langsung klik tombol “Click Me To Continue” untuk melanjutkan ke langkah berikutnya.
5. Setelah itu akan muncul captcha untuk mencegah pendaftaran ilegal, asukkan 2 kata tersebut ke kotak isian yang tersedia.
6. Klik tombol “Register” untuk mengirimkan formulir pendaftaran anda. Bila pendaftaran anda diterima, maka anda akan mendapatkan data byethost .
7. Jangan lupa menyimpan atau mencatat data-data tersebut karena akan digunakan selamanya. Dan harus diingat pula agar data tersebut terutama password tidak dilihat oleh siapa pun. Jadi, simpan baik-baik data ini di komputer anda.Langkah selanjutnya adalah menghubungkan domain anda dengan web hosting anda. Untuk menghubungkan domain “co.cc” dan byethost maka kita gunakan fasilitas add-on domain di byethost.com.
E. ADD-ON DOMAIN
Secara default anda akan mendapatkan alamat sub-domain gratis dari byethost seperti ini http://username-anda-saat-daftar.byethostXX.com dimana XX adalah angka acak yang diberikan otomatis oleh byethost.com, tp lebih baik menggunakan domain dari “co.cc” saja.
Cara Mengkoneksikan Domain (add-on domain) dengan Web Hosting :
1. Login ke Vista cPanel anda, buka www.byethost.com lalu klik menu “Member Login Here”.
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 Di sebelah kiri (yang berwarna biru) adalah data informasi account webhosting anda, sedangkan sebelah kanan adalah menu-menu untuk mengelola webhosting anda.
3. Selanjutnya anda klik menu “Addons domain” pada bagian Domains
4. Akan terbuka halaman baru dengan kotak isian untuk memasukkan domain anda.
5. Ketikkan nama domain “co.cc” anda di kotak isian yang tersedia lalu klik tombol “add Domain”. Ketik domain anda tanpa menggunakan http dan www.
F. MENG-UPLOAD FILE KE SERVER HOSTING
Setelah anda memiliki hosting dan domain, langkah selanjutnya adalah memindahkan file situs yang telah anda rancang di komputer ke web hosting tersebut. Proses pemindahan atau transfer file dari komputer ke jaringan internet ini disebut upload. 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 sini saya hanya akan mengupload, maka sebaiknya kumpulkan file web tersebut kita kompres atau di-zip terlebih dahulu sebelum diupload. File-file yang akan ditempatkan satu folder di web, di-zip bukan rar, menjadi 1 (satu) file saja.
Cara Mengupload File ke Server ByetHost :
1. Login ke Vista cPanel Byethost anda.
2. Setelah masuk ke control panel, klik menu “File manager” di bagian FTP Manager atau Site Management
3. Selanjutnya anda akan dibawa ke halaman file.
4. Klik link directory yang tertulis nama domain yang telah anda masukkan (add-on domain),
5. Klik directory “htdocs” Di directory htdocs inilah tempat semua file untuk situs akan ditempatkan.
6. Nah sekarang untuk mengupload file web anda, klik tombol “Upload” lalu akan terbuka halaman upload.
Perhatikan ada 2 (dua) tipe file yang bisa diupload, yakni file tunggal biasa seperti file html, pdf, doc, jpeg/gif di sebelah kiri dan file arsip seperti file zip, tar, tgz, gz di sebelah kanan. Jika anda ingin mengupload satu demi satu file, maka anda gunakan yang sebelah kiri. Sedangkan bila anda sudah zip-kan file anda (seperti yang saya lakukan) maka kita gunakan yang sebelah kanan. File yang kita zip secara otomatis akan di unzip (dimekarkan/diekstrak) ke directory htdocs.
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.
8. Setelah itu anda tekan tanda check warna hijau untuk mulai melakukan pengiriman file ke server byethost.
9. File zip yang diupload otomatis akan diekstaksi (dimekarkan kembali) ke dalam folder htdocs. Setelah proses upload selesai maka akan muncul laporan pengiriman file.
10. Selanjutnya klik gambar panah kiri warna biru untuk kembali ke folder “htdocs” melihat file yang sudah terupload.
SELESAI
Semoga Bermanfaat
ICC
Sya kok belum sukses ya gan,, apa harus menunggu beberapa hari/jam?
ReplyDeletebiasanya 1x24 jam udah ready gan... tinggal nunggu aja ..
ReplyDelete