PENERAPAN CSS TWITTER BOOTSTRAP PADA WEB

SEDERHANA

DISUSUN OLEH:

NAMA : RAHMAT TAUFIQ H.R

NIM : 1410651025

KELAS : E

UNIVERSITAS MUHAMMADIYAH JEMBER

FAKULTAS TEKNIK

JURUSAN TEKNIK INFORMATIKA

2015

TWITTER BOOTSTRAP

Langkah Kerja

1. Buatlah basis data yang didalamnya terdiri dari tabel mahasiswa, mata kuliah dan krs.

2. Buatlah folder di xampp-htdocs da nisi didalamnya dengan file bootstrap, kita bias download di

bootstrap.com/2.3.2 lalu ekstrak di dalam folder tersebut.

3. Untuk memanggil bootstrap letakkan kode dibawah ini diantara head.

4. Lalu buatlah file koneksi.php untuk koneksi antara web dengan basis data.

5. Butalah file baru dengan nama mahasiswa.php untuk tempat tabel dari mahasiswa.

Dengan memberi class btn btn-primary tampilan button akan berubah menjadi lebih bagus.

6. Buatlah file makul.php dan untuk memanggil data base dari matakuliah dan menset tabel

matakuliah, ketik kode dibawah ini.

7. Lalu buatlah file krs.php dan untuk menampilkan tabel serta basis data dari krs, ketik kode

dibbawah ini.

8. Untuk membuat delete dan edit pada tiap-tiap tabel buatlah file editmahasiswa.php,

deletemahasiswa.php, editmakul.php, deletemakul.php, editkrs.php dan deletekrs.php.

9. Editmahasiswa.php

10. Deletemahasiswa.php

11. Editmakul.php

12. deletemakul.php

13. editkrs.php

14. deletekrs.php

15. Membuat navbar

16. Untuk membuat tabel menjadi zebra atau striped kita bias gunakan kode css dibawah ini.

17. Untuk mempercantik tampilan buatlah header dengan gambar yang cukuup menarik.

18. Dengan tampilan akhir seperti dibawah ini.

19.