Kali ini saya akan menjelaskan tentang pembuatan "website sederhana".
Bukan maksud menggurui, tapi hanya sekedar berbagi informasi. Yuk,
belajar bareng !
1.
Pertama kita harus tahu apa tujuan kita membuat web, jenis website
seperti apa yang ingin kita buat, dan yang pasti aplikasi atau software
penunjang yang akan membantu kita dalam pembuatan website. Yang saya
gunakan itu ada beberapa macam aplikasi seperti Notepad++ untuk membuat koding-koding berformat .html, lalu ada FileZilla
yang fungsinya seperti penghubung antara data kita dan data yang akan
di-upload nanti ke situs yang telah kita buat, dan terakhir adalah xampp,
saya tidak terlalu yakin apa fungsi dari aplikasi yang satu ini, tapi
setahu saya ini berfungsi untuk koneksi komputer kita dengan server
lokal, dan tempat awal dimana calon web kita dibuat. Jika
aplikasi-aplikasi tadi tidak ada di komputer anda, ada baiknya anda
download aplikasi tersebut terlebih dahulu.
2.
Hal selanjutnya yang harus dilakukan adalah pendaftaran atau mencari
sebuah hosting yang akan menampung file-file web site kita pada sebuah
server yang nantinya akan terhubung ke jaringan internet, dan biasanya
orang-orang tertarik dengan hosting yang gratis (entah kenapa kata
"GRATIS" terdengar sangat menggoda di telinga saya). Okay, kita lanjut,
dalam hal ini saya melakukan pendafaran untuk membuat web site secara
gratis di http://byethost.com/.
Disini kita bisa dapat hosting gratis, cukup dengan mengklik tulisan
Free Hosting, lalu sign up dan isi data-data yang diminta, seperti
username, password, dan domain atau nama web anda, cek e-mail anda untuk
memferivikasi, isi lagi beberapa data yang diminta, setelah selesai,
tunggu sampai web kita akhirnya akan di go publish. Jadi intinya kita
butuh hosting yang akan menampilkan website kita ke jaringan internet.
3.
Beralih ke aplikasi-aplikasi ajaib yang sebelumnya saya ceritakan pada
nomor 1, yang pertama akan kita gunakan adalah xampp. Buka XAMPP Control
Panel Apllication.exe, maka tampilannya akan muncul di bagian kanan
bawah layar kita, lalu klik START pada bagian Apache dan MySql hingga
muncul tulisan Running. Buka Mozilla Firefox atau aplikasi web browsing
apapun yang ada pada komputer anda, dan ketik http://localhost/,
maka kita akan langsung masuk ke bagian xampp(tanpa perlu menggunakan
akses internet). Buka My Computer, lalu cari folder XAMPP. Didalamnya
ada satu folder yang bernama Htdocs, buka lalu buat folder baru dengan
nama web site yang ingin kita buat di dalam folder Htdocs tadi, contoh :
mojowawaw.
Selanjutnya
adalah Notepad++, buka notepad lalu klik "Language" dan pilih "H"
untuk html. Ketikkan kodingan-kodingan (semacam rumus atau tulisan biasa
yang nantinya akan menghasilkan suatu perhitungan, bentuk atau
tampilan) yang kita inginkan, lalu save dengan nama "index.html". Nah,
untuk referensi kodingannya silahkan kunjungi alamat ini http://w3schools.com/.
Untuk urusan template atau tampilan latar belakang dari website, kita
bisa membuatnya sendiri dengan aplikasi-aplikasi yang berhubungan dengan
pembuatan atau peng-editan gambar, salah satunya seperti Adobe
Photoshop. Lalu hasilnya masukkan di folder website yang sebelumnya
telah kita buat (mojowawaw). Untuk melihat hasil tampilan web sementara
kita, buka aplikasi web browsing, masuk ke alamat
http://localhost/xampp/, ubah tulisan xampp menjadi nama folder kita
(mojowawaw), seperti ini : http://localhost/mojowawaw/. Maka tampilan
web kita akan muncul. Ini berguna untuk menentukan apakah tampilan
website kita sudah sesuai dengan keinginan kita atau belum, sebelum
nantinya di-upload dengan menggunakan FileZilla.
Setelah semua selesai dibuat, dibangun, dan diperindah, langkah selanjutnya adalah menampilkan hasilnya ke publik dengan cara, kita buka FileZilla. Isi bagian "Mesin, Nama Pengguna, dan Kata Kunci" sesuai dengan yang tertera pada email yang telah kita ferivikasi sebelumnya, lalu klik "koneksi cepat". Setelah connect, pada bagian "situs local", buka folder tempat kita menyimpan folder web yang sebelumnya telah dibuat, contoh c:\xampp\htdocs\mojowawaw. Lalu copy atau drag folder web kita (mojowawaw) ke sebelah kanannya yaitu bagian "situs remote", maka secara otomatis isi dari folder tersebut akan ter-upload ke website kita. Buka website kita dengan bantuan web browsing apapun, pastikan komputer terhubung dengan jaringan internet, dan silahkan menikmati hasil perjuangan anda. :D
Sekian
cara membuat website sederhana dari saya, mohon maaf apabila ada
kesalahan, semoga bermanfaat. Terimakasih sudah mau membaca, maaf kalo
ternyata malah membuat anda bingung :D
Tugas 2
Kelompok:
- Fajar Permana
- Rio Ramakaputra
- Robby Rehantoro
Pengantar Web Science (edisi pengulangan)
No comments:
Post a Comment