CSS digunakan untuk membuat tampilan halaman web menjadi lebih menarik. Tampilan umum terdiri dari header, menu navigasi, konten, dan footer.

1. Layout Website
CSS
Header, Navigation Menu, Content,
Footer

2. Amati gambar
berikut!
1. Apakah kamu
tahu nama situs
tersebut?
2. Apakah kamu
melihat teks atau
gambar pada
situs tersebut?

3. Amati gambar
berikut!
1. Apakah kamu
tahu nama situs
tersebut?
2. Apakah kamu
melihat teks atau
gambar pada
situs tersebut?

4. Layout website adalah penataan elemen-
elemen dalam sebuah halaman. Sebuah dokumen web
umumnya memiliki elemen-elemen sebagai berikut:
• Header
• Navigation
• Content
• Footer

5. Tampilan Website Secara Umum

6. Header merupakan elemen yang berisi judul dan
penjelasan lain dokumen. Biasanya elemen ini diisikan
dengan logo website, menu-menu global (seperti login dan
logout), maupun nama halaman yang sedang ditampilkan.

7. Navigasi memberikan akses navigasi ke halaman-
halaman lain dalam web.

8. Content merupakan isi utama dari halaman web.
Pengguna biasanya mengakses web untuk melihat teks yang
berada pada bagian ini.

9. Footer berfungsi sebagai bagian penutup dari website,
yang dapat saja berisi informasi lain tentang website, seperti
lisensi penggunaan, sitemap, ataupun link ke website lain.

10. Cara membuat header dengan CSS:
• Syntax pada HTML :
• Syntax pada CSS

11. Cara membuat menu navigasi dengan CSS:
• Syntax pada HTML • Syntax pada CSS

12. Cara membuat konten dengan CSS:
• Syntax pada HTML • Syntax pada CSS

13. Cara membuat footer dengan CSS:
• Syntax pada HTML :
• Syntax pada CSS

14. Manakah layout yang benar?