Langsung ke konten utama

Belajar Web - Membuat Website Localhost

Tutorial tentang "Cara Membuat Website Localhost Menggunakan HTML / PHP". Cara dibawah ini adalah rangkuman dari beberapa website tutorial yang telah dipilih agar gampang dipelajari.

Apakah Website Itu ?

Website adalah sebuah media online yang berfungsi menampilkan berbagai informasi, baik informasi berupa teks, gambar atau video. Banyak sekali orang yang berkeinginan membuat website, namun keterbatasan sumber dan pengetahuan, membuat beberapa orang mengurungkan niat membuat website personal. "Cara Membuat Website Localhost Menggunakan HTML / PHP" kali ini akan mengupas tuntas bagaimana membuat website dengan menggunakan text editor biasa, recommeded sublime text editor. Di karenakan kita berencana membuat website yang berdiri sendiri dalam hosting kita maka beberapa hal perlu di persiapkan sebelum melanjutkan tutorial.

1. Hosting
2. Domain

Melihat dua item diatas, teman-teman mungkin bingung darimana harus mendapatkan hosting dan domain, Secara yang kita ketahui, hosting dan domain harus kita dapatkan dengan cara menyewa ke layanan hosting dan domain. Sebagai solusinya agar tutorial cara membuat website ini tidak terhambat maka kita akan menggunakan hosting yang berada pada komputer kita sendiri, atau sering disebut sebagai localhost. Kemudian nama folder yang ada di localhost akan kita gunakan sebagai pengganti nama domain. Sedangkan source wordpress dapat kita ambil dari website resmi wordpress secara gratis.
Berikut sub bahasan yang akan kita pelajari dalam tutorial membuat website personal.
  • Cara membuat hosting di localhost

Cara Membuat hosting di localhost

Untuk melakukan instalasi hosting di localhost, terlebih dahulu Anda harus mengambil atau mendownload aplikasi xampp sebagai software yang akan menjadi server kamu. Klik link di sini untuk mendapatkan software xampp.
Setelah Anda mendapatkan software xampp, Anda dapat melanjutkan dengan melakukan instalasi software. Caranya cukup klik dua kali software xampp. Lalu ikuti panduan wizard yang diberikan oleh software hingga selesai.
instal xampp

Anggap Anda telah selesai melakukan instalasi xampp di komputer kamu, mari kita lanjutkan tutorial membuat website. Buka browser kesayangan Anda seperti mozilla firefox, atau google chrome. Di kotak url address browser Anda ketikkan. http://localhost. Jika instalasi xampp Anda sukses, maka akan tampil dibrowser Anda seperti gambar dibawah ini.
localhost

Lanjut pada sesi dimana Anda harus membuat sebuah folder yang berfungsi untuk mengganti nama domain. Caranya seperti ini, masuk ke direktori c komputer kamu, lalu klik pada folder xampp, setelah itu klik kembali pada folder htdocs. Setelah Anda berada didalam folder htdocs, buatlah satu folder baru dengan nama yang Anda inginkan. misalnya untuk tutorial ini kita namakan study-newbie. Ingat nama yang Anda gunakan tidak boleh ada spasi antara katanya. Kemudain di lanjutkan dengan mencoba mengakses folder yang sudah Anda buat dengan mengetikkannya di browser Anda seperti ini http://localhost/study-newbie.

Jika Anda sukses maka akan tampil index tanpa files di browser kamu. Hal ini menandakan bahwa folder Anda belum terisi oleh files apapun.

Selanjutnya anda bisa membaca di "Cara Membuat Website Localhost Menggunakan HTML / PHP - part 2"

Komentar

Postingan populer dari blog ini

Tutorial Lengkap Membuat Short Link Sendiri Dengan PHP Mysql

Hallo kawan, berjumpa lagi nih sama toturial www.pemulabelajar.com. Kali ini kita akan membahas cara membuat short link sendiri . Pernah dong kawan menjumpai namanya short link, contoh sederhananya saja goo.gl . goo.gl akan membuat url site kita menjadi lebih pendek misalnya saja : http://www.pemulabelajar.com bisa menjadi goo.gl/Jiahs . Begitu juga tutorial kita membuat short link kali ini. Karena membuat short link kita sekarang menggunakan PHP Mysql maka kawan disarankan untuk membuat hosting untuk website yang akan dijadikan website short link kita sendiri, kawan bisa menggunakan layanan gratis seperti 000webhosting.com atapun idhostinger.com (recomended) selain gratis, pembuatan databasenya juga termasuk mudah dan juga tutorialnya sangat banyak digoogle kalau ada waktu saya akan membuatkan tutorial membuat hosting gratis untuk kawan. Membuat Short Link Saya anggap saja kawan sudah membuat hosting disalah satu tempat hosting diatas. Maka langkah a...

Belajar Power Design - Cara Membuat Project Menjadi Gambar

Cara Membuat Project Menjadi Gambar - Artikel ini akan membahas sedikit tentang Power Design dan Bagaimana merubah project power design menjadi sebuah gambar . Masalah ini sering dialami oleh pemula khususnya saya yang bingung bagaimana merubah sebuah project power design menjadi berupa gambar agar mudah dimuat ke sebuah karya tulis. Baca juga : Membuat Teks Rotasi Dengan Photoshop Apa itu Power Design ? Power design adalah sebuah paket program desain tools yang digunakan untuk membuat Visualisasi, dokumentasi dan mendesain suatu sistem perangkat lunak. Paket ini meliputi Process analyst Model (PAM), Data architect tools, Aplication modeler tools, dan Metawork tools. Power Design ini juga sering digunakan menjadi software untuk membuat Diagram Flow Diagram atau DFD . Bagaimana Merubah Project Menjadi Gambar ? Untuk merubah sebuah project pada power design menjadi sebuah gambar cukup mudah. Secara singkatnya kawan cukup memilih semua object yang akan dijadikan sebuah gambar, s...

Belajar Web - Membuat Website Responsive CSS

Sebelum kita meneruskan tutorial selanjutnya yaitu Belajar Membuat Website Responsive baiknya kita pelajari terlebuh dahulu apa aja yang akan kita bahas. Karena yang akan kita bahas selanjutnya adalah responsive web, maka diwajibkan mengerti fungsi script css yang ada di Belajar Desajn Website di html / php toturial sebelumnya. Apa itu float ? Apa itu width ? Apa itu height ? Apa itu clear: both ? Responsive ini memakai @media(max-width) atau @media(min-width) yang memiliki arti lebar maximal style dan lebar minimal yang kita masukkan di dalam @media tersebut. Sebelum memperlajari responsive menu sebaiknya lita pelajari dulu float, clear dan lain-lain. Karena @media tersebut hanya mengganti script css dari css global. Apa itu css global ? Nanti anda penjelasannya masing-masing. Apakah anda sudah ngerti dengan coding css diatas ? Jika belum, ada baiknya anda harus pelajari dulu scriptnya di toturial sebelumnya. Cara memperbaiki jika terjadi error atau kesalahan penulidan pada d...