Kamis, 04 Juli 2013

Tutorial Dengan Menggunakan Mysql

Berikut adalah tutorial membuat website dengan Mysql :



Dan untuk halaman Administrator, tampak seperti gambar di bawah ini :


Agar Lebih Mudah dalam Memahami konsep Pembuatan website dinamis dengan PHP mysql , disini sudah saya berikan contoh gambar nya :

Dengan Gambar di atas, Saya harapkan para pembaca ebsof.com , dapat lebih mudah memahami cara dan konsep dalam Membuat Website dinamis, Pada Dasarnya, Sistem pembuatan website dinamis di atas ialah, hanya terdiri dari file Index.php , yang merupakan file induk, Dan Kemudian File-File Pendukungnya di panggil dengan Menggunakan Fungsi Khusus PHP, Sehingga Website Yang kita Buat akan Memiliki Loading Lebih Cepat, dan Ringan. Inilah Kelebihan Dari PHP, yang tidak bisa dilakukan Oleh HTML.
Pada bagian Sidebar Website/ Menu Website , Terdapat Beberapa File yang kita Pisahkan dan Kemudian Di Panggil Dengan Fungsi " Include " pada setiap masing-masing File, Sehingga Menjadi Sidebar Yang Utuh..
File-File PHP tersebut ialah : formlogin.php , kategori.php , ipdanbrower.php, dan boleh saya file2 lainya bisa ditambahkan , sesuai dengan kebutuhan.
Dan untuk Halaman Admin berikut struktur gambar nya : Konsep dari Halaman administrator Website Dinamis sama, disini Terdiri dari file. admin.php sebagai file Induk, dan Kemudian Terdapat File- File Pendukungnya , seperti : menuadmin.php, isiadmin.php, yang di panggil menggunakan fungsi Include .Disini Sengaja di pisahkan agar mudah untuk dimodifikasi sesuai dengan kebutuhan.


dan untuk hasil yang sudah Jadi,  , Dapat di lihat di bawah ini, Keistimewaan Dalam Membuat Website Dinamis salah satunya ialah Website Dinamis ini dapat di ubah-ubah Kategori nya , maupun artikelnya Sesuai Dengan Kebutuhan nya. Karna di dalamnya sudah disediakan Berbagai Fungsi dasar , Seperti : Input Data, Edit Data, Update Data, dan Hapus Data.


Demikian Lah Cara Membuat Website Dinamis PHP Mysql.

Sumber :  http://www.ebsof.com/2013/04/website-dinamis-php-mysql8.html
Diposting oleh di Tidak ada komentar:

Tutorial Cara Membuat Layout Website Dengan CSS

1. Cari Referensi Dari Website Lain

Jika anda masih bingung dalam membuat layout website dari awal, mungkin cara ini dapat membantu anda, karena dengan mencari referensi dari wweb ain, kita tinggal menterjemahkannya ke dalam media kertas. Berikut ini adalah salah satu website yang saya buat yang akan kita jadikan contoh untuk membuat sebuah layout website.
implementasi-layout
Gambar tampilan website diatas terdiri dari 4 bagian, yaitu: HEADER, BODY,  SIDEBAR, dan FOOTER. Untuk penamaan bagian-bagian didalam layout disarankan agar nama yang diberikan sesuai dengan fungsinya. Seperti di bagian #SIDEBAR, bisa juga diberi nama #RIGHTBOX, tetapi nama tersebut menjadi aneh ketika sewaktu-waktu kita ingin memindahkan bagian tersebut kesebelah kiri. Maka untuk pemberian nama, saya sarankan lebih spesifik dan agar sesuai dengan fungsinya.

2. Menterjemahkan Layout Dengan CSS

Gambar dibawah ini merupakan layout yang ingin kita terjemahkan dengan menggunakan CSS. Dilayout tersebut terdapat 4 kerangka website, yaitu bagian HEADER, BODY, SIDEBAR, dan FOOTER yang sudah saya jelaskan sebelumnya.
Layout 1
Buatlah sebuah file dengan nama style.css  dan isi dengan kode CSS berikut ini untuk mendesain layout yang telah dibuat:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
#wrapper {
width: 800px;
margin: 0 auto;
}
 
#header {
float: left;
width: 100%;
height: 150px;
background-color: red;
}
 
#body {
float: left;
width: 70%;
height: 300px;
background-color: blue;
}
 
#sidebar {
float: left;
width: 30%;
height: 300px;
background-color: green;
}
 
#footer {
float: left;
width: 100%;
height: 100px;
background-color: yellow;
}

3. Menyisipkan Link File CSS di Script  HTML/PHP

Untuk menggunakan CSS, ada dua cara yang bisa dipakai, yaitu dengan cara memaasukan langsung script CSS di dalam tag <head>…</head>, atau bisa juga dengan memasukkan link yang menghubungkan antara file HTML dengan file CSS.
Berikut ini adalah contoh script yang memakai  cara pertama, yaitu memasukan langsung script CSS di dalam tag <head>…</head>:
1
2
3
4
5
6
<head>
<title>Test 123</title>
<style>
//script CSS yang ingin dimasukkan
</style>
</head>
Lalu cara kedua yaitu menyisipkan link yang menghubungkan file HTML ke file CSS yaitu sebagai berikut:
1
2
3
4
<head>
<title>Test 123</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
*) jika anda menyimpan file didalam folder CSS, maka link yang ditulis harus href=”css/style.css”, namun jika file CSS yang dibuat ada didalam satu folder dengan file HTML, maka cukup dengan href=”style.css” saja.

4. Membuat file HTML

Berikut ini adalah script file HTML yang di integrasikan dengan file CSS diatas.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<html>
<head>
<title>Membuat Layout Website Dengan CSS</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>#header</h1>
<p>Ini adalah bagian HEADER. Biasanya terdapat LOGO, MENU, dan sebagainya.</p>
</div>
<div id="body">
<h1>#body</h1>
<p>Ini adalah bagian BODY yang merupakan bagian inti dari website.</p>
</div>
<div id="sidebar">
<h1>#sidebar</h1>
<p>Ini adalah bagian SIDEBAR. Biasanya terdapat MENU, DAFTAR KONTEN, dan sebagainya.</p>
</div>
<div id="footer">
<h1>#footer</h1>
<p>Ini adalah bagian FOOTER. Biasanya terdapat HAK CIPTA, MENU, dan sebagainya.</p>
</div>
</div>
</body>
</html>


sekian tutorial cara membuat Layout pada web dengan menggunakan CSS.
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)