membuat tampilan data dengan css dan html

  Membuat tampilan data dengan css dan dan html yang menarik, jika kita mengunakan menu tampil data suatu website dengan tampilan yang elegan,kita tidak mungkin hanya mengunakan html saja,jadi kita memerlukan suatu tambahan script CSS lihat gambar di bawah untuk tampilanya
  Seperti tampak pada gambar di atas,seperti biasa buat folder di inetpub/wwwroot,jika mengunakan IIS dan di XAMPP cukup buka buat folder di htdoct ,untuk script-scriptnya buat index.html,buat folder css,dan folder js
langsung saja buat script html ,copy paste script di bawah



  Simpan dengan nama index.html,selanjutnya di dalam "folder css",buat file
  • awesome.css
  • bootstrap.min.css
  • data.css
  • mentis.menu.css
copy paste script awesome.css di bawah
setelah itusimpan di dalam folder css

  Selanjutnya buat file css dengan nama bootstrap.min.css,copy paste script di bawah
lalu simpan di dalam folder css

 Buat lagi file css dengan nama data.css ,copy paste script di bawah

 Buat file satu lagi dengan nama mentis.menu.css,copy paste script di bawah

  Untuk js atau biasa di sebut javascript ,buat file di dalam folder js dengan nama-nama di bawah
  • bootstrap.min.js
  • datepicker.js
  • javascript.js
  • jquery.js
  • mentismenu.js
copy paste script di bawah dan simpan dengan nama bootstrap.min.js

setelah itu buat script ,dengan nama datepicker.js,copy paste script d bawah dan simpan 

buat script dengan nama javascript.js,copy paste script di bawah

buat lagi script dengan nama jquery.js ,copy paste script di bawah

setelah buat satu script lagi dengan nama mentismenu.js,copy paste script di bawah


  Setelah semua script kita buat,sekarang coba lakukan uji coba dengan membuka broswer sobat,kalau benar maka tampilan di broswer sobat akan tampak seperti gambar di atas,selamat mencoba semoga berhasil,bagi yang ingin berkomentar silahkan.

Baca juga artikel lainnya