Senin, 03 Juli 2017

Cara Membuat Web Dengan PHP Dan Mysql

Jika kamu seorang blogger harus paham betul apa itu php dan html. Kalau anda sudah mahir dalam hal itu tidak ada yg mungkin anda jadi desain web profesional bisa di jual hasil karyanya. Web elegan adalah website yang mana pengguna (client) bisa merubah konten dari halaman tertentu menggunakan browser dan interaksi yang terjadi antara pengguna dan server sangat kompleks. Permintaan dari pengguna dapat diproses oleh server yang kemudian ditampilkan dengan isi yang berbeda-berbeda menurut alur programnya. web dinamis memungkinkan anda untuk merubah data melalui halaman admin tanpa harus merubah kodingannya. Untuk membuat web elegan anda dapat menggunakan bahasa php dan mysql sebagai data basenya.

1. Pertama anda harus mempunyai aplikasi yang bernama xampp yaitu sebagai server yang berdiri sendiri(localhost), anda bisa mendownloadnya di internet, untuk installnya cukup mudah, ikuti saja tutorialnya:


2.Setelah anda berhasil menginstal xampp, buka aplikasinya dan start "Apache" dan "Mysql" lalu buka browser anda direkomendasikan Firefox atau Chrome. Lalu Ketikkan localhost/phpmyadmin di address bar untuk mengolah database mysql.

3. Setelah muncul laman phpmyadmin, pertama anda buat database dengan nama db_web. lalu buat table untuk admin ketikkan kode di bawah ini di tab SQL:

create table admin (
username varchar(15 ) not null primary key ,
password varchar (15 ) not null,
level varchar (15 ) not null
)
setelah berhasil di eksekusi, saatnya untuk membuat web yang akan menampilkan databasenya..

4. Untuk membuat web, pertama anda harus membuat homepage terlebih dahulu, buka aplikasi editor seperti notepad atau notepad ++ dll lalu ketik/copas kode di bawah ini dan beri nama file "index.php "
<! DOCTYPE HTML PUBLIC >
< html>
< head>
< title> Kerangka Web< / title >
< meta http -equiv=" Content -Type " content =" text / html; charset =iso -8859-1 ">
< link href =" style. css " rel=" stylesheet " type =" text/css ">
< / head>
< body>
< table width =" 900 " border =" 0 " align =" center " cellpadding =" 0" cellspacing =" 0 ">

< td height =" 100 " colspan =" 2">< / td>
</ tr>

< td colspan =" 2">< marquee onmouseover=" this .stop ()" onmouseout=" this .start ()" truespeed=" true" scrollamount=" 1" scrolldelay=" 40 " direction=" left ">
< strong >< div id =" login">Selamat Datang Di Website Kami , Website Ini Masih Dalam Tahap Perbaikan </ div></ strong >
< / marquee>
< / td>
</ tr>

< td width =" 200 " height =" 600 " valign =" top " bgcolor=" gray ">< table width =" 200 " border =" 0" cellspacing =" 0 " cellpadding =" 0">
< tr>
< td>< form name =" form 1" method =" post" action =" cek_login .php ">
< table width =" 200 " border =" 0" cellspacing =" 0" cellpadding =" 2">

< td height =" 30 " colspan =" 2">< div align =" center ">< div id =" login">< strong > Login Admin </ strong ></ div>< /div></ td>
< / tr>

< td width =" 74 " height =" 30 ">< b > Username < /b>< / td>
< td width =" 126 ">:
< input name =" username " type =" text" id =" username " size =" 10 ">< /td>
</ tr>

< td height =" 30 ">< b > Password < /b>< / td>
< td > :
< input name =" password" type =" password" id =" password" size =" 10">< /td>
</ tr>

< td height =" 30 ">& nbsp ;< / td>
< td >< / td>
</ tr>
< / table>
< / form >
</ td>
< / tr>
< tr>
< td>< div id =" kiri">
< div id =" login">
< p>< center >< b> PROFIL < /center >< / p>
< p> Nama : Mamat Setiono < /p>
< p> Web : www .mr -update .net< / p ></ b >
< / div>
< / div>
< / td>
< / tr>
< / table >
< / td>
< td valign =" top">& nbsp ;< /td>
</ tr>

< td height =" 80 " colspan =" 2">< div id =" login">< center > Copyright 2015 < br> Design : Mamat Setiono </ div></ td >
</ tr>
< / table>
< / body>
< / html>
5.  Untuk membuat tampilan web terlihat bagus, buat desain css untuk web tersebut buat file bernama " style.css " lalu ketik/copas kode di bawah ini :
# kiri { font-size :12 px ; border -radius :5px ;border :6 px ;height :120 px ; padding :10 px ;background -color :black ; float:left ; width :165px ; margin -top :40 px ;margin -left :8 px ;}
# login{color : white; }
Penjelasan :
#kiri adalah untuk desain web bagian kiri.
#login adalah untuk desain tulisan pada form login.

6.  untuk melihat hasilnya simpan file " index.php " dan " style.css " pada C:>/xampp/htdocs/web(buat folder baru bernama web) lalu jalankan melalui address bar browser anda dengan mengetikan : localhost/web/index.php
lalu lihat hasilnya.

Catatan : Jangan lupa aktifkan xampp anda (start Apache dan Mysql)

Sekarang anda sudah membuat homepage sederhana untuk data yang akan di tampilkan nanti bagian selanjutnya saya akan posting cara membuat koneksi untuk membuat halaman admin tapi nanti dulu mau mikir sejenak.

terima Kasih Sudah Berkunjung Di Artikel Saya yang sederhana. Semogaa bermanfaat buat anda.

Artikel Terkait

Seseorang blogger pemula masih baru dalam menekuni dunia blogging, Yang tujuanya jelas dalam menulis blog.

8 komentar

Mantap gan tutorialnya ,sangat membantu saya terimakasih gan

Cukup mudah dipahami gan (y)

kalau perlu kasih liat demonya biar lebih dipercaya saran sih hehe

wah mantap gan tutornya mudah di pahami

Silahkan berkomentar jika ada pertanyaan seputar topik pembahasan diatas.
Dilarang Keras!!!:
1. No Spam
2. Jangan sisipkan link aktif
3. Komentar berbau sara
Langsung saya hapus!!!
EmoticonEmoticon