Deploy HTML Web Pages with Xampp


If you want a great site, you’ve got to test. After you’ve worked on a site for even a few weeks, you can’t see it freshly anymore. You know too much. The only way to find out if it really works is to test it.

Menurut pengertian saya deployment adalah sebuah proses untuk mempersiapkan segala sesuatu untuk sebuah pekerjaan, artinya ialah dalam mengembangkan aplikasi atau semacamnya perlu ditinjau kembali apakah aplikasi itu layak ditampilkan untuk semua orang ataukah masih ada yang perlu dibenahi.

Seperti halnya dalam pemrograman web setelah selesai membuat sebuah halaman web sebaiknya kita harus melakukan deployment terlebih dahulu agar mencegah hal-hal yang tidak diinginkan terjadi. Untuk itulah saya menulis tutorial ini.


Hal pertama yang harus disiapkan adalah sebuah aplikasi simulasi pengembangan web yaitu xampp anda dapat mengunduhnya secara gratis pada http://www.apachefriends.org/ dan untuk cara menginstallnya silahkan searching di google banyak tutorial yang berkaitan dengan hal ini dan cara mengatasi apabila terdapat kesalahan dalam menjalankannya.


Setelah mendapati komputer anda telah terinstal xampp kemudian jalankan program tersebut!>

Running Xampp


Kemudian jalankan Apache dan MySQL, seperti pada gambar dibawah ini.

Starting Apache and MySQL


  • Persiapkan file-file yang akan di-deploy (e.g: HTML, CSS, Jpg, etc...) dalam satu folder, dalam contoh ini folder diberi nama biodata karena halaman yang akan ditampilkan berupa halaman tentang biodata atau curiculum vitae.
  • Ganti nama file HTML anda menjadi index.html. Karena file dengan nama index inilah yang akan dijalankan oleh xampp tersebut.

  • Salin folder "biodata" tersebut kedalam folder htdocs (C:/xampp/htdocs)
  • Buka Peramban Web Browser anda (Mozilla, Chrome, Safari, etc...)
  • Ketikkan pada addressbar http://127.0.0.1:6060/biodata atau http://localhost:6060/biodata

Preview



Note :

  • 127.0.0.1 merupakan url dari localhost itu sendiri.
  • 6060 ialah port yang digunakan pada xampp. Sesuaikan dengan port pada xampp anda (lihat gambar)
  • biodata adalah nama folder yang telah dipersiapkan sebelumnya
2 Comments
Related Post

Join the Discussion!

Dont give a spam please!
Untuk menyisipkan video, gunakan
Untuk menyisipkan gambar, gunakan
Untuk menyisipkan kode, gunakan
Untuk menyisipkan beberapa baris kode, gunakan
Untuk menyisipkan catatan, gunakan
Untuk menciptakan efek teks tebal gunakan