Home / Education / Ilmu Komputer / Cara Membuat Website Sederhana Dengan PHP dan MySQL

Cara Membuat Website Sederhana Dengan PHP dan MySQL

Cara Membuat Website Sederhana Dengan PHP dan MySQLCara Membuat Website Sederhana Dengan PHP dan MySQL  – Buat sobat yang ingin belajar dan memahami bagaimana Cara Membuat Website Sederhana Dengan PHP dan MySQL sobat bisa membaca artikel ini dari awal sampai akhir dan insyaAllah sobat akan mendapatkan ilmu baru yang bermanfaat. Yang akan saya jelaskan pada artikel ini adalah membuat desain atau tampilan website yang sangat sederhana dan memungkinkan bagi pemula untuk paham dari awal pembuatan HTML dan CSS sampai dengan tampilan yang dihasilkan. Sebenarnya untuk bagian pertama ini sobat belum wajib menggunakan MySQL karena pada bagian pertama ini hanya akan focus ke tampilan dan fungsi drop down pada website, tapi nanti pada bagian selanjutnya sobat pasti kudu wajib menggunakan mysql sebagai media pendukung dalam tutorial berikutnya, pastinya sobat mau kan adanya pengembangan dari website yang sobat buat, nah maka dari itu jika sobat belum menginstall xampp maka silahkan install terlebih dahulu. Siapkan konsentrasi sobat dan baca satu per satu supaya sobat dapat memahami apa fungsi dari setiap kodingan yang akan saya jelaskan, mungkin sobat butuh memutar lagu untuk menemani dalam pembelajaran kali ini.

Cara Membuat Website Sederhana Dengan PHP dan MySQL

  1. Pertama sobat install xampp yaitu sebagai server sendiri yang dapat dijalankan secara offline, silahkan download di internet banyak tutorial dan link downloadnya langsung dari pihak XAMPP
  2. Jalankan xampp kemudian aktifkan dengan mengklik start pada bagian Apache dan MySQL
  3. Setelah berhasil terkoneksi maka sobat langsung lari ke C:\xampp\htdocs
  4. Buat folder dengan nama “webprog” (optional)
  5. Buka Sublime atau media edit lainnya seperti Notepad, Notepad++ dan lain sebagainya
  6. Ketikkan atau langsung copy code dibawah ini kemudian paste pada sublime
  7. Simpan ke folder C:\xampp\htdocs\webprog yang telah sobat buat pada nomor 4 dengan nama index dan format .php
  8. Buat file baru dan masukkan code dibawah ini
  9. Simpan ke folder C:\xampp\htdocs\webprog dengan nama style dan format .css
  10. Buka http://localhost/webprog/ dengan media browser yang sobat inginkan
  11. Lihat tampilannya apakah sama dengan gambar diatas

 

Perhatian!
Karena saya lupa menyertakan code CSS pada artikel ini dan ternyata datanya terhapus karena ganti xampp dan lupa untuk membackupnya, maka dari itu saya ganti dengan codingan lain saja 16/05/2017

Source code index.php

Source code style.css simpan pada folder baru dengan nama css jadi directorynya C:\xampp\htdocs\webprog\css

Keretangan:

  1. Hapus coding <?php include ‘koneksi.php’; ?> untuk menonaktifkan koneksi ke database tapi nanti pada tutorial berikutnya silakan pasang kembali
  2. Untuk menampilkan gambar header sobat simpan file gambarnya pada folder C:\xampp\htdocs\webprog\img yang artinya sobat buat folder baru bernama img dan edit pada style.css bagin background: url(../img/header.jpg); 

Maka tampilannya akan menjadi seperti dibawah ini :

Cara Membuat Website Sederhana Dengan PHP dan MySQL terbaru

Baca artikel berikutnya untuk menyempurnakan belajar membuat website sederhana dengan php dan mysql :

  1. Cara Menyambungkan Webiste PHP Dengan Database MySQL
  2. Cara Membuat Halaman Dinamis Dengan Case Pada Website PHP
  3. Cara Membuat Form Pendaftaran Pada PHP dan MySQL
  4. Cara Menampilkan Data dari Databse MySQL Pada Website PHP
  5. Cara Mengedit Database Pada PHP Website Edit dan Delete

About Susantokun

Seorang pemuda tampan yang sedang berjuang untuk mencari modal nikah.
Lahir di Bumi ini atas perjuangan Ayah dan Ibu yang senantiasa membuat dan mengeluarkan sehingga lahirlah Susanto pada tanggal 27 Maret 1996 di Cianjur – Jawa Barat.

Check Also

Cara Membuat Stemming Algoritma Nazief di PHP dan MySQL

Cara Membuat Stemming Algoritma Nazief di PHP dan MySQL

Cara Membuat Stemming Algoritma Nazief di PHP dan MySQL – Algoritma stemming adalah bagian dari ilmu …

error: Content is protected !!