Langkah Mudah Membuat Website Anda Bisa di Lihat di ... · PDF fileMateri bonus "4 Langkah...
-
Upload
nguyenkhuong -
Category
Documents
-
view
214 -
download
1
Transcript of Langkah Mudah Membuat Website Anda Bisa di Lihat di ... · PDF fileMateri bonus "4 Langkah...
Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"
Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"
Langkah Mudah Membuat Website Anda Bisa di Lihat
di Internet secara Gratis
(Registrasi dan Upload File di Hosting Gratis)
Agar website yang Anda buat bisa dilihat oleh orang lain melalui internet, Anda perlu
mengupload halaman web yang sudah Anda buat ke server hosting.
Salah satu penyedia jasa hosting gratis adalah 0fees.net. Dengan support PHP dan
MySQL, maka hosting gratis ini menjadi salah satu pilihan yang menarik untuk Anda
coba sebagai tempat praktek bagi file-file HTML maupun PHP yang Anda buat
selama selama belajar di http://kursus-online.com.
Dalam penjelasan kali ini, saya akan memberikan contoh untuk file HTML, namun
langkah-langkah yang sama bisa Anda terapkan untuk melakukan upload file PHP.
Nah, mari kita mulai...
Untuk menggunakannya, silakan kunjungi http://0fees.net, Anda akan menjumpai
halaman depan seperti ini. Silakan klik Order Now!
Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"
Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"
Lakukan pendaftaran dengan mengisi form seperti di bawah ini. Perhatikan, password
tidak boleh melebihi 8 karakter, dan jangan gunakan email dari yahoo (ymail,
yahoo.co.id, yahoo.com, dll). Saran saya gunakan email dari gmail.com.
Setelah ok, silakan klik Register.
Anda akan diminta beberapa konfirmasi. Silakan klik pada tombol yang tersedia.
Masukkan captcha sesuai huruf yang disediakan. Kemudian klik Register.
Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"
Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"
Anda akan memperoleh pemberitahuan bahwa email untuk aktivasi akun sudah
dikirimkan ke alamat email yang Anda gunakan.
Silakan cek ke email Anda dan lakukan aktivasi dengan meng-klik pada link yang
disediakan.
Anda akan dibawa ke sebuah halaman konfirmasi captcha lagi. Isikan kata-kata yang
disediakan, dan klik Register.
Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"
Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"
Jika semua berjalan lancar, maka Anda akan memperoleh konfirmasi pesanan yang
berisi data-data free hosting Anda.
Perhatikan baik-baik dan catat user name, password dan domain name yang tersedia.
Untuk amannya silakan klik link "Download my account setting" dan simpan di
direktori khusus sebagai referensi nantinya.
Saat ini website Anda sudah bisa diakses namun masih menggunakan file index.htm
default dari 0fees.net. Silakan refer data domain name Anda untuk mencoba
mengakses website Anda. Untuk kasus saya, domainnya adalah
http://percobaan.0fees.net.
Anda akan memperoleh tampilan standar seperti pada gambar berikut ini.
Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"
Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"
Untuk melakukan upload file, Anda harus login terlebih dahulu ke VistaPanel.
Lanjutkan dengan meng-klik link "Click here to log into your VistaPanel". Anda akan
menemui tampilan seperti gambar berikut ini. Gunakan user name dan password
yang sudah Anda catat dari data hosting sebelumnya.
Berikut ini adalah tampilan halaman utama VistaPanel. Klik Online File Manager
untuk melakukan operasi file seperti upload.
Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"
Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"
Berikut ini adalah tampilan menu utama dari Online File Manager. Perhatikan, jangan
lakukan upload file di direktori ini. Silakan lanjutkan dengan melakukan klik pada
ikon direktori htdocs.
Anda akan menemui tampilan seperti gambar di bawah ini. Lanjutkan dengan meng-
klik tombol Upload.
Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"
Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"
Buat sebuah file HTML. Caranya sebagai berikut.
1. Buka Notepad
2. Ketikkan kode berikut ini dalam notepad:
Halaman website pertama buatan saya!
3. Setelah selesai, klik Save dan simpan dengan nama "coba.html" di direktori
yang Anda sukai. (PERHATIAN: Jangan lupa mengapit nama file coba.html
dengan tanda kutip ganda, jika tidak maka file Anda akan tersimpan dengan
ekstensi file txt, bukannya html).
4. Ya...halaman website HTML pertama Anda sudah jadi. Sekarang waktunya
untuk mengupload file ini ke hosting agar bisa dinikmati semua orang.
Klik Browse dan arahkan ke direktori tempat Anda menyimpan file html Anda.
Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"
Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"
Pilih file yang akan di upload. Lanjutkan dengan klik tombol Open,
Klik tombol submit (tanda ceklis hijau).
Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"
Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"
Jika proses upload berjalan lancar, maka Anda akan memperoleh konfirmasi seperti
dalam gambar berikut ini.
Silakan lanjutkan dengan meng-klik tombol back (panah biru), untuk kembali ke
halaman utama online file manager.
Perhatikan, file yang Anda upload seharusnya sudah ada dalam daftar file di direktori
htdocs seperti dalam gambar berikut ini.
Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"
Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"
Silakan coba akses halaman web Anda dengan mengetikkan alamat website diikuti
nama file. Dalam kasus saya ini adalah http://percobaan.0fees.net/coba.html.
Anda akan melihat hasil karya Anda seperti di bawah ini.
Selamat, file karya Anda sudah bisa diakses dari seluruh belahan dunia melalui
internet.
Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"
Materi bonus http://kursus-online.com "4 Langkah Mudah Belajar Membuat Website"
Mudah-mudahan bermanfaat.
Silakan akses http://kursus-online.com untuk update materi atau mempelajari cara
membuat website lebih lanjut.
Salam hangat.
Adhi Prasetio.