Stage-0 Bootcamp Virtual

Guruputra.com

Layout Website
Layout website adalah tata letak, atau secara bahasa, layout merupakan rancangan desain tata letak
website.
Secara umum layout pada website terdiri atas lima bagian, yaitu
Header, Navigasi, Body/Content, Sidebar, dan Footer.

1. Header
Bagian ini dengan logo website, hero text, gambar banner, ikon media sosial, hingga menu
pencarian.

2. Navigasi
Berfungsi untuk link menuju pada bagian web tetentu/halaman web lainnya.

3. Content/ Container
Bagian ini bisa diisi dengan informasi mengenai website anda, deskripsi website, fitur-fitur
website, dan lainnya yang ingin disajikan pada website anda.

4. Sidebar
Sidebar biasanya akan diisi dengan informasi produk terbaru, produk paling populer,
pengumuman, agenda hingga navigasi tambahan.
Ada kalanya sidebar ini ditiadakan. Jadi bisa disesuiakan dengan kebutuhan.

5. Footer
Bagian footer biasanya dengan logo dan deskripsi singkat website, informasi kontak, ikon media
sosial, dan navigasi tambahan pada website.

Contoh Layout-1
Stage-0 Bootcamp Virtual
Guruputra.com

Contoh Layout-2

Contoh Layout-3

Pada Pelatihan Bootcame Virtual ini

kita akan belajar membuat website dengan model layout-3
Stage-0 Bootcamp Virtual
Guruputra.com

“Tidak harus jadi hebat untuk memulai,

tetapi harus mulai dulu untuk jadi hebat.”