Layout situs merupakan tata letak elemen halaman situs web.Layout situs yang baik akan menjadikan halaman web web baik juga. Dengan desain halaman web yang baik dan tepat akan membuat pengunjung merasa nyaman dengan tampilan (layout) halaman web tersebut, dan tetap dapat fokus pada isi (content). Desain halaman web tidak mengganggu kejelasan bagian isi. Pada desain layout yang tepat, pengunjung dapat berpindah ke halaman lain dengan mudah melalui navigasi yang baik, mudah dan informatif.<\/p>\n

Pengunjung merasa bahwa setiap halaman dari situs merupakan satu kesatuan. Setiap halaman memiliki posisi dan kesamaan tampilan (layout), yang berbeda hanya isi (content). Adanya layout tata letak yang baik dapat membuat halaman lebih cantik dan seimbang, terutama enak dilihat dan mudah dibaca. Desain layout suatu halaman web meliputi penyusunan:
\n– pembagian tempat pada halaman
\n– pengaturan jarak sepasi
\n– pengelompokan teks dan grafik
\n– serta penekanan pada suatu bagian tertentu<\/p>\n

Beberapa model layout yang biasa digunakan dalam mendesain suatu halaman web, diantaranya adalah
\n– Top Index<\/strong>
\n\uf0e8 digunakan untuk menampilkan link yang banyak ke situs lain, seperti search engine
\n<\/a>
\nGambar 10.2 model layout top index<\/p>\n

Navigasi atau daftar isi berada dibagian atas dari halaman web, seperti pada berikut merupakan tampilan dari www.google.com
\n<\/a>
\nGambar 10.3 contoh halaman web dengan layout top index<\/p>\n

– Bottom Index
\n<\/strong>\uf0e8 Biasanya digunakan apabila isi dari halaman banyak berhubungan dengan topik tunggal<\/p>\n

– Left Index<\/strong>
\n\uf0e8 Digunakan untuk layar dengan resolusi yang lebar sehingga mudah dalam penyediaan navigasi, tanpa menimbulkan kekacauan penyajian pada halaman utama<\/p>\n

– Layout Split<\/strong>
\n\uf0e8 Merupakan model yang banyak dipakai, karena terjaga keseimbangan dalam halaman web<\/p>\n

– Alternating Index<\/strong>
\n\uf0e8 digunakan untuk halaman yang banyak menampilkan grafik, foto dan produk yang disertai dengan teks berupa keterangan, harga, jumlah, dan lain – lain.<\/p>\n","protected":false},"excerpt":{"rendered":"

Layout situs merupakan tata letak elemen halaman situs web.Layout situs yang baik akan menjadikan halaman web web baik juga. Dengan desain halaman web yang baik dan tepat akan membuat pengunjung merasa nyaman dengan tampilan (layout) halaman web tersebut, dan tetap dapat fokus pada isi (content). Desain halaman web tidak mengganggu kejelasan bagian isi. Pada desain …<\/p>\n","protected":false},"author":1,"featured_media":832,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[845],"tags":[1065,1070,1067,1075,1066,1074,1071,1068,1072,1073,1069],"class_list":["post-851","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pembuatan-halaman-web","tag-layout-web","tag-layout-web-design-inspiration","tag-layout-web-page","tag-layout-web-page-with-css","tag-layout-website","tag-layout-website-design-free","tag-layout-website-html","tag-layout-website-in-photoshop","tag-layout-website-la-gi","tag-layout-website-template","tag-layout-website-yang-baik"],"_links":{"self":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts\/851","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/comments?post=851"}],"version-history":[{"count":1,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts\/851\/revisions"}],"predecessor-version":[{"id":2935,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts\/851\/revisions\/2935"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/media\/832"}],"wp:attachment":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/media?parent=851"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/categories?post=851"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/tags?post=851"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}