Upload
12taeh
View
74
Download
6
Embed Size (px)
DESCRIPTION
PENERAPAN CSS TWITTER BOOTSTRAP
Citation preview
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.