Topik ini membahas proses Download program, gambar dan teks yang dibutuhkan dalam membuat struktur dasar website yang akan didesain dengan menggunakan framework bootstrap, sebelum mengikuti materi kedua dan seterusnya diharapkan untuk melihat materi ini

Layout dasar yang sudah dibuat pada praktek 1, kita akan melanjutkan mengisi data pada kolom-kolom yang tersedia dengan teknik html, css dan bootstrap

Bootstrap dibuat responsive dengan menggunakan sistem Grid 12 kolom, pada praktek ini akan dijelaskan secara detil berbagai macam teknik pembagian layout web dengan menggunakan sistem grid. Bila sistem grid dipahami dengan baik maka web yang dibuat akan benar-benar responsive dan tetap tertata rapi dibuka dengan peralatan mulai dari HP atau komputer layar lebar

Dalam mengatur tampilan, pengaturan Text merupakan hal utama. Di dalam bootstrap telah disediakan beberapa class yang dapat mempercepat kerja kita dalam mengatur tampilan tulisan, membuat icon-icon yang umum digunakan dan menggabungkan icon dengan hyperlink menjadi suatu button yang menarik.

Di dalam bootstrap terdapat banyak componen, pada topik ini yang akan dibahas adalah cara menampilkan data dengan menggunakan class listbox, accordian,

di dalam suatu aplikasi web, tentu saja menu adalah hal yang utama, menu adalah tempat dimana user dapat melakukan pilihan untuk apa yang ingin dilakukan, contoh menu pada website ini misalnya menu register, menu sign-in dan sign-out. Pada praktek ini akan dijelaskan penggunaan dari class yang telah disediakan oleh bootstrap dalam membuat menu

Menampilkan gambar dalam suatu web adalah komponen penting, sehingga pada topik ini akan dibahas menampilkan gambar dengan berbagai macam media, teknik dan cara menampilkan gambar dengan menggunakan class css yang telah disediakan oleh bootstrap dan menampilkan slideshow dengan menggunakan carousel yang telah disediakan oleh getbootstrap.

Form adalah tempat dimana user yang melihat web dapat memberikan input / masukkan data, dalam membuat form bila dilakukan secara manual kita harus banyak menulis kode-kode css dalam mengatur perataan, besar kotak input, menyamakan label dan warnanya, tetapi apabila kita menggunakan class-class yang sudah disediakan oleh bootstrap akan jauh lebih mudah, khususnya dalam mengatur efek responsive

Tujuan pemakaian bootstrap adalah untuk tampilan bagus dengan perintah sesingkat mungkin, pada praktek ini akan ditunjukkan cara penggunaan jumbotron untuk memperkuat efek suatu tampilan dengan bentuk kartu-kartu data yang digabung dengan custom icon yang diambil dari font awesome dan penambahan btn-group serta tambahan tooltip yang menarik dengan tether.js.min

Dashboard pada umumnya digunakan sebagai pusat control suatu aplikasi/setting program, kalau pada windows umumnya dashboard dapat dibayangkan seperti control panel, dengan membuat suatu dashboard maka aplikasi web yang dibuat akan lebih lengkap dalam mengatur setting dan aplikasi yang kita gunakan. pada praktek ini akan dijelaskan teknik dasar dengan memanfaatkan hal-hal yang sebelumnya dijelaskan