MEMBUAT WEB DENGAN PHP PART I

2011SEBUAH REFERENSI PENGECUALIAN Dari KAKA SUKMARA

Cara cepat membuat web dengan PHP yang terintegrasi dengan Database MySQL, disertai dengan Cascading Style Sheet dan Dasar Macromedia Flash

Membuat Web dengan PHP

DAFTAR ISI

BAB I LAY OUT ..................................................................................................... BAB II MEMBUAT FOLDER PADA XAMPP .......................................................... BAB III MEMBUAT RANGKA DAN KOMPONENNNYA ....................................... BAB IV MEMBUAT INDEX ..................................................................................... BAB V MEMBUAT FILE KONEKSI ........................................................................ BAB VI MENAMPILKAN DATA PADA DATABASE DENGAN PHP ...................... BAB VII MEMBUAT BUKU TAMU .......................................................................... LATIHAN ................................................................................................................ BAB VIII CASCADING STYLE SHEET .................................................................. BAB IX MACROMEDIA FLASH ............................................................................. BAB X MEMBUAT LOGIN .....................................................................................

3 5 6 9 11 15 20 22 23 30 37

Membuat Web dengan PHP

BAB I LAY OUT Mari kita lihat dahulu contoh web berikut ini :Gambar 1

Kalo kita beri batas garis, maka akan seperti ini :Gambar 2

Bagian Identitas 1

Bagian Identitas 2

Bagian Menu 1

Bagian Isi

Membuat Web dengan PHP

Bagian Menu 2

Kalo kita gunakan table maka akan seperti berikut ini :Gambar 3

Bagian Identitas 1

Bagian identitas 2

Bagian Kosong

Bagian Menu 1

Bagian Menu 2

Bagian Isi

Gambar apakah yang seperti gambar di atas ! Oke tentunya adalah sebuah table. Maka patokan table di atas adalah patokan rangka untuk sebuah web atau dinamakan lay out. Tugas anda : 1. Gambarlah sebuah Layout web yang ingin anda buat ! 2. Tentukan mana bagian-bagian dan peruntukkannya ! Bagaimana sudah bisa membuat lay out web ?

Membuat Web dengan PHP

BAB II MEMBUAT FOLDER PADA XAMPP Oke kita bertemu di bab II, ada yang masih riweuh di bab I, kalo ada kontak aza kita yah ! Siapkan script editor (misalnya edit plus) !! Siapkan browser Siapkan xampp !!!!, apabila redi maka buat deh foldernya, yaitu pada folder xampp yang selalu terletak di drive C kalo kita menginstallnya standar, selanjutnya dari folder xampp kita cari tuh folder yang namanya htdocs, nah di folder itu tuh kita mesti membuat folder untuk web kita, syaratnya : 1. Folder induknya biasanya sama dengan nama web yang kita buat. 2. Memberi nama folder jangan pake spasi. 3. Jangan memakai tanda-tanda \. / , ; @ dan tanda-tanda lainnya yang dianggap riskan. 4. Di dalam folder induk buatlah folder antara lain diperuntukan : a. Untuk menyimpan layout web, misalnya temp, template, rangka dan lain-lain pilih yang kamu suka. b. Untuk menyimpan halaman-halaman yang kita buat, misalnya page, hal, pages dan lain-lain pilih yang kamu suka. c. Untuk menyimpan fungsi variable misalnya comm var, variable, func, fungsi dll pilih yang kamu suka. d. Untuk menyimpan gambar dan animasi misalnya images, image, imej dll pilih yang kamu suka. e. Untuk menyimpan session dan cookie misalnya, sess, cook dll pilih yang kamu suka. f. Untuk menyimpan file css dan javascript, misalnya, css, java, script dll pilih yang kamu suka. 5. Selalu mengingat nama-nama folder tersebut. 6. Artinya yang mudah kita ingat dan mudah kita mengerti tapi orang lain gak boleh tahu .. hehehehe canda. Bisa jadi seperti berikut ini : Local Disk (C):+ -

WINDOWS xampp FileZillaFTP htdocs-

+ -

Webku comm+

image page temp

Oke sekarang buat folder-foldernya

Membuat Web dengan PHP

BAB III MEMBUAT RANGKA DAN KOMPONENNYA Udah buat foldernya, nyo sekarang ane mau ngisi folder tersebut !!! Siap ? Lihat layout di bawah ini :Gambar 4

Bagian Atas1

Bagian Atas 2

Bagian Kosong

Bagian Menu 1

Bagian Menu 2

Bagian Isi

Keterangan : 1. Bagian Identitas, Identitas2, Kosong, Menu1, Menu2, Isi dan Bawah adalah bagian-bagian dari sebuah web. 2. Angka menunjukan lebar dan tinggi web tersebut, misalnya 600 x 100 berarti memiliki lebar =600 dan tinggi = 100, 600 x 100%, berarti memiliki lebar = 600 dan tinggi =100% Untuk membuat rangka ada sekurang-kurangnya 6 file yang harus kita buat dan semua file dalam disimpan dengan extension php, yaitu : 1. File dasar/base/template utama, yaitu merupakan pondasi sebuah web, kalo mao disimpan bisa dengan nama template atawa base atau dasar dan lain-lain. 2. File pengisi layout yaitu Identitas1, Identitas2, menu, isi, dan bawah semuanya file php Oke kalo perangkatnya sudah siap maka kita akan mulai membuat rangka dengan script editor, yang pertama tentu saja file dasar/base/template mari kita berinama template.php ingat disimpan pada folder temp, dengan script sebagai berikut :