Tugas 4: Bootstrap

Pada tugas kali ini saya diharuskan membuat halaman web dengan menggunakan Bootstrap. Sebenarnya saya sudah menggunakan Bootstrap pada tugas pertama sehingga sekarang saya hanya akan menjelaskan source code dari halaman profil yang sudah saya buat pada Tugas 1

1. Untuk menggunakan Bootstrap silahkan memanggil bootstrap css pada bagian header file html, untuk memanggil anda dapat mendownload css Bootstrap dan memanggil dari folder html anda. Cara lain untuk memanggil Bootstrap adalah dengan menggunakan link referensi yang sudah disediakan oleh Bootstrap. Disini saya menggunakan link referensi Bootstrap untuk memanggilnya

Keuntungan menggunakan link referensi adalah loading yang cepat, karena banyak website lain yg menggunakan bootstrap, sehingga bootstrap sudah di cache dalam browser pengguna

Selanjutnya kita akan menambahkan carousel. Carousel adalah tampilan website untuk presentasi gambar yang jumlahnya lebih dari satu. Setiap gambar dapat diakses menggunakan tombol yang ada pada tampilan. Carousel juga dapat menampilkan gambar-gambar secara otomatis dengan selang waktu.

Setelah menambahkan code di atas maka tampilan carousel akan seperti ini

2. Selanjutnya kita akan menambahkan navbar. Navbar adalah tampilan navigasi pada web yang selalu ada pada setiap bagian html. Navbar berisi link-link yang ada pada suatu website

Untuk menampilkan navbar seperti di atas tambahkan code

3. Untuk mengatur ukuran carousel dapat di atur pada pengaturan css bootstrap. Buatlah sebuah file css kemudian link dengan halaman html yang sudah dibuat lalu tambahkan code

Silahkan kunjungi website saya di dickymp.me untuk melihat tampilan penuh dari website yang saya buat