Web layout merupakan kerangka yang mengatur penempatan tata letak sebuah elemen pada halaman web. Tata letak element seperti navigasi, header, tombol CTA (Call to Action), dan elemen lainnya pada halaman web, sehingga tampilan web dapat disesuaikan dengan desain yang ada. Dengan layout website yang tepat, informasi akan tampil dengan lebih menawan dan fungsional. Halaman web sering kali dibagi menjadi header, menu, konten, dan footer: Ada banyak sekali desain tata letak yang dapat dipilih.
- source code dapat dilihat disini
- Adapun ini adalah tampilan menu
- tapi, ini belum di CSS kan. Untuk CSS dapat dilihat pada bagian berikut
- dan berikut ini, tampilan menu setelah di CSS kan;
- Adapun untuk hasil secara keseluruhan adalah berikut ini;
- Tambahkan Layout untuk menu About => buat single layout yang berisi deskripsi, portfolio, dll
- Tambahkan layout untuk menu Contact => yang berisi form isian: nama, email, message, dll
- kontak.htmtl
- sama seperti bagian home, pada menu ini juga diperlukan CSS. Namun dalam hal ini saya memisahkannya dengan CSS sebelumnya (contact-form.css)
- dan inilah tampilan hasilnya
Demikianlah untuk praktikum kali ini. Cukup sekian dari saya. Sultan Aditia dari kelas: T.I.19.A.1