Praktek PHP + Dreamwiver

Assalamu’alaikum warahmatullahi wabarakatuh.

Pada pertemuan kali ini kita akan belajar secara praktek. Materi Praktek pada pertemuan ini adalah menyusun sistem informasi kepegawaian sederhana dengan menggunakan bahasa pemrograman PHP dan basisdata MySQL. Bahan praktek yang digunakan antara lain sebagai berikut:

1. Teks editor (Macromedia Dreamwiver / Adobe Dreamwiver).
2. Web server (XAMPP)
3. Web browser (Mozila Firefox / Google Chrome)
4. Gambar pendukung

Install bahan praktek kemudian mulai praktek dengan mengikuti langkah-langkah berikut ini.

1. Buka XAMPP control panel kemudian aktifkan apache dan mysql.
   
2. buat folder baru di dalam folder htdocs (forder htdocs berada pada direktori C:/xampp/) dengan nama pelatihan.
   
3. Unduh gambar pendukung kemudian ekstract hasil unduhan tadi yang bernama images.zip. Setelah di ekstract pindahkan folder images ke dalam folder pelatihan.
   
4. Langkah selanjutnya kiat akan membuat halaman depan website yang biasanya disebut dengan home atau beranda. Halaman awal ini terdiri dari tiga file yaitu header.php, menu.php dan index.php. Buka Macromedia Dreamwiver atau Adobe Dreamwiver kemudian buat file baru dengan type PHP.
   
5. Masuk ke layer code, kemudian hapus semua code html yang ada di dalamnya. setelah itu kembali ke layer desain.
   
6. Buat sebuah tabel dengan cara klik insert kemudian pilih table.
    
7. Atur jumlah kolom dan baris menjadi 1, atur ukuran tabel menjadi 960 pixcel, isi border thickness, cell padding, cell spacing dengan angka 0 kemudian klik OK.
   
   
   
8. Atur align tabel menjadi center.
   
9. Masukan gambar banner ditengah-tengah tabel. Letakan kursor ditengah tabel, klik insert kemudian klik image. Pilih gambar dengan nama banner yang berada di dalam folder images.
   
   
   
   
   
   
   
   
   
   
10. Hasilnya nampak pada gambar di bawah ini.
    
11. Simpan file tersebut dengan nama header.php.
    
    
    
    
    
    

Halaman : 1 2 3 4 5 6 7 8 9 10 11 12 13