Warning: Use of undefined constant X - assumed 'X' (this will throw an Error in a future version of PHP) in /home/tneutron/public_html/wp-content/themes/jarida_disabled/functions.php on line 7

Warning: Cannot modify header information - headers already sent by (output started at /home/tneutron/public_html/wp-content/themes/jarida_disabled/functions.php:7) in /home/tneutron/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1902

Warning: Cannot modify header information - headers already sent by (output started at /home/tneutron/public_html/wp-content/themes/jarida_disabled/functions.php:7) in /home/tneutron/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1902

Warning: Cannot modify header information - headers already sent by (output started at /home/tneutron/public_html/wp-content/themes/jarida_disabled/functions.php:7) in /home/tneutron/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1902

Warning: Cannot modify header information - headers already sent by (output started at /home/tneutron/public_html/wp-content/themes/jarida_disabled/functions.php:7) in /home/tneutron/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1902

Warning: Cannot modify header information - headers already sent by (output started at /home/tneutron/public_html/wp-content/themes/jarida_disabled/functions.php:7) in /home/tneutron/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1902

Warning: Cannot modify header information - headers already sent by (output started at /home/tneutron/public_html/wp-content/themes/jarida_disabled/functions.php:7) in /home/tneutron/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1902

Warning: Cannot modify header information - headers already sent by (output started at /home/tneutron/public_html/wp-content/themes/jarida_disabled/functions.php:7) in /home/tneutron/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1902

Warning: Cannot modify header information - headers already sent by (output started at /home/tneutron/public_html/wp-content/themes/jarida_disabled/functions.php:7) in /home/tneutron/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1902
{"id":790,"date":"2024-11-13T04:03:17","date_gmt":"2024-11-12T21:03:17","guid":{"rendered":"http:\/\/www.tneutron.net\/mikro\/?p=790"},"modified":"2024-11-12T08:26:33","modified_gmt":"2024-11-12T01:26:33","slug":"menyajikan-desain-halaman-web","status":"publish","type":"post","link":"https:\/\/www.tneutron.net\/mikro\/menyajikan-desain-halaman-web\/","title":{"rendered":"Menyajikan Desain Halaman Web"},"content":{"rendered":"

Sebuah dokumen tidak jarang digunakan untuk menampilkan data kepada penggunanya. Terdapat banyak cara untuk menampilkan data, mulai dari dengan menggunakan grafik, daftar, sampai dengan tabel. Tabel pada umumnya digunakan untuk menampilkan data tabular dalam bentuk baris dan kolom. perpotongan baris dan kolom di dalam tabel disebut dengan sel. Di dalam html, memungkinkan untuk menampilkan data di dalam tabel secara atraktif.<\/p>\n

Meskipun terlihat sederhana, desain tabel yang dilakukan sampai sejauh ini masih merupakan sebuah tabel yang hanya menyimpan data. Data yang disimpan dan ditampilkan sendiri tidak memiliki struktur, sehingga tidak terdapat organisasi data yang baik. Pengorganisasian data yang baik dan benar pada sebuah tabel HTML akan sangat membantu dalam mengembangkan aplikasi web, terutama jika tabel yang ingin dibangun harus bersifat dinamis.<\/p>\n

Penambahan kolom dan baris tabel saja tidak cukup untuk mengorganisasikan data pada tabel, karena tidak dapat secara langsung mengetahui mana bagian dari tabel yang merupakan data, mana yang merupakan isi data, dan mana yang merupakan nilai agregasi dari data. HTML menyediakan beberapa elemen yang dikhususkan untuk memenuhi beberapa hal yang disebutkan sebelumnya, yaitu elemen table,tr,td,th, caption.<\/p>\n

Anatomi halaman web<\/strong>
\nSecara garis besar anatomi atau susunan dari suatu halaman web terdiri dari containing block, Logo, navigation, content, white space dapat digambarkan sebagai berikut
\n\"image\"<\/a>
\nGambar 10.1 anatomi halaman web<\/p>\n

\uf0a7 Containing Block.<\/strong>
\nContaining block merupakan bagian dari halaman web yang membungkus semua komponen halaman web. Umumnya dibuat dengan tag <body>, <div> atau <table>.
\n\uf0a7 Logo.<\/strong>
\nIdentitas perusahaan, organisasi, pemilik situs.
\n\uf0a7 Navigation.<\/strong>
\nNavigasi atau menu merupakan bagian penting dari situs yang memudahkan pengunjung berpindah-pindah halaman.
\n\uf0a7 Content.<\/strong>
\nContent atau isi adalah segalanya, karena disinilah sebagian besar informasi disajikan.
\n\uf0a7 Footer.<\/strong>
\nFooter merupakan bagian bawah dan berisi informasi singkat pemilik situs (copyright) dan beberapa link.
\n\uf0a7 Whitespace.<\/strong>
\nWhitespace merupakan area kosong yang membatasi antar-komponen. Whitespace menjadi penting agar pengunjung mempunyai ruang berhenti di antara bagian-bagian situs yang lain. Whitespace dapat juga diisi dengan banner atau animasi.<\/p>\n","protected":false},"excerpt":{"rendered":"

Sebuah dokumen tidak jarang digunakan untuk menampilkan data kepada penggunanya. Terdapat banyak cara untuk menampilkan data, mulai dari dengan menggunakan grafik, daftar, sampai dengan tabel. Tabel pada umumnya digunakan untuk menampilkan data tabular dalam bentuk baris dan kolom. perpotongan baris dan kolom di dalam tabel disebut dengan sel. Di dalam html, memungkinkan untuk menampilkan data …<\/p>\n","protected":false},"author":1,"featured_media":789,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[845],"tags":[1120,1125,1123,1127,1122,1124,1126,1129,1128,1121],"class_list":["post-790","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pembuatan-halaman-web","tag-desain-web","tag-desain-web-adalah","tag-desain-web-dengan-css","tag-desain-web-dengan-dreamweaver","tag-desain-web-dengan-photoshop","tag-desain-web-gratis","tag-desain-web-html","tag-desain-web-responsive","tag-desain-web-sederhana","tag-desain-web-terbaik"],"_links":{"self":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts\/790","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=790"}],"version-history":[{"count":1,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts\/790\/revisions"}],"predecessor-version":[{"id":2930,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts\/790\/revisions\/2930"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/media\/789"}],"wp:attachment":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/media?parent=790"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/categories?post=790"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/tags?post=790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}