Modul 5: Navigasi Vertikal & Layout

Implementasi Navigasi Vertikal dipadukan dengan Layout 2 Kolom dan 3 Kolom.

Contoh Layout 2 Kolom

Konten Utama (Layout 2 Kolom)

Di sini adalah area konten utama. Di sebelah kiri terdapat sidebar yang difungsikan sebagai navigasi vertikal.

Layout 2 kolom ini dibuat menggunakan properti float: left pada kedua elemen (sidebar dan konten) agar bisa berdampingan sejajar, di mana sidebar diatur lebarnya (misal 25%) dan konten menggunakan sisa lebar layar (71%).

Contoh Layout 3 Kolom

Konten Tengah (Layout 3 Kolom)

Area ini merupakan area baca / area konten utama yang posisinya berada tepat di tengah, diapit oleh dua sidebar (kiri dan kanan).

Layout 3 kolom ini sangat populer dan sering digunakan untuk website kompleks seperti Dashboard Administrator, Portal Berita, maupun Forum.